/*created by desiptikon@gmail.com */
@font-face {
    font-family: 'NexaLight';
    src: url('../fonts/NexaLight.eot');
    src: url('../fonts/NexaLight.eot') format('embedded-opentype'),
         url('../fonts/NexaLight.woff2') format('woff2'),
         url('../fonts/NexaLight.woff') format('woff'),
         url('../fonts/NexaLight.ttf') format('truetype'),
         url('../fonts/NexaLight.svg#NexaLight') format('svg');
}
@font-face {
    font-family: 'NexaBold';
    src: url('../fonts/NexaBold.eot');
    src: url('../fonts/NexaBold.eot') format('embedded-opentype'),
         url('../fonts/NexaBold.woff2') format('woff2'),
         url('../fonts/NexaBold.woff') format('woff'),
         url('../fonts/NexaBold.ttf') format('truetype'),
         url('../fonts/NexaBold.svg#NexaBold') format('svg');
}

body{background:#fff; margin:0; padding:0; font-size:100%; font-family: 'NexaLight'; color:#000000;}

p{padding:0 0 15px 0; margin:0;}
img {border:none; outline:none; max-width:100%; height:auto;}
a {outline-style:none; color:#1e96bd; text-decoration:none;}
a:hover {color:#1e96bd;}
.fl {float:left;}	
.fr {float:right;}
.clear {clear:both; font-size:0; line-height:0;}

.wrapper{max-width:1200px; margin:0 auto;}
.display_show{display:block;}
.mobile_show{display:none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#quote_box{position:fixed; top:30%; right:0; z-index:999;}
#quote_box .img_quote{float:left;}
#quote_box .form_box{width:420px; background:#fff; padding:20px 0 20px 20px; float:left;}
#quote_box .forms{background:#f3f3f3; padding:30px;}
#quote_box .forms input[type="text"]{width:100%; height:40px; padding:0 10px; border:0; margin:0 0 10px 0; font-size:15px; color:#928d8b; background:none; border-bottom:solid 1px #c1c1c1; font-family: 'NexaLight';}
#quote_box .forms textarea{width:100%; height:100px; padding:0 10px; border:0; margin:0 0 20px 0; font-size:15px; color:#928d8b; background:none; border-bottom:solid 1px #c1c1c1; font-family: 'NexaLight';}
#quote_box .forms input[type="submit"]{background:#f69306; padding:12px 30px; font-size:15px; text-transform:uppercase; color:#fff;  font-family: 'NexaBold'; border:0; cursor:pointer; margin:15px 0 0 0; border-radius:5px;}

h1{color: #000!important;font-size: 43px!important;margin: 0 0 30px 0!important;font-family: 'NexaBold'!important;text-align: center;}
/* ======================= header ============================= */
#header{background: url('../images/head.jpg') no-repeat 50% 0; background-size:cover; height:672px; padding:60px 0 0 0; text-align:center;}	
	.head_top{background:#fff; padding:0 0 0 30px; height:92px;}
	.head_top.home{max-width:1200px; width:100%;}
	.head_top .logo{padding:10px 0 0 20px;}
	.head_top .call{color:#f69306; font-size:36px; padding:25px 0 0 100px; font-family: 'NexaBold';}
	
	.head_bot{position:absolute; top:265px; left:0; z-index:100;}
	.head_bot .save{margin:0 0 70px 0;}
	.call_mob a {text-decoration: underline;}
	.call_mob {color: #f69306; font-size: 14px; padding: 15px 0 0 8px; font-family: 'NexaBold'; text-align: center;}
	
	.menu{padding:37px 15px 0 0; position: relative;}
	.menu ul{padding:0; margin:0; list-style:none;}
	.menu li{float:left; position:relative;}
	.menu li a{text-decoration:none; color:#000; margin:0 15px; padding:0 0 34px 0; display:block; font-size:17px; display:block; font-family: 'NexaBold';}
	.menu li ul{background:#ededed; position:absolute; top:40px; left:0; width:250px; display:none;}
	.menu li:hover ul{display:block;}
	.menu li li{float:none;}
	.menu li li a{margin:0; padding:10px 15px;}
	.nad_menu{position:absolute; top:-30px; right:20px;}
	
	#header .text{font-size:55px; color:#ebf636; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); text-transform:uppercase; font-family: 'NexaBold'; margin:90px 0 10px 0;}		
	#header .text span{font-size:48px; color:#fff;}		
	#header .text2{font-size:32px; color:#fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); font-family: 'NexaBold';}		
 
/* ======================= content ============================= */
#content{}
	.text_blue{color:#085b97;font-size: 26px;line-height:38px;text-align:left; font-family: 'Century Gothic';}
	#items_pool{background: url('../images/bg1.jpg') no-repeat 50% 0; background-size:cover; padding:60px 0; text-align:center;}
	#items_pool .item{background:url('../images/it1.jpg') no-repeat 0 0; background-size:cover; width:379px; height:320px; float:left; padding:40px 30px 0; color:#fff;}
	#items_pool .item:nth-child(2){background:url('../images/it2.jpg') no-repeat 0 0; margin:0 31px;}
	#items_pool .item:nth-child(3){background:url('../images/it3.jpg') no-repeat 0 0;}
	#items_pool .item .names{font-size:25px; font-family: 'NexaBold'; margin:0 0 20px 0;}
	#items_pool .item p{font-size:17px; line-height:28px; font-size:21px; font-family:'Century Gothic';}
	#items_pool .title{font-size:43px; font-family: 'NexaBold'; margin:60px 0 20px 0;}
	#items_pool .text{font-size:21px; font-family:'Century Gothic'; line-height:28px;}
	#items_pool .text2{font-size:21px; line-height:28px; font-family: 'NexaBold';}
	
	#safety_cover{background: url('../images/bg2.jpg') no-repeat 50% 0; background-size:cover; padding:60px 0; color:#fff;}
	#safety_cover .title{font-size:43px; font-family: 'NexaBold'; margin:60px 0 20px 0;}
	#safety_cover p{line-height:28px; font-size:21px; font-family:'Century Gothic';}
	
	#gallery_video{background: url('../images/bg3.jpg') no-repeat 50% 0; background-size:cover; padding:60px 0; color:#fff; text-align:center;}
	#gallery_video .title{font-size:43px; font-family: 'NexaBold'; margin:60px 0 20px 0;}
	#gallery_video a.view_more{color:#fff; font-size:25px; padding:15px 30px; margin:30px 0 0 0; background:#ff882e; text-align:center; font-family: 'NexaBold'; display:inline-block; border-radius:8px; text-shadow:0 0 1px #000;}
	
	#big_gallery{background:url('../images/bg12.jpg') no-repeat 50% 0; background-size:cover; padding:80px 0 60px; text-align:center;}
	#big_gallery .title{color:#000; font-family: 'NexaBold'; font-size:43px; margin:0 0 25px 0;}
	#big_gallery .box{width:587px;}
	#big_gallery .box img{margin:0 0 20px 0; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}
	#big_gallery .box img.mar{margin:0 0 30px 0;}
	#big_gallery a{background:#f17303; color:#fff; font-size:25px; font-family: 'NexaBold'; display:inline-block;padding:10px 45px; border-radius:4px;}
	
	#pool_enclosure{background:url('../images/bg6.jpg') no-repeat 50% 0; background-size:cover; height:650px; padding:100px 0 0 0;}
	#pool_enclosure .box{width:428px; text-align:center; }
	#pool_enclosure .title{font-size:48px; color:#fff; margin:0 0 20px 0;}
	#pool_enclosure .title span{font-size:62px; font-family: 'NexaBold';}
	#pool_enclosure .view_video a{background:#f17303; color:#fff; font-size:25px; font-family: 'NexaBold'; display:inline-block;padding:10px 45px; border-radius:4px;}
	#pool_enclosure .video_box{width:660px;}
	#pool_enclosure .video_box img{float:left; margin:0 20px 20px 0;}
	#pool_enclosure .video_box img:nth-child(3){margin:0 0 20px 0;}
	
	#our_services{background:#fff; background-size:cover; padding:60px 0;}
	#our_services .title{color:#000; font-family: 'NexaBold'; font-size:43px; margin:0 0 25px 0; text-align:center;}
	#our_services .item{text-align:center; font-size:17px; width:387px; float:left; margin:0 19px 20px 0; position:relative;}
	#our_services .item:nth-child(3n){margin:0 0 20px 0;}
	#our_services .item .img{margin:0 0 15px 0;}
	#our_services .item p{line-height:28px; padding:0 0 30px 0; color:#000; font-size:18px; font-family: 'Century Gothic';}
	#our_services .item .learn_more a{background:#2e98d6; border:solid 1px #0c6497; color:#fff; font-size:20px; font-family: 'NexaBold'; display:inline-block; padding:10px 0; width:100%; border-radius:4px;}
	#our_services .item .hov{}
	#our_services .item .hov span{color:#085b97; font-size:22px;  font-family: 'NexaBold'; display:block; margin:0 0 15px 0;}
	#our_services .item .hov p{display:none;}
	#our_services .item:hover .hov{background:url('../images/back_hov.png') no-repeat 50% 0; position:absolute; bottom:-40px; left:0; width:100%; height:230px; padding:50px 30px 0; -webkit-transition: all 0.3s ease;;  -moz-transition: all 0.3s ease;;  -o-transition: all 0.3s ease;;  transition: all 0.3s ease;}
	#our_services .item:hover .hov p{display:block;}
	
	.contact_me{background:#008dca; width:100%; padding:25px;}
	.contact_me .input_box{width:318px; float:left; margin:0 8px 0 0;}
	.contact_me input[type="text"]{height:34px; width:100%; padding:0 0 0 35px;  width:100%; border:0; color:#898989; font-size:15px; font-family: 'Century Gothic'; font-weight:300;}
	.contact_me input[type="text"].bg1{background:#fff url('../images/ic_me1.png') no-repeat 10px 50%;}
	.contact_me input[type="text"].bg2{background:#fff url('../images/ic_me2.png') no-repeat 10px 50%;}
	.contact_me input[type="text"].bg3{background:#fff url('../images/ic_me3.png') no-repeat 10px 50%;}
	.contact_me input[type="submit"]{background:#e75f22; border:0; color:#fff; font-size:17px; padding:6px 30px 5px; text-transform:uppercase; font-family: 'Century Gothic'; cursor:pointer;}
	
/* ======================= footer ============================= */
#footer{}
	.foot_box{background:url('../images/fbg1.jpg') no-repeat 0 0; height:80px; padding:15px 0 0 0;}
	.foot_box .text{font-size:33px; color:#fdbd9f; text-shadow:0 0 1px #000;}
	.foot_box .text span{font-size:38px; color:#fff; font-family: 'NexaBold';}
	.foot_box .soc{margin:0 30px 0 35px;}
	.foot_box .soc a{margin:0 5px 0 0;}
	.bannerh img {width: 8%;}
	
	.foot_box2{background:#f6f4ef; padding:60px 0;}
	.foot_box2 .title{font-size:16px; color:#000; font-family: 'NexaBold'; text-transform:uppercase; margin:0 0 10px 0;}
	.foot_box2 .fmenu{float:left; margin:0 87px 0 0;}
	.foot_box2 .fmenu ul{padding:0; margin:0 0 15px 0; list-style:none; line-height:31px;}
	.foot_box2 .fmenu ul a{color:#000; font-size:15px; font-weight:bold;}
	.foot_box2 .finfo{float:left;}
	.foot_box2 .finfo table{margin:0 0 10px 0;}
	.foot_box2 .finfo td:first-child{font-family: 'NexaBold'; padding:0 5px 0 0;}
	.foot_box2 .finfo td a{color:#1e96bd;}
	
	.foot_box3{background:#e9e8e4 url('../images/fbg2.jpg') no-repeat 0 100%; padding:15px 0 25px 0; color:#979797; font-size:15px;} 
	.foot_box3 a{font-family: 'NexaBold';}

/* ======================= mob settings ============================= */
.head_mob.home{background:url('../images/sl1.jpg') no-repeat 50% 0; background-size:cover; padding:20px 10px;}
.head_mob{padding:20px 10px;}
	.head_mob .bg{background:#fff; padding:15px; margin:0 0 1px 0;}
	.menu_mob a{display:block;}
	.menu_mob a img{display:block;}
	#menu_mob{width:100%; position:relative; z-index:10;}
	#menu_mob ul{list-style:none; margin:0; padding:0;}
	#menu_mob li a{background:#fff; color:#727272; display:block; font-size:25px; margin:1px 0 0; padding:16px 10px; text-align:center; text-decoration:none; text-transform:uppercase;}
	#menu_mob li ul{background:#ededed;}
	#menu_mob li li a{background:none; font-size:17px; color:#000; text-align:left;}
	
	.foot_box2 .mobile_show{margin:0 0 20px 0;}
	.foot_box2 .mobile_show ul{list-style:none; margin:0; padding:0;}
	.foot_box2 .mobile_show li a{background:#fff; color:#727272; display:block; font-size:25px; margin:1px 0 0; padding:16px 0; text-align:center; text-decoration:none; text-transform:uppercase; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
	.foot_box2 .mobile_show li ul{background:#ededed;}
	.foot_box2 .mobile_show li li a{background:none; font-size:17px; color:#000;}
	.scroll_phone{background:rgba(0, 114, 167, 0.85); position:fixed; left:0; top:0; width:100%; font-size:32px; color:#fff; font-family: 'Montserrat', sans-serif; padding:10px 0; text-align:center;}
	.scroll_phone span{font-size:29px; font-weight:300;}
	.scroll_phone a{color:#fff;}
	

@media screen and (max-width : 800px){
	.display_show{display:none;}
	.mobile_show{display:block;}
	#quote_box {display: none;}
	
	#header{padding:40px 20px; height:auto;}
	#header.head{background:url("../images/head.jpg") no-repeat 40% 0; height:769px;}
	.head_mob.home{background:none;}
	.head_top .call{display:none;}
	#header .text{margin:20px 0 0 0; font-size:40px;}
	#header .text2{font-size:26px;}
	.call_mob{display:none;}
	
	#items_pool{padding:40px 20px; height:auto;}
	#items_pool .item{float:none; margin:0 auto 20px; max-width:379px; width:100%;}
	#items_pool .item:nth-child(2){margin:0 auto 20px;}
	
	#safety_cover{padding:40px 20px; height:auto;}
	
	#gallery_video{padding:40px 20px; height:auto;}
	#gallery_video .item{float:none; margin:0 0 20px 0;}
	
	#big_gallery .box img {float: none;}
	#big_gallery .box {float: none; width: 100%;}
	#big_gallery .box img.mar{margin:0 0 20px 0;}
	
	#pool_enclosure{padding:40px 20px; height:auto;}
	#pool_enclosure .box{float:none; width:100%; margin:0 0 20px 0;}
	#pool_enclosure .video_box{float:none; width:100%; text-align:center;}
	#pool_enclosure .video_box img{float:none; margin:0 0 20px 0;}
	
	#our_services{padding:40px 10px;}
	#our_services .item{float:none; margin:0 auto 20px; width:100%;}
	#our_services .item:nth-child(3n){margin:0 auto 20px;}
	#our_services .item:hover .hov{background:none; position:static; height:auto; padding:0;}
	#our_services .item:hover .hov p{display:none;}
	
	.contact_me .input_box{float:none; width:100%; margin:0 0 10px 0;}

	.foot_box{height:auto; padding:10px; background-size:cover; text-align:center;}
	.foot_box .text{float:none; font-size:20px; line-height:20px;}
	.foot_box .text span{font-size:20px;}
	.foot_box .soc{float:none; margin:0; display:none;}
	.foot_box2{padding:20px 10px;}
	.foot_box2 .finfo{float:none;}
	.foot_box3{padding:15px 10px 25px;}
	
}
.bannerorange{background-image:url("../images/bckbanner.png"); max-width:100%; height:81px; vertical-align:middle; text-align:center}
.bannerorange img{width:280px; height:58px; float:right; margin-top:14px}
.bck{background-image:url("../images/bckcont.png"); background-repeat:no-repeat; background-position:center; height:81px}
.bannerorange h4{padding-top: 4px; float:left; font-family:"Century Gothic"; font-weight:700; color:#fff; font-size:43px}
.and{font-weight:300}
@media only screen and (max-width:764px){.bannerorange{background-image:url("../images/bckbanner.png"); max-width:100%; height:auto; vertical-align:middle; text-align:center}
.bannerorange img{width:280px; height:58px; float:right; margin-top:14px; margin-bottom:15px}
.bck{background-image:url("../images/bckcont.png"); background-repeat:no-repeat; background-position:center; height:auto}
}
.bannerorange .col-md-6, .col-sm-8, .col-sm-4 {position: inherit;}