@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
*{margin:0;padding:0;border:0;}
html,body{height:100%; background-color:#FFF;}
.clear{clear:both;}
.top-wrapper{background-color:#21caad;}
.logo{margin:25px 0 0 0;}
.navbar-toggle,.icon-bar{border:1px solid #FFF;}
.main-nav-bar ul{float:right;}
.main-nav-bar li{font-family:arial; font-size:14px; list-style:none; float:left; padding:35px 30px 35px 30px;}
.main-nav-bar a{color:#FFF;}
.main-nav-bar a:hover{color:#000; text-decoration:none;}
li.active a{color:#000;}

.top-main-text-area{ min-height:100%; background: url(../images/top-bg.png) no-repeat center center #c5c5c5; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.top-text{margin-top:210px; padding-bottom:100px; }
.top-text h1{margin-top:70px; font-family:Open Sans; font-weight:400; color:#000;text-transform:uppercase; text-align:center; line-height:45px;}
.top-text span{font-weight:800;}
.top-text p{font-family:arial; font-size:14px; color:#000; margin-top:26px; line-height:22px; text-align:center;}
.top-text h3{font-family:Open Sans; font-weight:800; color:#000; text-align:center; font-size:28px;}
.main-text-area{padding:70px 0;}
.main-text-area h1{font-family:Open Sans; font-weight:700; color:#000;text-transform:uppercase; margin-bottom:20px;}
.main-text-area p{font-family:arial; font-size:14px; color:#000; margin-bottom:18px; line-height:22px;}
.text-area-bg{background-color:#e4e4e4; margin:40px 0 100px 0;}
.main-text2 h1{font-family:Open Sans; font-weight:700; color:#000;text-transform:uppercase; margin-bottom:20px; margin-top:60px;}
.main-text2 p{font-family:arial; font-size:14px; color:#000; margin-bottom:22px; line-height:22px;}

.margin{margin:3px 0 10px 0;}.margin2{margin:0 0 100px 0;}
.margin2 h1{margin-top:120px;}
.seo-margin2{margin:100px 0;}
.seo-margin1 h1{margin-top:150px;}
.seo-margin2 h1{margin-top:120px;}
.seo-margin3 h1{margin-top:150px;}

.footer-full{background-color:#4fd0f1; padding:40px 0;}
.footer-text h3{font-family:arial; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:20px; margin-bottom:20px;}
.footer-content p{font-family:Open Sans; font-weight:400; color:#fff; font-size:14px; line-height:22px;}
.footer-content a{font-family:arial; color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
.footer-content li{padding:5px 0; font-size:14px; list-style:none; text-transform:uppercase;}
.footer-content a{font-family:Open Sans; font-weight:300; color:#fff;}

@media only screen and (max-width: 768px) {
body{text-align:center;}
.main-nav-bar li{width:100%; list-style:none; padding:15px 30px; font-size:13px; float:left;}
.top-text h1{font-size:27px; line-height:38px;}
.main-text-area h1,.main-text2 h1{font-size:27px;}
.text-area-bg{background-color:#e4e4e4; margin:30px 0 60px 0;}
.main-text-area{padding:40px 0;}
.top-main-text-area{min-height:100%; background: url(../images/top-bg.png) no-repeat #c5c5c5; }
.seo-margin1 h1{margin-top:70px;}
.seo-margin2 h1{margin-top:60px;}
.seo-margin3 h1{margin-top:70px;}
.top-text { margin-top: 130px;}
}
@media only screen and (min-width: 900px) and (max-width: 1050px) {
.main-nav-bar li{padding:25px 10px;}
}
@media only screen and (min-width: 769px) and (max-width: 899px) {
.main-nav-bar li{padding:25px 10px;}
}


.b{border:1px solid red;}
.h{height:100px;}