@import url(//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,500,500italic,300,300italic);
body{
	font-family: "Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #4a4a4a;
}
a,p,span,p,h1,h2,h3,h4,h5,div{
	color: #4a4a4a;
	font-family: "Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
a{
	text-decoration: none;
	color: #1D87DA;
}

.blue-txt{
	color : #1D87DA;
}
/* Mdl Button properties --------------- */

.mdl-button-primary{
	background-color: #1D87DA !important;
	color: #fff;
	border-radius: 0px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
        border: 1px solid #115182;
}
.mdl-button-primary:hover{
	background-color: #1a79c4 !important;
	color: #fff;
}
.mdl-button-primary .mdl-button__ripple-container .mdl-ripple{
	background-color: #fff;
}

.mdl-button-default{
	background-color: #fff !important;
	color: #1D87DA;
	border-radius: 0px;
   	border: 1px solid #1D87DA;
    box-shadow: none;
}
.mdl-button-default:hover{
	background-color: #e8f3fb !important;
	color: #1D87DA;
}
.mdl-button-default .mdl-button__ripple-container .mdl-ripple{
	background-color: #115182;
}
/* -----------------------------------------------------------------  */
/*  Form elements  ----- --------------------------------------------*/
.form select{
	width : 100%;
    background-color: #fff;
    padding : 5px;
    border: 1px solid #1D87DA;
}
/*  Form elements  ----- -------------------------------------------- */

/* Nav bar Start ----- --------------------------------------------*/
.mdl-layout .mdl-layout__header{
	background-color:#1D87DA;
}
.mdl-layout .mdl-navigation__link,.mdl-layout .mdl-layout__drawer-button{
	color: #4a4a4a;
	font-family: 'Roboto', sans-serif;
}
.mdl-layout .mdl-layout__drawer-button{
	margin-top: 5px;
}
.mdl-layout .mdl-navigation__link:hover{
	color: #1D87DA;
	border-top: 4px solid #1D87DA;
	font-family: inherit;
}
.about-us-sub-menu a{
	text-decoration: none;
	color: #4d4d4d;
}
.about-us-sub-menu:hover a,.about-us-sub-menu:hover{
	color: #1D87DA;
	background-color: #fff;
}

.btn-register .mdl-button__ripple-container .mdl-ripple{
	background-color: #fff;
}
.btn-login,.btn-login:hover,.btn-login:active,.btn-login:focus{
	margin-left: 10px;
	margin-right: 15px;
	border: 1px solid #1D87DA;
	background-color: #fff;
}
.btn-login .mdl-button__ripple-container .mdl-ripple{
	background-color: #1D87DA;
}
/* Nav bar Start ----- -------------------------------------------- */
/* Side Bar Menu Bar*/
.mdl-layout__drawer{
	background-color: #fff;
	color: #fff;
	padding: 10px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
	border: none;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{
	border: none;
	border-left: 4px solid #145e98;
	background-color: #1D87DA;
	color: #fff;
}
.logo-img-sidebar{
	width: 200px;
	padding: 10px;
	align:center;
}
.btn-login-side{
	margin: 10px 0px 10px 0px;
	border: 1px solid #1D87DA;
	background-color: #fff;
}
.btn-login-side .mdl-button__ripple-container .mdl-ripple{
	background-color: #1D87DA;
}
/*  End Side Menu Bar */
.mdl-layout__content{
	margin: 0px;
}
/* Main Header */
.main-header{
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #1D87DA;
}
.default-page-header{
	background: url("../img/default-header-bg.jpg") no-repeat center bottom;
        background-size: cover;
	background-position: 35% 50%;
}
.main-page-header{
	background: url("../img/main_image2.jpg") no-repeat center bottom;
        background-size: cover;
	background-position: 35% 40%;
}
.publisher-page-header{
	background: url("../img/publisher-header-bg.jpg") no-repeat center bottom;
    background-size: cover;
	background-position: 35% 70%;
}
.advertiser-page-header{
	background: url("../img/advertiser-header-bg.jpg") no-repeat center bottom;
    background-size: cover;
	background-position: 35% 50%;
}

.contact-page-header{
	background: url("../img/help-page-header-bg.jpg") no-repeat center bottom;
        background-size: cover;
	background-position: 35% 50%;
}
.career-page-header{
	background: url("../img/career-header-bg.jpg") no-repeat center bottom;
    background-size: cover;
	background-position: 35% 50%;
}
.main-header .content{
    color: #fff;
    background-color: #176cae;
    background: rgba(11,54,87, .5);
    background: rgba(0,0,0, .5);
    padding: 60px;
}
.main-header .content h1,.main-header .content p{
	color: #fff;
	text-shadow: 0 2px 1px #4A4A4A;
}
.main-header .content h1{
	font-size: 4.25em;
	font-weight: 500;
}
.main-header .content p{
	font-size: 1.8em;
	line-height: 2em;
	font-weight: 300;
	text-transform: capitalize;
}
.main-slider .slider-content{
	min-height: 290px;
}
.main-slider .slider-navigation{
	margin-top: 20px;
}
.main-slider .slider-navigation a{
	padding-right: 10px;
	color: #fff;
	text-decoration: none;
}

.main-header-error{
    background-color: #f7f7f7;
    margin: 0px;
    padding: 0px;
}
.main-header-error .content{
    color: #4a4a4a;
    background: #176cae;
    background: rgba(11,54,87, .0);
    padding: 60px;
}
.main-header-error .content h1,.main-header-error .content p{
	color: #4a4a4a;
}
.main-header-error .content h1{
	font-size: 4.25em;
	font-weight: 500;
}
.main-header-error .content p{
	font-size: 1.8em;
	line-height: 2em;
	font-weight: 300;
        color: #4a4a4a;
}
/* End Main Header */

/* ---- Start Main Content -- */
.main-content .content{
	padding: 50px 30px 10px 30px;
	background-color: rgba(232,243,251,.1);
}
.white-patter{
	background : url("../img/pattern_white.png");
}
.main-content .content h1{
	font-size: 2.5em;
	font-weight: 300;
	margin-top:0px;
	padding-top: 0px;
}
.main-content .content p{
	font-size: 1.3em;
	font-weight: 300;
	line-height: 1.8em;
}
.main-content .content img{
	width: 500px;
	margin-top: 5px;
}
.advertiser-hero{
    background : url("../img/advertiser-hero.jpg");
    background-size: cover;
    background-position: 5px 35%;
}
.publisher-hero{
	background : url("../img/pub-hero.jpg") no-repeat;
        background-size: cover;
	padding: 0px;
	margin: 0px;
}
.pub-content{
	background-color:rgba(0,0,0, .5);
	padding: 0px;
}
.pub-content h1,.pub-content p{
	color : #fff;
	padding: 0px;
        text-shadow: 0 2px 1px #4A4A4A;
}

.text-center {
    text-align : center;
}
.main-content .content{
	border-bottom:1px solid #ddd;
}
.main-content .content .why-box h1{
	font-size: 3em;
}
.main-content .content .why-box h2{
	font-size: 2.2em;
	font-weight: 300;
}
.main-content .content .why-box i{
	font-size: 6.2em;
	color: #979797;
}

.main-content .company-known-box{
	background-color: #f4f4f4;
	text-align: center;
}
.logos{
	position: relative;
  	overflow: hidden;
  	min-height: 50px;
}
.logos .logo_marque {
  background: url("../img/logos.png");

  background-position: 0% 57% ;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: slideshow 50s linear infinite;
  -moz-animation:    slideshow 50s linear infinite;
}
@-webkit-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
@moz-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
.main-content .get-started-box{
	background : url("../img/pattern_white.png");
	text-align: center;
}
.main-content .get-started-box .get-started-btn{
	margin-left: 10px;
	color: #fff;
	background-color: #fd920d;
	margin-bottom: 30px;
}
.main-content .get-started-box .get-started-btn:hover{
	background-color: #ca740a;
}

.main-content .stats-box{
	text-align : center;
	background-color:#1D87DA !important;
	color : #fff;
}
.main-content .stats-box h1{
	color : #fff;
}
.main-content .stats-box .right-border{
	border-right : solid 1px #bbb;
}
.right-border{
	border-right : solid 1px #bbb;
}
.main-content .stats-box .inner-box{
	background-color: #fff;
	border:3px solid #000;
	padding:20px;
	margin:30px;
}
.main-content .stats-box .inner-box h1{
	color : #4a4a4a;
	font-weight : 500;
	margin:0px;
}

.main-content .login-form{
	padding: 3em;
}
.main-content .login-form label{
	padding-right: 1em;
	margin-left: 1em;
}
/* ---- End Main Content ---- */
/* Footer start here */
.mdl-mega-footer{
	background-color: #292725;
	color: #fff;
}
.mdl-mega-footer .mdl-mega-footer__bottom-section{
	color: #6e6e6e;
}
.mdl-mega-footer .mdl-mega-footer__middle-section .mdl-mega-footer__drop-down-section .mdl-mega-footer__link-list .footer-link{
	line-height: 2.5em;
	color: #b1b1b1;
}
.mdl-mega-footer__drop-down-section p{
    color : #c0c0c0;
    line-height : 2em;
}
/* Footer end here */

/* Dialog ==== */
.send-msg-dialog {

}
.send-msg-dialog h4{
    font-size : 1.8em;

}
/* Dialog xxxx */

@media only screen and (min-width:1024px){
	.mdl-layout .mdl-layout__drawer-button{
		display: none;
	}
	.mdl-layout .mdl-layout__header{
		padding: 10px;
		background-color: #fff;
		color: #4a4a4a;
	}
	.logo-img{
		width: 300px;
		margin-left: 20px;
	}
	.mdl-mega-footer{
		padding-left: 150px;
	}
}

@media only screen and (max-width:1023px){
	.main-content .content{
		padding: 50px 3px 10px 3px;
		background-color: rgba(232,243,251,.1);
	}
	.main-content .login-form{
		padding: 0px;
		text-align: center;
	}
	.show-large-screen{
		display: none;
	}
	.mdl-layout .mdl-layout__header{
		padding: 0px;
		background-color: #fff;
		color: #4a4a4a;
	}
	.logo-img{
		width: 220px;
		margin-left: 0px;
	}
	.main-header{
		background-position: 55% 55%;
	}
	.main-header .content{
		color: #fff;
		background: #176cae;
    	background: rgba(0,0,0, .5);
    	padding: 30px;
	}
	.main-header .content h1{
		font-size: 1.6em;
		font-weight: 500;
		padding: 0px;
		margin: 10px 0px 10px 0px;
	}

	.main-header .content p{
		font-size: 1em;
		line-height: 1.5em;
		font-weight: 300;
	}
	.main-slider .slider-content{
		min-height: 150px;
	}
	.main-slider .slider-navigation{
		margin-top: 20px;
	}
	.main-slider .slider-navigation a{
		padding-right: 10px;
		color: #fff;
		text-decoration: none;
	}

	.main-content .stats-box .right-border{
		border-right : none;
		border-bottom :	solid 1px #bbb;
	}
	.right-border{
		border-right : none;
		border-bottom :	solid 1px #bbb;
	}
	.main-content .content{
		padding:5px;
	}
	.main-content .content h1{
		font-size: 24px;
		font-weight: 500;
		margin-top:0px;
		padding-top: 0px;
		margin:0px;
	}
	.main-content .content p{
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.8em;
	}
	.main-content .content .why-box{
		text-align:center;
	}
	.main-content .content .why-box h1{
		font-size:34px;
	}
	.main-content .content .why-box i{
		padding:0px;
		margin:0px;
	}

}