@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(font.css);

/* reusable code */
.fleft{ float:left;}
.fright{ float:right;}
.height{ height: 60px;}
.padd20{ padding-bottom:15px !important;}
.blue{ color:#80d6f4;}
.white{ color:#fff !important;}
.corner{  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.row10{ width:100%; height:auto; border-bottom: 1px solid #E4E4E4;}
.row5{ width:50%; height:auto; float:left;}
.row10 > .container{ width:94%; margin:0 auto; padding:0 3%; }
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;}
/* reusable code */

.shadow{ position:relative; z-index:55; box-shadow:-23px -10px 52px #000; }
.top-shadow{ box-shadow:-44px 18px 20px -20px #000000; position:relative; z-index:55;}
header{ width:100%; border-bottom:2px solid #f7f7f7;}
header > .container{  width:94%; margin:0 auto; padding:0 3%;} 
hgroup.left-group{ font:15px 'Lato'; color:#a8a9a9; letter-spacing:1px; padding:11px 0 11px 0;}
hgroup.right-group{ width:auto; color:#a0a5aa; display: none;}
hgroup.right-group > ul > li { float:left; padding:10px 0; width:45px; text-align:center; border-left:2px solid #eceef0; font-size:16px; }
hgroup.right-group > ul > li a{ color:#9c9c9c; }


.logo-grid{ width:auto; padding:15px 0; }
nav{ width:auto; float:right; height:auto; margin-right:50px; }
nav li{ font:15px 'Lato' !important;}
nav li ul li{line-height: 30px !important;}
nav .col-4 h3{padding:10px 0px; line-height:20px !important;}
nav .col-4 h3 a{ color:#008cba !important;}
nav li ul li h5{  margin-top: 0px; padding: 15px 0 !important;}
nav .border{font-size: 0px; line-height: 0%; width: 0px;
border-bottom: 11px solid #77c;
border-left: 10px solid #f6f6f6;
border-right: 10px solid #f6f6f6;
position:absolute;
top:96px;}

#searchbar{border: 1px solid #D8D8D8; box-shadow:-1px 2px 2px rgba(0, 0, 0, 0.2); display:none; float:right; padding-left:20px; padding-right:10px; width:33%; position:absolute; top:63px; right:0px;}
#s{border: 0 none; font:14px 'Lato'; color:#565656; float:left; width: 86%; padding:12px 0px;}
#searchtoggl {margin-right:0; padding:0 0px; display: none;}
#searchsubmit{float:right; margin-top:15px; background:none; color:#717171; border:0; outline:none; cursor:pointer;}

#banner{ width:100%; height:430px;}
.ban-upper-grid{ width:580px; margin:100px auto 0 auto; position:relative; text-align:center;}
.ban-upper-grid > .boxup { width:100%; height:auto; color:#fff; text-align:center; padding:0 0;} 
.ban-upper-grid > .boxup i{font:21px 'Lato'; color:#fff; border-bottom:2px solid #fff; text-align:center; font-style:italic; padding:12px 0px;}
.ban-upper-grid > .boxup h2{ width:73%; margin: 0 auto; font:53px 'Lato-bold'; color:#fff;  padding:20px 0px; border-bottom:2px solid #fff;}
.ban-upper-grid > .boxup span{ font:15px 'Lato'; color:#fff; float:left; margin:20px 0px 0 0; line-height:25px;}
.background{width:100%; height:55px; background:#2b7b84;}
.content{ width:970px; padding: 0 5px; margin:0 auto;}
.content-one{ width: 100%; float: left; padding: 10px 0 0 0;}
.content-one p{font:13px/35px "Lato"; text-transform:uppercase; letter-spacing:0.5px; color:#fff; float:left;}
.content-one a{font:16px 'Lato'; color:#fff; text-decoration:none; border:2px solid #fff; padding:6px 9px;  margin-left:100px; float: left;}
.content-one a:hover{ border:2px solid #0b2933; color:#0b2933; }

section{ width:100%; margin:0 auto; /* background: #f6f6f6; */ }
article{ width:94%; margin:0 auto; padding:0 3%;}
article #company{ width:99%; float: left; border-bottom:1px solid #e4e4e4; margin: 10px 0 20px 0;}
article #company h2{ font:28px 'Lato-bold'; color:#565656; float:left; padding:20px 0 0px; text-transform: uppercase; font-weight:bold; }
article #company span{ font:12px 'Lato'; color:#565656; padding:30px 0 10px; float:right; }
article #company span a{ text-decoration:none; color:#565656;}
article #company span a:hover{ color:#008cba;}
article #company span .selected{ color:#008cba;}
article .bg{ width: 100%;}
article .inner_content{ padding-top:25px;}
article .inner_content p{ font:14px 'Lato'; color:#565656; padding:10px 0 10px; float:left;}

article .bedimg{ width:60%; float:left; box-shadow: 0px 0px 2px 5px #e5e5e5; margin: 30px 10px 0 0; }
article .content-sheet{ width:33%; float: left; margin: 30px 0 0 50px;}
article .content-sheet h3{ width: 100%; font: 24px 'Lato-bold'; color:#017299; float: left; font-weight: bold; padding: 2px 0 10px 0;}
article .content-sheet span{ width: 100%; font: 16px 'Lato'; color:#757575; padding-top:20px; }
article .content-sheet ul{ margin:0px; padding: 0px;}
article .content-sheet li{ font: 13px 'Lato'; padding-left: 30px; color:#757575; line-height: 23px; list-style: none; background: url(../images/dot.png)left 10px no-repeat;}
article .content-sheet p{font: 13px 'Lato'; color:#757575; padding: 20px 0; line-height: 22px;}

article .bedline{ width:20%; float:left; margin: 30px 2% 0 0; }
article .bedline > h3{ color:rgba(60,148,178,0.6); font: 18px 'Lato'; padding-bottom:20px; }
article .bedline > ul{ margin:0px; padding: 0px;}
article .bedline > ul li{ font: 13px 'Lato'; color:#757575; line-height: 23px; list-style: none; text-transform:uppercase;}
article .bedline > ul li a{color: #777777;}
article .bedline > ul li a:hover{color: #017299;}
article .bedline > ul li .selected{color:#017299;}
article .bed-sheet{ width:77%; float: left; margin-top:30px;}
article .bed-sheet #img {width:241px; margin: 15px 5px 0 15px; float: left; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
article .bed-sheet #img span{font: 14px 'Lato'; color:#757575; padding:5px 0 5px 10px; float: left; line-height: 22px;}

/* products */
.parallax{ width:100%; float:left;  background-attachment: fixed;    background-image: url("../images/parallax-bg.jpg");    background-size: cover; height:80px;}	
.parallax h2{ color:#fff; font: 24px/20px 'Lato'; width:100%; float:left; padding:17px 0 0 0; }


.breadcrumb{ font:13px/40px "Lato Light"; color:#8a8c8c; }
.breadcrumb a{color:#2a8799; }
.msg_body{ padding-left:10%;}
.msg_body > ul > li{text-transform:none !important;}
.caption > h3{font: 22px 'Lato Light'; text-transform:uppercase; padding:5% 0 0 10%; width:80%; float:left;}
.arrow-caption{ font-size:30px; padding:5% 0 0 0;}

.slide-caption > h3{font: 16px 'Lato Light'; text-transform:uppercase; padding:5% 0 0 10%; float:left; color:#fff;}
.slide-caption .arrow-caption{ font-size:20px; padding:0 0 0 0; float:right; padding:5% 10% 0 0; color:#fff !important;}

/* overview */
.overview-text > ul { float:left; width:100%; padding:35px 0;}
.overview-text > ul > li { width:100%; float:left; font:14px/22px 'Lato'; color:#ffffff; padding:12px 0;}
.overview-text > ul > li:nth-child(2){ color:#47aed2; text-transform:uppercase;}
.overview-banner{ width:100%; float:left; height:160px; background:url(../images/overview-banner.jpg) no-repeat center center / cover ; }

/* why us */
#whyus-banner { /* background: url(../images/overview-banner.jpg) no-repeat center center / cover rgba(7,52,67,0.5) ;*/
background-image:url(../images/patt.png) , url(../images/whyus-bg.jpg); background-size:100% 100% , cover; background-position: top, center top; background-repeat:no-repeat , no-repeat; }
.whyus-text > ul { float:left; width:100%; padding:35px 0;}
.whyus-text > ul > li { width:100%; float:left; font:14px/22px 'Lato'; color:#fff; padding:8px 0; }
.rotate{ transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); padding-right:25px; font-size:9px; margin-top:16px; float:left;}
#product-slide{ width:100%; height:165px; background:#000;}


/* product details */
#product-wrapper{ width:100%; float:left; height:auto; background:#fff;}
.zoombox{ width:100%; height:500px;}


.imgbox {display: block;width: 100%;text-align: center;}
.imgbox img {}
.credits {text-align: center;margin-bottom: 20px;}
.magnify {width: 100%;position: relative;cursor: none; z-index:6;}
.large {display: none;width: 150px;height: 150px;position: absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:5px solid #fff;}
.thumb {display: block;}

#product-wrapper .product-detail { width:100%; float:left; height:auto; position:relative; background:#eff7fa;} 
#product-wrapper .product-detail > .detail-box1{ width:100%; padding:0 10%; border-bottom:2px solid #e4f0f4; float:left; } 
#product-wrapper .product-detail > .detail-box1 h3{ font:30px 'Lato'; color:#06455b; text-transform:uppercase; width:100%; float:left; text-indent:-2px; padding:5px 0 10px 0;  }
#product-wrapper .product-detail > .detail-box2 h4{ font:18px/23px 'Lato'; color:#757575;  width:100%; float:left; padding:20px 0 0 0; }
#product-wrapper .product-detail > .detail-box2{ width:100%; padding:0 10%; float:left; }
#product-wrapper .product-detail > .detail-box2 > p { color:#2c728a;  font:14px/22px "Lato"; width:100%; float:left; padding:20px 0 10px 0; }
#product-wrapper .product-detail > .detail-box2 ul.detail{ width:100%; float:left; padding:15px 0;}
#product-wrapper .product-detail > .detail-box2 ul.detail > li{ list-style-type:disc; list-style-position:outside; color:#757575; font:14px/22px "Lato"; padding:0 0 0 15px; margin:0 0 0 30px;  }
#product-wrapper .product-detail .share-grid{ position:absolute; z-index:5; bottom:0px; left:0px; height:50px; background:#fff; width:100%; padding:0 10%;}
#product-wrapper .product-detail .share-grid > ul.share-box1{ width:auto; list-style:none; padding:14px 0 0 0;}
#product-wrapper .product-detail .share-grid > ul.share-box1 > li{ float:left; color:#2a89a9; font:18px/22px "Lato"; padding-right:15px;}
#product-wrapper .product-detail .share-grid > ul.share-box1 > li:nth-child(1){ padding-right:20px; color:#757575; font-size:14px;}

.product-head-col{ width:100%; float:left; padding:25px 0;}
.product-head-col h5{ color:#fff; font:22px "Lato"; text-transform:uppercase;}
.product-det-slider{ width:100%; height:auto; background:#000;}
.slide-caption1 > h3{font: 25px "Lato Light"; text-transform:uppercase; padding:25% 0 0 0; float:left; color:#fff; width:100%; text-align:center;}
.slide-caption1 .arrow-caption{ font-size:32px; padding:2% 0 0 0; float:left; width:100%; text-align:center; color:#fff !important;}

/* twitter feeds */
#twit-feeds { width:100%; background:#fff; border-top:1px solid #dfe7ea; height:70px;}


/*internal product detial css */
.breadcrumb-inernal{ font:15px/40px "Lato"; color:#838383; }
.breadcrumb-inernal > ul { margin:0px; padding:0px;}
.breadcrumb-inernal > ul > li { width:auto; padding:10px 8% 10px 0; float:left; cursor:pointer; }
.breadblue{ color:#1292bc !important; }
#load-products{ width:100%; float:left; position:relative;}
.product_loader{ width:100%; position:absolute; height:100%; text-align:center; z-index:10; background:#efefef; display:none;}
.product_loader > img { margin-top:250px;}
.img-number{ width:50%; float:left; color:#fff; font:15px/25px "Lato"; margin:0 0 0 10%; }
/* .touchcarousel-item{ width:} */


/* footer */
footer{ width:100%; height:auto; float:left; /*background:#232d37;*/ background:#0b2933;  padding:0 0 25px 0;}
footer .one{ width:25%; float: left;  }
footer .one > ul { width:100%; float:left; }
footer .one > ul li{  width:100%; float:left; font:14px 'Lato'; padding:0 0 5px 0; color:#9caaaf;   }
footer .one > ul li a { color:#9caaaf; transition:all 0.1s linear 0s; -moz-transition:all 0.1s linear 0s; -webkit-transition:all 0.1s linear 0s; -ms-transition:all 0.1s linear 0s; }
footer .one > ul li a:hover{ padding-left:5px; color:#337c94;}
footer .one > ul li a.white{ color:#ffffff; text-transform:uppercase;}
footer .one > ul li a.lblue{ color:#337c94; text-transform:uppercase; }
footer .one h2{ width:100%; font:24px "Lato Light"; text-transform:uppercase; float:left; text-align:left; color:#1a4756; padding:28px 0px;}
fieldset.footer-form{ width:100%; float:left; height:auto;}
fieldset.footer-form > form { width:100%;}
fieldset.footer-form > form > input[type="text"]{ width:96%; color:#9caaaf; float:left; padding:13px 2%; margin-bottom:5px; border:none; background:rgba(26,71,86,0.6); text-indent:12px; transition:all 0.1s linear 0s; -moz-transition:all 0.1s linear 0s; -webkit-transition:all 0.1s linear 0s; -ms-transition:all 0.1s linear 0s;}
fieldset.footer-form > form > input[type="text"]:focus{ background:#fff; color:#666; transition:all 0.1s linear 0s; -moz-transition:all 0.1s linear 0s; -webkit-transition:all 0.1s linear 0s; -ms-transition:all 0.1s linear 0s;}
fieldset.footer-form > form > input[type="submit"] { width:100px; margin-top:5px; background:#0b789d; padding:10px 0; color:#fff; cursor:pointer; outline:none; border:none; }
fieldset.footer-form > form > input[type="submit"]:hover{  box-shadow: 0px 0px 0px 3px #fff inset;
    box-sizing: border-box; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s;  }
.foot{ font: 12px "Lato Light"; color: #5a5656; float:left; line-height: 50px; text-transform:uppercase; }
/* footer */

		
/* simplyscroll */		
#carousel-gallery,#products_listing {	width: 100%;height: 610px;float: left;	margin: 0;/* padding: 15px 0; */	background: #EFEFEF;	overflow: hidden !important;}
#carousel-gallery .touchcarousel-wrapper {	overflow: visible;/*    margin-left: 80px; */}
#carousel-gallery .touchcarousel-item {margin-right: 0;	background: #CCC;	height: 610px;	width: 585px; float:left;}
.touchcarousel-overlay { width:100%; height:100%; position:absolute; z-index:55; box-shadow:3px -244px 107px 0 rgba(11, 41, 51, 0.4) inset;  top:0px; left:0px; opacity:0; cursor:pointer !important; }
.touchcarousel .touchcarousel-item {	margin: 0; overflow:hidden;	padding: 0;	float: left; position:relative;}
.touchcarousel .touchcarousel-item:hover .touchcarousel-overlay { opacity:1; transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.touchcarousel .touchcarousel-item:hover img { transform: scale(1.1); transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; }		
/* simplyscroll */


/* contact us */
#map{ height:400px; border:none;}
h3.headline{ font: 22px/48px "Lato"; color:#337c94; text-transform:uppercase; }
#contact{ padding:0 0 15px 0; float:left; width:95%;}
#contact label, legend { display: block;    font:14px 'Lato';   font-weight: normal;    margin-bottom: 5px;}
.brd-headling {border-bottom: 3px solid #eceef0; float: left; margin: 0 0 10px; width: 22px;}
#contact fieldset div {  margin-bottom: 20px;}
#contact input, #contact textarea, #contact select {    transition: background 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {    background: none repeat scroll 0 0 #f8fafc;    border: 1px solid #eceef0;    border-radius: 2px;    color: #848688;    display: block;    font-size: 14px;    margin: 0;    max-width: 100%;    outline: medium none;    padding: 8px 9px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {    background: none repeat scroll 0 0 #fff;    border: 1px solid #eceef0;    color: #848688;}
input[type="button"], input[type="submit"] { background:#0b789d; color:#fff; cursor:pointer; padding: 8px 14px; border: medium none !important;  font:14px 'Lato'; }
input[type="button"]:focus, input[type="submit"]:focus , input[type="button"]:hover, input[type="submit"]:hover {    background: none repeat scroll 0 0 #a0a5aa;    border: medium none !important;    color: #fff;    padding: 8px 14px;}
.four.columns {width: 50%; float:left; padding:15px 0; height:150px;}
.circle-2 {width: 48px; height: 48px; display: block; border-radius: 50%; background-color: #0b789d; text-align: center;float: left;-webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out;-moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out;-o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out;-ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out;transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out;position: relative;overflow: hidden;}
.circle-2 i, .circle-2-line i {
font-size: 26px;
margin: 0;
top: 12px;
left: 30%;
float: left;
color: #fff;
z-index: 5;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.featured-desc-2 {
    margin: 14px 10px 20px 70px;
    text-align: left;
}
.featured-desc-2 h3 {
    font:18px 'Lato'; color:#666;
}
.featured-desc-2 p{
	padding:5px 0;
    font:14px 'Lato'; color:#999;	
	}
.four:hover .circle-2{ background-color:#999;}	

.ErrorField {
    border:1px solid #D00 !important;
    color: #D00 !important;
    background: #FFFFFE !important;
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D00;
    /* padding-left: 10px; */	
    font-style: italic;
}
.contact_loader{ width:auto; float:left; margin:0px 0 0 15px; display:none;}
.results,.results1{ font-family:Helvetica, sans-serif,Arial; color:#337c94; font-size:14px;}
/* contact us */

.overlay_notify{ width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; background:rgba(11,41,51,0.6); display:none;}
.notify_message{ width:35%; height:auto; padding:25px 10px; top:35%; left:33%; right:10%; font-size:20px;  border-radius:5px;  background-color:#fff; background:rgba(255,255,255,0.8); position:absolute; z-index:5555; color:#fff; text:align:center; font-family:Helvetica, sans-serif,Arial; text-align:center;  }
.close_overlay{ position:absolute; right:0px; top:10px; width:40px; height:20px; color:#0b789d !important; font-size:20px !important;}
.notify_message input[type="search"]{ width:50%; height:35px; border:1px solid #0b789d; text-indent:10px; }

/* menus change */
#upperTopDesk,#upperTopMob{ width:100%;}
#upperTopMob{ display:none;}
#mobnav ul li a{ font:14px 'Lato', Arial, Helvetica, sans-serif; }
/* menus css */