body{
width:100%;
font-family: 'Nunito', sans-serif;
color:#2B2B2B;
font-weight:500;
font-size:16px;
overflow-x:hidden;
}
h2{
	margin-bottom:40px;
}
h3{
	font-size:18px;
	height:38px;
}
h2,h3,h4,h5,h6{
font-weight:600;
font-family: 'Nunito', sans-serif;
}
.headerHead{
	height:0px;
	max-height:24px;
	background-color:#02B9C8;
	
}
.topBanner{
	background-color:#02B9C8;
	min-height:400px;
	padding-top:100px;

	background-size:cover;
	background-position:center;
}
section.testimonials{
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:bottom;


}
#test1, #test2{
	position:absolute;
	
}
#test1{
	left:196px;
	margin-top:-24px;
}
#test2{
	right:196px;

}
.testimonials span{
	font-size:18px;
	color:#02B9C8;
}
section{
	padding-top:40px;
	padding-bottom:40px;
}
.headerCon{
	    position: fixed;
    width: 100%;
    background-color: #02B9C8;
    color: white;
    z-index: 10;
}
.headerMsg{

color:white;
border-radius:3px;
	outline:none;
	border:none;
	padding:20px;
	font-weight:600;
	font-size:18px;
	max-width:720px;
margin:auto;
}

.headerMsg h1{
	font-weight:600;
	margin-bottom:24px;
	font-size:54px;
font-family:'Helvetica';
}
.headerMsg h1 span{
	background-color:white;
	color:  #02B9C8;
}
.subMsg{
	padding-left:24px;
	padding-right:24px;
	max-width:500px;
	margin:auto;
}
.videoCon{
	width:100%;
	margin:auto;
	
}
.videoCon video{
	width:100%;
	
	text-align:center;
	margin:auto;
	height:auto;
}
section.navMenu{
	padding:0px;
	height:90px;
	
}
#toTop{
	float:right;
	font-size:32px;
	color: #02B9C8;
}
.menuItem{
	padding-top:32px;
	font-size:18px;
	font-weight:600;
	
}
.menuItem div{
	float:right;
}
.menuItem div:hover{
	cursor:pointer;
	border-bottom:solid 4px white;
}
section.whyAbc img{
		margin:auto;
		width:100%;
		max-width:240px;
}
section.services img{
		margin:auto;
		width:100%;
		max-width:120px;
}
.headerCon img{
	position:absolute;
	top:12px;
	left:0px;
	max-width:400px;
}
.navMenu button{
	float:right;
	background-color: #2CC1FB;
	border-radius:3px;
	outline:none;
	border:none;
	padding:20px;
	font-weight:600;
	margin-top:12px;
	font-size:18px;
}
.navMenu button:hover{
	cursor:pointer;
	background-color:white;
	color: #02B9C8;
}
button.getInTouch{
	background-color: #02B9C8;
	color:white;
	font-size:18px;
	border-radius:3px;
	outline:none;
	border:none;
	border:solid 4px #02B9C8;
	padding:20px;
	font-weight:600;
	margin-top:40px;
	margin-bottom:80px;
}
button.getInTouch:hover{
	background-color: white;
	color:#02B9C8;
	cursor:pointer;
}
.footer img{
	max-width:320px;
	margin-top:48px;
}
section.footer{
	padding:24px;
	background-color:#02B9C8;
}

#contact {
	background:#02B9C8;
	padding:25px;
	margin-bottom:40px;
	border-radius:3px;
}
#contact span{
	color:white;
	font-size:18px;
	font-weight:600;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
	border-radius:3px;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:3px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
	border-radius:3px;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
  border-radius:3px;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	max-width:100px;
	border:none;
	background:#E96264;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
	font-weight:600;
	border-radius:3px;
}

#contact button[type="submit"]:hover {
	background:white;
	color:#2b2b2b;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#2b2b2b;
}
:-moz-placeholder {
 color:#2b2b2b;
}
::-moz-placeholder {
 color:#2b2b2b;
}
:-ms-input-placeholder {
 color:#2b2b2b;
}

.whyAbc .inner{
	max-width:380px;
	margin:auto;
}
#mLogo{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
@media only screen and (max-width : 1440px) {

    }
@media only screen and (max-width : 1200px) {
	.navMenu .container{
		width:100%;
	}
		.navMenu img{
		left:12px;
		top:16px;
		width:380px;
	}
	#test1{
		left:0px;
		margin-top:-24px;
	}
	#test2{
		right:0px;

	}
	
	
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.navMenu img{
		display:none;
		
	}
	#mLogo{
		display:block;
		width:80px;
	}
	.container{
			width:100% !important;
		}
		.videoCon{
			padding:0px !important;
		}
    }	

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		
    }
 @media only screen and (max-width : 600px) {
		.navMenu img{
		display:block;
		position:relative;
		text-align:center;
		}
		#mLogo{
			display:none;
		}
		.topBanner{
	
		padding-top:130px;
	}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	.topBanner{
	
		padding-top:80px;
	}
		.footer img{
			max-width:100%;
		}
		.navMenu .col-xs-4{
			padding-left:6px;
			padding-right:6px;
		}
		.navMenu img{
		display:none;
		}
		.menuItem{
			padding-top:12px;
		}
		
		.navMenu button{
			padding:4px;
		}
		.headerMsg{
			padding:0px;
		}
		.headerMsg h1{
			font-size:32px;
		}
		.subMsg{
			max-width:320px;
		}
		#test1{
			margin-top:-80px;
			left:-80px;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		.headerMsg h1{
			font-size:30px;
		}
    }