/*-------------  Custom Style  -------------*/

body{
	color: #494949;
	font-family: montserrat, sans-serif;
}

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}



/*-----------------------------------------------------------------*/

/*-------------  Homepage Start  -------------*/

nav{
	background: #fff;
	width: 100%;
	margin: 20px auto 20px;
}

.nav-container{
    position: relative;
}

.logo{
	max-width: 500px;
}

.mobilelogo{
	display: none;
}

.burger{
	height: 30px;
	width: 30px;
	display: none;
	margin: 0 auto;
}

.flex-nav{
	display: none;
}

.top-phone{
    position: absolute;
    right: 15%;
    top: 0;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
}

.nav-menu{
	display: inline-block;
	list-style: none;
	vertical-align: bottom;
	text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    color: #494949;
    font-weight: bold;
    padding: 0;
    margin-left: 20px;
    margin-bottom: 20px;
}

.nav-menu li{
	display: inline;
	padding: 15px;
}

.nav-menu a{
	text-decoration: none;
	color: inherit;
}

.nav-menu a:hover{
	color: #6DAD4E;
}

.mobile-menu{
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    color: #494949;
    font-weight: bold;
    padding: 0;
    margin: 10px auto 0;
}

.mobile-menu li{
	text-align: center;
	padding: 15px;
}

.mobile-menu a{
	text-decoration: none;
	color: inherit;
}

.mobile-menu li:hover{
	background: #6DAD4E;
    color: #fff;
}


.header-img{
	width: 100%;
	height: 500px;
	background: url('../images/header.jpg') no-repeat;
	background-size: cover;
    background-position: center;
}

.hm-section-1{
	text-align: center;
	margin: 120px auto;
}

.hm-section-1 h1{
	font-size: 38px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hm-section-1 h1>span{
	padding-bottom: 35px;
	border-bottom: 10px solid #00B1F7;
}

.hm-section-1 p{
	line-height: 30px;
    font-size: 18px;
	margin-top: 80px;
}

.section-img{
	width: 100%;
	height: 500px;
	background: url('../images/section.jpg') no-repeat;
	background-size: cover;
    background-position: center;
}

.info-row{
	margin-top: 100px;
}

.info-section{
	margin: 120px auto;
	text-align: center;
}

.info-section h1{
	text-align: center;
	font-size: 38px;
	font-style: italic;
}

.info-section h2{
	font-size: 25px;
	text-transform: uppercase;
}

.info-section p{
	line-height: 30px;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
}

.ad-hr{
	width: 45px;
	border-bottom: 10px solid #6DAD4E;
}

.ag-hr{
	width: 45px;
	border-bottom: 10px solid #009BF4;
}

.pu-hr{
	width: 45px;
	border-bottom: 10px solid #071023;
}

.ad{
	color: #6DAD4E;
}

.ag{
	color: #009BF4;
}

.pu{
	color: #071023;
}

.btn-green{
	padding: 20px 35px;
	font-size: 20px;
	color: #494949;
	border: 1px solid #6DAD4E;
	background: transparent;
	border-radius: 10px;
}

.btn-blue{
	padding: 20px 35px;
	font-size: 20px;
	color: #494949;
	border: 1px solid #009BF4;
	background: transparent;
	border-radius: 10px;
}

.btn-black{
	padding: 20px 35px;
	font-size: 20px;
	color: #494949;
	border: 1px solid #071023;
	background: transparent;
	border-radius: 10px;
}

.btn-green:hover{
	color: #fff;
	background: #6DAD4E;
}

.btn-blue:hover{
	color: #fff;
	background: #009BF4;
}

.btn-black:hover{
	color: #fff;
	background: #071023;
}

.info-item{
	height: 450px;
	position: relative;
}

.btn-row{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

footer{
	background: #6B8196;
}

footer img{
	max-width: 100%;
}

.footer-row{
	margin: 30px auto;
}

.footer-nav{
	list-style: none;
	color: #fff;
	font-size: 18px;
}

.footer-nav li{
	display: inline;
	color: inherit;
	padding: 15px 25px;
}

.footer-nav li>a{
	text-decoration: none;
	color: inherit;
}

.footer-nav li>a:hover{
	color: #A5D244;
}

footer p{
	color: #fff;
}

/*-------------  Homepage End  -------------*/



/*-----------------------------------------------------------------*/

/*-------------  Advertiser, agencies, publishers Start  -------------*/

.advHeaderImg{
	width: 100%;
	height: 350px;
	background: url('../images/laptop.jpg') no-repeat;
	background-size: cover;
    background-position: center;
    position: relative;
}

.agHeaderImg{
    width: 100%;
    height: 350px;
    background: url('../images/back1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.puHeaderImg{
    width: 100%;
    height: 350px;
    background: url('../images/back2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.adv-row{
	margin: 50px auto;
}

.adv-row h2{
	font-size: 30px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 5px solid #6DAD4E;
}

.adv-row p{
	line-height: 30px;
    font-size: 18px;
}

.ag-row{
	margin: 50px auto;
}

.ag-row h2{
	font-size: 30px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 5px solid #009BF4;
}

.ag-row p{
	line-height: 30px;
    font-size: 18px;
}

.pu-row{
	margin: 50px auto;
}

.pu-row h2{
	font-size: 30px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 5px solid #071023;
}

.pu-row p{
	line-height: 30px;
    font-size: 18px;
}


/*-------------  Advertiser, agencies, publishers End  -------------*/

/*-----------------------------------------------------------------*/

/*------------- Contact Page Start -------------*/

.contactHeader{
	background: #6B8196;
	max-width: 100%;
	height: 350px;
	position: relative;
}

.contact-title{
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	margin: 0 auto;
}

.contactHeader h1{
	color: #fff;
	font-size: 38px;
	text-align: center;
	text-transform: uppercase;
}

.loc-section{
	margin: 50px auto;
	text-align: center;
}

.location img{
	display: inline-block;
}

.location h2{
	display: inline-block;
	text-transform: uppercase;
}

.location p{
	font-size: 18px;
}

.googleMap{
	width: 100%;
	height: 500px;
	border: 0;
}

.flex-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 35px;
}

.contact-h2{
	display: inline-block;
	font-size: 35px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 5px solid #009BF4;
}

.phone-inline span{
	display: inline-block;
	line-height: 24px;
    font-size: 25px;
    color: #0A142D;
    text-transform: uppercase;
}

.phone-inline p{
	display: inline-block;
	line-height: 24px;
    font-size: 20px;
    color: #898989;
    font-weight: 600;
    vertical-align: top;
    margin: 0 0 0 5px;
}

.contactH3{
	font-size: 25px;
	font-weight: bold;
	color: #009BF4;
	margin: 0 auto 5px;
}

.contactEmail{
	font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #898989;
    font-style: italic;
    margin: 0;
}

.phone-inline{
	margin-top: 5px;
}

.email-sec{
	margin-bottom: 100px;
}

/*------------- Contact Page End -------------*/

/*-----------------------------------------------------------------*/


/*------------- TERMS AND PRIVACY Page End -------------*/

.terms-header{
	width: 100%;
	height: 350px;
	background: url('../images/background.jpg') no-repeat;
	background-size: cover;
    background-position: center;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.policy-sec p{
	line-height: 30px;
    font-size: 18px;
}

.policy-sec ul>li{
	line-height: 30px;
    font-size: 18px;
}


/*------------- TERMS AND PRIVACY Page End -------------*/




/*-----------------------------------------------------------------*/



/*-------------  Mobile Section Start  -------------*/

@media only screen and (max-width: 1100px){
	.logo{
		max-width: 100%;
	}

	.info-row .info-item{
		height: auto;
	}

	.info-item .btn-row{
		position: static;
		text-align: center;
		margin:10px auto 30px;
	}

    .footer-nav{
		display: none;
	}
}

@media only screen and (max-width: 600px){
	.nav-menu, .logo, .top-phone{
		display: none;
	}

	.burger, .mobilelogo{
		display: block;
	}

	.mobilelogo{
		max-width: 100%;
	}

	.flex-nav{
		display: flex;
		align-items: center;
		justify-content: space-around;
        margin-top:10px;
        padding-top: 5px;
        border-top: 2px solid #A5D244;
	}

    .flex-nav p{
        font-size: 16px;
        font-weight: bold;
    }

	nav .container{
		padding: 0;
	}

	nav{
		margin-bottom: 0;
	}

	.contact-title h1{
		font-size: 20px;
	}

	.contactH3{
		font-size: 20px;
	}

	.contactEmail{
		font-size: 15px;
	}
    
}

/*-------------  Mobile Section End  -------------*/

/*-----------------------------------------------------------------*/