@charset "utf-8";
/* CSS Document */
/* CSS Brand Colours
blue: #0063a8;
green: #00523d;
yellowmid: #fcba50;
yellowlite: #ffeb2f;


 */
body {
	font-family:"proxima-nova";
	font-size: 14px;	
	color: #333;	
}
.container { 
	width: 100%;
	max-width:1300px;
}
.light { background:#ebedf2; padding:50px 0;}
.white {  padding:50px 0;}
.panel { margin-left:-4%; margin-right:0%;}
.panel .column1 { float:left; width:96%; margin-left:4%;}
.panel .column2 { float:left; width:46%; margin-left:4%;}
.panel .column4 { float:left; width:21%; margin-left:4%;}

#header { position:relative; z-index:100;background-color: #fbfcfd;}
#header .logo { float:left; padding:20px 28px 20px;}
#header .details { text-align: right; float:right; padding:55px 0px 0px;}
#header .details p { font-weight:500; font-size:22px; color:#000201;padding-right:20px;}
#header .blue { color:#43aecc;}


#banner { position:relative;}
#banner .main-banner { position:relative; z-index:98;}
#banner .main-banner .item { width:100% !important; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#banner .main-banner .item .banner-text { position:absolute; top:75%; left:0; right:0;  text-align:center; font-size:22px; line-height: 1.3em; color:#ffffff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#banner .main-banner .item .banner-text h2{font-size:32px; font-weight: 700; line-height: 1.3em;padding-bottom:10px;}
#banner .main-banner .item .banner-text p{font-size:18px; font-weight: 100; line-height: 1.5em;padding-bottom:10px;}
#banner .main-banner .item .banner-text .homefeature{ background-color: rgba(0, 55, 90, 0.7); padding:40px 30px;}

#banner .main-banner .item .banner-text .homefeature .btn {}
#banner .main-banner .item .banner-text .homefeature .btn a { display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; padding:10px 25px; background:#0063a8; border:1px solid #fff;}
#banner .main-banner .item .banner-text .homefeature .btn a:hover { background:#fff; color:#fcba50; border:1px solid #fcba50;}


#banner .main-banner .owl-nav { margin:0;}
#banner .main-banner .owl-prev,
#banner .main-banner .owl-next { width:29px; height:45px; background:url(../images/prev.png) no-repeat; position:absolute; top:50%; margin-top:-42.5px; opacity:0.5; margin:0; padding:0; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
#banner .main-banner .owl-prev { left:15px;}
#banner .main-banner .owl-next { right:15px; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
#banner .main-banner .owl-prev:hover,
#banner .main-banner .owl-next:hover { opacity:1;}
#banner .main-banner .owl-dots { position:absolute; left:0; bottom:135px; right:0;}
#banner .main-banner .owl-dots .owl-dot {}
#banner .main-banner .owl-dots .owl-dot span { width:15px; height:15px; background:none; border:1px solid #fff; margin:0 3px;}
#banner .main-banner .owl-dots .owl-dot.active span { background:#fff;}
#banner .go-down { text-align:center; position:absolute; left:0; bottom:15px; right:0; z-index:99;}
#banner .go-down a { display:inline-block; width:40px; height:40px; background:url(../images/bottom-arrow.png) no-repeat;  opacity:0.9; background-position: bottom center;}
#banner .go-down a:hover { opacity:0.2;}

#sub-bannerlow { width:100%; height:350px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
#sub-bannerlow .title { position:absolute; left:0; top:50%; right:0; font-weight:700; color:#fff; font-size:60px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);text-shadow: 1px 1px 3px rgba(100, 100, 100, 1);}
#sub-bannerlow .text { position:absolute; left:0; bottom:0; right:0; background:rgba(0, 55, 90, 0.4); padding:40px 20px; font-weight:300; font-size:24px; color:#fff;}
#sub-banner { width:100%; height:600px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
#sub-banner .title { position:absolute; left:0; top:50%; right:0; font-weight:700; color:#fff; font-size:60px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);text-shadow: 1px 1px 3px rgba(100, 100, 100, 1);}
#sub-banner .text { position:absolute; left:0; bottom:0; right:0; background:rgba(0, 55, 90, 0.4); padding:40px 20px; font-weight:300; font-size:24px; color:#fff;}
.saprator { height:100px;}


#product {}
#product .boxes {}
#product .boxes .row {}
#product .boxes .row .box { width:50%; background-position:center center; background-repeat:no-repeat; min-height:300px; background-size:cover;}
#product .boxes .row .box.left { float:left;}
#product .boxes .row .box.right { float:right;} 
#product .boxes .row .box .text { padding:6%; text-align:center;background-color:#ebedf2;}
#product .boxes .row .box .text h2 { font-size:42px; color:#000; padding-bottom:10px;}
#product .boxes .row .box .text p { font-weight:100; font-size:22px; color:#000; line-height:28px; padding-bottom:28px;}
#product .boxes .row .box .text .btn {}
#product .boxes .row .box .text .btn a { display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; padding:10px 25px; background:#0063a8; border:1px solid #fff;}
#product .boxes .row .box .text .btn a:hover { background:#fff; color:#fcba50; border:1px solid #fcba50;}

#content-boxes {}
#content-boxes .boxes {}
#content-boxes .boxes .row {}
#content-boxes .boxes .row .box { width:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:300px; padding:0;}
#content-boxes .boxes .row .box.left { float:left;} 
#content-boxes .boxes .row .box.right { float:right;} 
#content-boxes .boxes .row .box .text { padding:20%;}

#gallery {background:#ebedf2;}
#gallery .boxes {margin-bottom:-1px;}
#gallery .boxes .box { width:20%; float:left; position:relative; margin-top:-1px;}
#gallery .boxes .box a { display:block; position:relative;}
#gallery .boxes .box a:after { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); content:" "; z-index:2; opacity:0;
-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
#gallery .boxes .box span { display:block; font-size:16px; color:#fff; text-align:center; position:absolute; left:0; top:50%; right:0; padding:40px 0 0 0; background:url(../images/search-icon.png) no-repeat center top; text-transform:uppercase; z-index:3; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); 
-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;margin-bottom:-1px;}
#gallery .boxes .box a:hover:after { opacity:1;}
#gallery .boxes .box a:hover span { opacity:1;}

#footer { padding:50px 35px; background:#fbfcfd;}
#footer .left { float:left;}
#footer .left .logo { padding:0px 0 25px 0;}
#footer .left .copyright { font-weight:400; font-size:16px; color:#000;}
#footer .right { float:right;}
#footer .right .link { float:left; width:225px;}
#footer .right .link ul {}
#footer .right .link ul li {}
#footer .right .link ul li + li { margin-top:8px;}
#footer .right .link ul li a { display:inline-block; font-weight:300; font-size:22px; color:#fff; }
#footer .right .link ul li a:hover { color:#fafd02;}
#footer .right .address { width:270px; float:left;}
#footer .right .address h3 { font-weight:700; font-size:19px; color:#000; padding-bottom:20px;}
#footer .right .address p { font-weight:300; font-size:19px; color:#000;}
#footer .right .address p + p { margin-top:22px;}