@charset "utf-8";
/* CSS Document */
@import url("css/fonts/fonts.css");
@import url('css/jquery.bxslider.css');
@import url('css/top.css');
@import url("css/menu.css");
/* ===== == = === Base Styles === = == ===== */
body{margin:0; padding:0; background:#f0fafe; font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#252525;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}img{border:none;}*{outline:none;}
h1{margin:20px 0px; padding:0; padding-bottom:10px; font-weight:normal; font-size:28px; line-height:30px; text-transform:uppercase; color:#252525; font-family:'robotobold', Arial, Helvetica, sans-serif; border-bottom:3px solid #ffcf06;}
h2{margin:10px 0px; padding:0; font-weight:normal; font-size:22px; line-height:26px; color:#252525; font-family:'robotobold', Arial, Helvetica, sans-serif;}
h3{margin:10px 0px; padding:0; font-weight:normal; font-size:18px; line-height:20px; color:#252525; font-family:'robotobold', Arial, Helvetica, sans-serif; }
h1 span{color:#00aeef;}

a.logo{width:400px; height:76px; display:block; float:left; text-decoration:none;}
.headertop{width:584px; height:58px; display:block; float:left; text-align:right; padding:9px 0; font-size:12px; color:#787777; line-height:16px;}
.headertop img{display:block; float:right; margin-left:10px;}
.headertop span{color:#252525; font-size:30px; line-height:26px; font-family:'robotobold', Arial, Helvetica, sans-serif;}
.headertop span span{color:#00aeef;}
blockquote{margin:0; padding:0;}
.wraper{width:984px; margin:0px auto; padding:16px 0px;}
.header{height:76px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
.nav{height:46px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcf06+0,f0c200+100 */background: #ffcf06; /* Old browsers */background: -moz-linear-gradient(top,  #ffcf06 0%, #f0c200 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffcf06 0%,#f0c200 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffcf06 0%,#f0c200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf06', endColorstr='#f0c200',GradientType=0 ); /* IE6-9 */}
.nav .wraper, .header .wraper{padding:0;}
.content{background:#00aeef url(images/bluebg.jpg) no-repeat center top;}
.contentholder{background:url(images/btmclouds.png) no-repeat center bottom;}
.footertop{background:#f0fafe; font-size:13px; line-height:24px; color:#757575;}
.footertop a{color:#757575; text-decoration:none;}
.footertop a:hover{color:#757575; text-decoration:underline;}
.menuholder{width:784px; height:46px; display:block; float:left;}
.quotereq{width:200px; height:46px; display:block; float:left;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0c200+0,ffcf06+100 */background: #f0c200; /* Old browsers */background: -moz-linear-gradient(top,  #f0c200 0%, #ffcf06 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #f0c200 0%,#ffcf06 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #f0c200 0%,#ffcf06 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c200', endColorstr='#ffcf06',GradientType=0 ); /* IE6-9 */}
.quotereq a{display:block; text-align:center; line-height:46px; text-transform:uppercase; font-size:15px; color:#000; text-decoration:none;text-shadow: 1px 1px 0px rgba(254, 234, 150, 1);}
.quotereq a img{margin-right:6px; margin-bottom:-3px;}
.quotereq a:hover{background:#e4b800;}
.footertop ul{margin:0px auto; padding:0; list-style:none; display:table; overflow:auto; width:100%;}
.footertop ul li{width:30%; display:block; float:left; margin-right:5%;}
.footertop ul li h3{font-weight:normal; color:#00aeef; margin:10px 0px; font-family:'robotobold', Arial, Helvetica, sans-serif; font-size:18px;}
.footertop ul li:last-child{margin-right:0;}

.footer{background:#f0fafe; font-size:13px; color:#676767; line-height:20px; margin-bottom:50px;}
.footer a{color:#676767; text-decoration:none;}
.footer a:hover{color:#676767; text-decoration:underline;}
.footer .wraper{ border-top:1px solid #dadada;}

.homess{width:974px; padding:5px; background:#fff; border-radius:5px;}
.bxslider{margin:0; padding:0; list-style:none;}
.sitecontainer{width:984px; margin-top:16px;overflow:hidden;}
.contentfull{width:100%; background:#fff; border-radius:5px 0 0 5px;float:left;}
.contentleft{width:734px; background:#fff; border-radius:5px 0 0 5px;float:left;}
.contentright{width:250px; background:#ffcf06; border-radius:0 5px 5px 0;float:left; color:#000; font-size:13px; line-height:18px; margin-top:0px;}
.contentright ul{margin:0; padding:20px; list-style:none;}
.contentright ul li{ font-size:14px; line-height:22px; font-family:'robotocondensed', Arial, Helvetica, sans-serif; margin-bottom:15px;}
.contentright ul li h3{font-size:20px; line-height:28px; margin:0; padding:0; padding-bottom:8px; margin-bottom:15px; border-bottom:1px solid #ffe67f; font-family:'robotocondensed', Arial, Helvetica, sans-serif; font-weight:normal;}
.contentright ul li img{vertical-align:middle; margin:0px 8px; margin-top:-5px;}
.contentblock{padding:10px 30px;}
.smlcontact{font-size:16px; font-family:'robotolight', Arial, Helvetica, sans-serif; line-height:24px;border-bottom:1px solid #ffe67f; padding-bottom:15px;}
.smlcontact a{color:#000; text-decoration:none;}
.smlcontact a:hover{color:#000; text-decoration:none; border-bottom:1px dotted #000;}
.contentright ul li form{margin:10px 0px;}
.contentright ul li input[type="text"], .contentright ul li input[type="email"]{border:none; width:92%; padding:4%; margin:3px 0px; border-radius:3px;font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:13px;}

.contentright ul li textarea{border:none; width:92%; padding:4%; margin:3px 0px; border-radius:3px; resize:vertical;font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:13px;}
.contentright ul li input[type="submit"]{border:none; width:100%; padding:4%; margin:3px 0px; border-radius:3px; background:#00aeef; color:#fff; cursor:pointer;font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:13px;}

.spl{width:674px; height:270px; margin:25px auto; background:url(images/splbg.jpg) no-repeat center; background-size:cover; color:#fff; font-size:18px; line-height:24px;}
.spl .left{width:49%; display:block; float:left; padding:4%;}
.spl .left h3{font-family:'robotobold', Arial, Helvetica, sans-serif; font-size:26px; color:#ffcf06; font-weight:normal; margin:4px 0px; margin-top:0;}
.spl .left p{background:url(images/quote.png) no-repeat top left; padding:20px 50px 0 50px; font-size:16px;}
.spl .right{width:32%; display:block; float:left; font-size:22px; line-height:28px; text-align:center; font-family:'robotocondensed', Arial, Helvetica, sans-serif; padding:4%; color:#000;}

ul.servicelist{margin:40px auto; padding:0; list-style:none; width:90%; display:table;}
ul.servicelist li{width:48%; margin:1%; display:block; float:left; color:#252525; font-size:18px; font-family:'robotolight', Arial, Helvetica, sans-serif;}
ul.servicelist li img{display:block; float:left; margin-right:5px; vertical-align:middle; margin-top:2px;}
ul.servicelist li span{color:#a4a4a4; font-size:12px; display:block; padding-left:25px;}

ul.plans{margin:30px auto; padding:0; list-style:none; display:table; width:674px;}
ul.plans li{width:327px; margin-right:20px; margin-bottom:20px; display:table-cell; float:left; background:#ffcf06; border-radius:4px;}
ul.plans li:nth-child(even){margin-right:0;}
ul.plans li ul{padding:20px; overflow:auto;}
ul.plans li ul li{display:list-item; list-style-image:url(images/starbullet.png); margin:2px 0px; margin-left:20px; color:#000; font-size:12px; line-height:18px; width:auto;}
ul.plans li div{background:#00aeef; padding:20px; font-family:'robotobold', Arial, Helvetica, sans-serif; font-size:60px; line-height:50px;}
ul.plans li h3{padding:14px 20px; margin:0; font-size:24px; font-family:'robotobold', Arial, Helvetica, sans-serif; font-weight:normal;}
ul.plans li a.btn{display:block; width:100%; float:left; line-height:46px; text-align:center; background:#000; color:#fff; font-size:18px; text-decoration:none; border-radius:0 0 4px 4px;}
.mapholder{background:#fff; border-radius:5px; padding:10px;}

ul.social{margin:0; padding:0; list-style:none; display:table; float:right; margin-top:-5px;}
ul.social li{margin:2px; width:48px; height:48px; display:block; float:left;}


.contact-form input, .contact-form select, .contact-form textarea{border:1px solid #ddd; width:92%; padding:4%; margin:3px 0px; border-radius:3px;font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:13px;}
.contact-form{margin:0px -20px;}
.left-contact-form{width:40%; float:left; padding:0px 20px;}
.right-contact-form{width:40%; float:left; padding:0px 20px;}


.wpcf7-submit {
    background: #00aeef none repeat scroll 0 0;
    border: none !important;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-family: "robotoregular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 3px 0;
    padding: 4% 10%;
    width: auto !important;
}
.homess img{width:100%; display:block; height: auto;}




/* ===== == = === (900px) === = == ===== */
@media only screen and (min-width : 900px) and (max-width : 1019px) {
.wraper{width:100%; clear: both;}
a.logo{width:300px; height:auto; margin: 12px 0px;}
a.logo img{width: 100%; height: auto;}
.headertop{width:calc(100% - 300px);}
nav, .menu {width:650px;}
.menuholder{width:650px;}
.homess{width:844px; height:auto;}
.sitecontainer{width:850px;}
.contentleft{width:600px;}
.spl{width:540px; height:216px;font-size: 13px;}
.spl .left h3{font-size:18px;}
.spl .left p{padding:20px 50px 0 50px; font-size:13px; line-height:16px;}
.spl .right{font-size:18px; line-height:20px;}
ul.servicelist{margin:30px auto;}
ul.servicelist li{font-size:13px;}
ul.servicelist li span{font-size:10px;}
ul.plans li{width:260px;}
.contentblock img{width: 100%; height: auto;}
.footertop .wraper, .footer .wraper, .contentholder .wraper, .header .wraper{ width: 96%; display: table; margin: 20px auto;}
.footertop ul li{margin: 0px !important; width: 33.33%; padding-right: 0px;}
.mapholder iframe{width: 100%;}
.menu a{padding: 0px 21px;}


}



/* ===== == = === (768px) === = == ===== */
@media only screen and (min-width : 768px) and (max-width : 899px) {

.header{width: 100%;}
.footertop .wraper, .footer .wraper, .contentholder .wraper, .header .wraper{ width: 96%; display: table; margin: 20px auto;}
a.logo{width:300px; height:auto; margin: 10px 0px;}
a.logo img{width: 100%; height: auto;}
.headertop{width:calc(100% - 300px);}
nav, .menu {width:550px;}
.menuholder{width:550px;}
.homess{width:744px; height:auto;}
.sitecontainer{width:750px;}
.contentleft{width:500px;}
.spl{width:440px; height:176px;font-size: 13px;}
.spl .left h3{font-size:18px;}
.spl .left p{padding:15px 20px 0 40px; font-size:12px; line-height:12px;}
.spl .right{font-size:14px; line-height:16px;}
ul.servicelist{margin:30px auto; width:96%;}
ul.servicelist li{font-size:12px;}
ul.servicelist li span{font-size:10px;}
ul.plans{width:440px;}
ul.plans li{width:210px;}
.menu a {padding:0px 10px;}
.contentblock img{width: 100%; height: auto;}

.mapholder iframe{width: 100%;}
html{overflow-x: hidden;}



}


@media only screen and (max-width: 767px) {
.wraper{width:90%;}
a.logo{width:100%; height:auto; text-align:center;}
.headertop{width:100%; text-align:center;}
.headertop img{display:none;}
.header{height:160px;}
nav, .menu {width:100%;}
.menuholder{width:90%;}
.homess{width:98%; padding:1%; height:auto;}
.sitecontainer{width:100%;}
.contentleft{width:100%; border-radius:5px;}
.contentright{width:100%; height:auto !important; border-radius:5px; margin-top:16px;}
.spl{width:440px; height:176px;font-size: 13px;}
.spl .left h3{font-size:18px;}
.spl .left p{padding:15px 20px 0 40px; font-size:12px; line-height:12px;}
.spl .right{font-size:14px; line-height:16px;}
ul.servicelist{margin:30px auto; width:96%;}
ul.servicelist li{font-size:12px;}
ul.servicelist li span{font-size:10px;}
ul.plans{width:440px;}
ul.plans li{width:210px;}
.menu a {padding:0px 20px;}

.footertop li{width:100% !important; margin:5px 0; padding:0; text-align:center;}
ul.social{float:none; display:table; margin:10px auto;}
.footer{text-align:center;}

.left-contact-form{width:100% !important;  padding:0px 0px !important;}
.right-contact-form{width:100% !important;padding:0px 0px !important;}

.nav{height:auto !important; display:inline-block; width:100%;}
.menuholder, .quotereq{width:100% !important;}
.spl{width:100% !important}
.contentblock img{width: 100%; height: auto;}


}

/* ===== == = === (640px) === = == ===== */
@media only screen and (min-width: 640px) and (max-width : 767px) {

}


/* ===== == = === (639px) === = == ===== */
@media only screen and (max-width: 639px) {
	
.spl .left, .spl .right{width:92% !important}
.spl{height:auto !important; background:#01AEF0 !important; display:inline-block; border-radius:3px;}
ul.plans li, ul.plans{width:100% !important}



}

/* ===== == = === (480px) === = == ===== */
@media only screen and (max-width: 480px) {

a.logo img{width: 100%; height: auto;}

}



/* ===== == = === (480px) === = == ===== */
@media only screen and (min-width : 480px) and (max-width : 639px) {

}


/* ===== == = === (320px) === = == ===== */
@media only screen and (max-width : 479px) {

}