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

*{ margin:0px; padding:0px;}
img{ border:none; max-width:100%;}
a{ outline:none !important; text-decoration:none; color:#333; transition:color 0.1s, background 0.2s;}
a:hover{ text-decoration:none; color:#ef4b28;}
ul,ol{ list-style:none; margin:0px; padding:0px;}
p{ line-height:25px; font-weight:300; margin:8px 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; position:relative; }
.fltl{ float:left;}
.fltr{ float:right;}
.clr{ clear:both;}
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0px; padding:0px;}
h1{}
h2{}
h3{font-size:24px; font-weight:600; color:#0075c3; margin-bottom:15px;}
h4{font-size:20px; font-weight:300; color:#0075c3;}
h5{font-size:18px; font-weight:400; color:#0075c3;}
h6{font-size:16px; font-weight:300;}
body{font-family: 'Montserrat', sans-serif; font-weight:300; position:relative; color:#555; background:url(../images/bg.jpg);}

#header{ border-bottom:3px solid #0075c3;}
#header .logo{ padding:5px 0;}
#header .header-cont{ padding-top:15px;}
#header .header-cont ul{ text-align:right;}
#header .header-cont ul li{ display:inline-block; color:#09355c; font-weight:400;}
#header .header-cont ul li#cont{ padding-left:15px;}
#header .header-cont ul li a{ display:block;}

/********************** nav******************************/
.navbar-default{margin-top: 11px; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); min-height: auto; margin-bottom: 0px; border-radius: 0px; border: none;} 
.navbar-collapse {padding-right:0px; padding-left: 0px;}
.navbar-nav{ float:none; background: none; font-weight: 400; border-radius: 5px 5px 0px 0px;}
.navbar-nav > li{}
.navbar-default .navbar-nav > .active > a{color: #fff; background-color: #002953;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-nav > li > a {padding: 6px 16px; background: none repeat scroll 0% 0% #0075C3;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background-color: #002953; color: #fff;}
.navbar-nav > li > a.active{background-color: #002953;}
.navbar-nav > li > a.first{border-radius:5px 0 0 0;}
.navbar-nav > li > a.last{border-radius:0 5px 0 0;}
/********************* nav *******************************/

#nav{ margin-top:11px;}
#nav ul{ background:#0075c3; display:inline-block; font-weight:400; border-radius:5px 5px 0 0;}
#nav ul li{ display:inline-block;}
#nav ul li a{ display:block; padding:6px 13px; color:#fff;}
#nav ul li a.first{ border-radius:5px 0 0 0;}
#nav ul li a.last{ border-radius:0 5px 0 0;}
/*#nav ul li a:hover, a.active{ background:#002953;}*/
.slicknav_menu {display:none;}

#banner{ min-height:100px;}
#banner img{ width:100%; max-height:400px;}
#banner .bx-wrapper a.bx-prev{width:45px; height:45px; position:absolute; z-index:999; top:42%; left:20px; text-indent:-9999px; background:url(../images/prev.png) no-repeat 0 0; opacity:0.6}
#banner .bx-wrapper a.bx-prev:hover{ opacity:1.0}		
#banner .bx-wrapper a.bx-next{width:45px; height:45px; position:absolute; z-index:999999; top:45%; right:20px; text-indent:-999999px; background:url(../images/next.png) no-repeat 0 0; opacity:0.6;}   
#banner .bx-wrapper a.bx-next:hover{ opacity:1.0;}
#banner .bx-wrapper .bx-pager { position:absolute; z-index:999; bottom:15px; text-align: center; font-size: .85em; font-weight: bold; color: #666; left:0px; right:0px; margin:0 auto;}
#banner .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {background: #0075C3; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; 
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border:2px solid #fff; box-shadow:0 0 3px 1px #999;}      
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #7dcafe !important;}

.banner-inner{margin-top: 0px; margin-left: 0px;}
.banner-inner img{ width:100%;
    height: 400px;}

.content{}
.content h3{ font-weight:300; font-size:28px;}
.content p span{ font-weight:400;}
.content ul{ margin-left: -190px; margin-bottom: 12px;}
.content ul li{ list-style:disc; padding-left:5px;}
.content .jobs{ border-bottom:1px solid #ccc; border-radius:5px; padding-bottom:10px; margin-top:15px;}
.content .jobs h4{ font-size:16px; font-weight:400;}
.content .jobs p{ margin:0px; margin-bottom:8px;}
.content .jobs p span{ font-weight:400; color:#F00;}

.contact-us{}
.contact-us .contact-form{ margin-top:20px; border:1px solid #ccc; padding:15px;}
.contact-us .contact-form textarea{ min-height:120px;}
.contact-us .contact-form form{ margin-top:20px;}

.contact-detail{ margin-top:40px;}
.contact-detail p{}
.contact-detail p span{ font-weight:400; color:#0075C3;}

.enquiry-form{border-radius:8px; margin-top:20px;}
.enquiry-form h4{background:#0075C3; color:#fff; padding:7px 10px; border-radius:5px 5px 0 0;}
.enquiry-form form{ border:1px solid #CCC; padding:10px; text-align:center;}

.services{}
.services .service-container{ border:1px solid #ccc; background:#fff; text-align:center; margin:15px 0; transition: all .5s ease;}
.services .service-container:hover{transform: scale(1.1);}
.services .service-container figure{ background:#000; min-height:100px;}
.services .service-container figcaption{ padding:10px; border-bottom:4px solid #fff;}
.services .service-container h4{ font-size:14px; text-transform:uppercase; font-weight:400; text-align:center; padding:5px 0;}
.services .service-container p{ margin:0px; padding:0px; font-size:12px; line-height:18px;}
.services .service-container a{display: inline-block; color: #002953; padding: 2px 10px; margin-top:5px; border-radius: 2px; font-weight: 400; font-size:12px;}
.services .service-container:hover figcaption{border-bottom:4px solid #f79b58;}
.services .service-container:hover img{ opacity:0.5;}
.services .service-container:hover h4{color:#f79b58;}
.services .service-container:hover a{}

.products{ position:relative;}
.products .bx-wrapper a.bx-prev{width:12px; height:20px; position:absolute; z-index:999; top:45%; left:0px; text-indent:-9999px; background:url(../images/prev1.png) no-repeat 0 0; opacity:0.6}
.products .bx-wrapper a.bx-prev:hover{ opacity:1.0}		
.products .bx-wrapper a.bx-next{width:12px; height:20px; position:absolute; z-index:999999; top:45%; right:0px; text-indent:-999999px; background:url(../images/next1.png) no-repeat 0 0; opacity:0.6;}   
.products .bx-wrapper a.bx-next:hover{ opacity:1.0;}
.products .product-container{ position:relative; transition:all 0.5s ease; border: 1px solid #ccc;}
.products .product-container :hover{transform: scale(1.1);}
.products .product-container figure{ position:relative; min-height:100px; transition:all 0.5s ease;}
.products .product-container .click{ position:absolute; top:50px; left:0px; right:0px; width:54px; height:54px; margin:0 auto; z-index:99999; transition:all 0.5s ease;}
.products .product-container:hover .click{ display:none;}
.products .product-container:hover .product-detail{ display:block;}
.products .product-container .product-detail{position:absolute;  /*display:none;*/ background-color:rgba(0,0,0,0.5); width:100%; bottom:15px;}
.products .product-container .product-detail h4{color:#fff; text-align:center; font-size:16px; font-weight:400; padding:10px 0;}
.products .product-container .product-detail p{ color:#fff; line-height:18px; padding:0 10px; text-align:center;}
.products .product-container .product-detail a{ display:inline-block; color:#fff; padding:4px 15px; border-radius:3px; font-weight:400;}

.gallery{}
.gallery .gallery-grid{ border:5px solid #fff; box-shadow:0 0 5px 2px #CCC; margin:15px 0;transition: all .5s ease;text-transform: uppercase;}
.gallery .gallery-grid a{font-size:16px; text-align:center; font-weight:bold;}
.gallerya{text-align:center; margin: 10px 0px 8px;}
.gallery .gallery-grid a:hover{ color:#fff;text-shadow: 1px 1px 1px #000;}
.galleryimg{ height:140px; width: 100%;}
.gallery .gallery-grid:hover{ transform: scale(1.1); box-shadow:none; background-color:#0075c3; color: #fff;}
.gallery .gallery-grid figcaption{ font-size:15px; font-weight:400; padding:10px; color:#0075C3;}
.gallery .gallery-grid figcaption span{ display:block; font-size:13px; font-weight:300; color:#555;}

#footer{}
#footer h5{ margin-bottom:15px;}
#footer .client-logo{ padding-top:10px;}
#footer .client-logo img{border:1px solid #ccc; height: 85px; width: 100%;}
#footer .client-logo ul{}
#footer .client-logo ul li{ display:inline-block; width:32%; margin-bottom:15px;}
#footer .client-logo .bx-controls-direction{ display:none;}
#footer-strip{padding:10px 0 7px 0;}
#footer-strip a{ color:#666;}
#footer-strip a:hover{ color:#888;}
#footer-strip ul{}
#footer-strip ul li{ display:inline-block;}
#footer-strip ul li a{}
#footer-strip ul.footer-social-links{ text-align:right;}
#footer-strip ul.footer-social-links li{ display:inline-block; padding:0 2px;}
#footer-strip ul.footer-social-links li a{ display:block;}
#footer-strip ul.footer-social-links li a:hover{ opacity:0.8;}

.spacer8{ height:8px;}
.spacer15{ height:15px;}
.bg1{background:#ececec;}
.bg2{background:#ffffff;}
.bg3{background:#f8f6f3;}
.bg4{background:#c3bdbd;}
. galleryimg{height: 140px!important;}
.padd25tb{ padding-top:25px; padding-bottom:25px;}
.padd40tb{ padding-top:25px; padding-bottom:40px;}

input[type="text"]{width:100%; border:1px solid #D5D5D5; border-radius:3px; padding:4px 5px;}
input[type="text"]:focus{box-shadow: 0px 0px 6px 1px #ccc;}
textarea{width:100%; border:1px solid #D5D5D5; border-radius:3px; padding:4px 5px;}
textarea:focus{box-shadow: 0px 0px 6px 1px #ccc;}
input[type="submit"]{ display:inline-block; padding:5px 30px; margin-top:5px; color:#fff !important; font-size:14px; font-weight:400; background: linear-gradient(to top, #0075C3 0%, #0292F2 100%) repeat scroll 0% 0% transparent; border:none; border-radius:5px; border:1px solid #0061A2;}       
input[type="submit"]:hover{ background: linear-gradient(to top, #0292F2 0%, #0075C3 100%) repeat scroll 0% 0% transparent;}
input[type="reset"]{ display:inline-block; padding:5px 30px; margin-top:5px; color:#fff !important; font-size:14px; font-weight:400; background: linear-gradient(to top, #0075C3 0%, #0292F2 100%) repeat scroll 0% 0% transparent; border:none; border-radius:5px; border:1px solid #0061A2;}       
input[type="reset"]:hover{ background: linear-gradient(to top, #0292F2 0%, #0075C3 100%) repeat scroll 0% 0% transparent;}

@media only screen and (max-width: 1024px){ 
#nav {margin-top: 31px;}
#nav ul{ float:right;}
#nav ul li a{ padding:5px 8px; font-size:12px;}
#header .col-md-4 {width: 33.3333%; float:left;}
#header .col-md-8 {width: 66.6667%; float:left;}
.services .col-md-3{ width:50%; float:left; padding-bottom:30px;}
.services .col-md-3 figure img{ width:100%;}
.products .col-md-3{ width:50%; float:left; padding-bottom:30px;}
.products .col-md-3 figure img{ width:100%;}
.gallery .col-md-3{ width:50%; float:left; padding-bottom:30px;}
.gallery .col-md-3 figure img{ width:100%;}
#footer .col-md-3, .col-md-4, .col-md-5{ margin-bottom:15px;}
#footer-strip{font-size: 12px;}
#footer-strip .col-md-6{ width:50%; float:left;}
#banner .bx-wrapper .bx-pager{ bottom:3px;}
#banner .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px;}
#footer .col-md-5{ width:55%; float:left;}
}
@media only screen and (max-width: 768px){
.js #menu {display:none;}	
.js .slicknav_menu {display:block; background: #0075C3; padding:7px;}
.js .slicknav_menu a{background: #fff; padding: 5px 10px; display: inline-block; border-radius:4px;}
.js .slicknav_menu ul{ display:block;}
.js .slicknav_menu ul li a{display:block; border-radius:2px; margin-top:2px;}
.js .slicknav_menu ul li a:hover{background:#002953; color:#fff;}
#footer{ text-align:center;}
#footer-strip{ text-align:center;}
#footer-strip .col-md-6{ width:100%; float:none;}
#footer-strip ul.footer-social-links {text-align:center; margin-top:10px;}
#footer-strip p{ text-align:center !important;}
.bx-controls-direction{ display:none;}
#footer .col-md-5{ width:100%; float:none;}
h3{ text-align:center;}
.content { text-align:center;}
}
@media only screen and (max-width: 480px){
.services .col-md-3{ width:85%; float:none; margin:0 auto;}
.products .col-md-3{ width:85%; float:none; margin:0 auto;}
.gallery .col-md-3{ width:85%; float:none; margin:0 auto;}
#footer-strip{font-size: 11px;}
#header .logo {padding: 5px 0px; width: 110px; margin-top: 16px;}
}



.button {
    background: #002953;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 10px 12px;
    overflow: hidden;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	color: #fff;
}

.button:hover {
    color: #fff;
	background: #0075c3;
}