html{ height:100%; width:100%;}
body{  font-family: 'Montserrat', sans-serif; overflow-x:hidden}
body a{ text-decoration:none; transition:all 0.3s ease-in-out;}
*:after, *:before{ transition:all 0.3s ease-in-out;}
body a:hover{transition:all 0.3s ease-out;}
.header{  position:fixed; top:0; z-index:9999; width:100%; background:white;}
.index .header{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);}
.sm_nav{ margin:24px 0 0 0; padding:0px}
.nav_right{ margin-top:3px;}
.sm_nav li a{ color:#2a2a2a;  font-size:16px; padding:10px 12px; position:relative; border-radius:10px; font-family: 'Montserrat', sans-serif;}
.sm_nav li a:hover, .sm_nav li.active a{ background:#0076c0; color:white;}
.banner{ margin-top:138px;}
.top-header{ background:#2a2a2a; padding:10px; margin:0 -15px;}
.tp-hd-one{ display:inline-block; color:white; font-size:12px; font-family: 'Asap', sans-serif; margin-right:30px;}
.tp-hd-one i, .tp-hd-one span{ float:left;}
.tp-hd-one i{ color:#0076c0; font-size:17px; margin-right:5px;}
.social{ display:inline-block; float:right; font-size:15px;}
.social a{ margin-left:3px; color:white; display:inline-block;}
.social a:hover{ color:#0076c0;}
.enq-container{ width:100%; background:white; padding:10px; position:relative; z-index:22; float:left; margin-top:-69px;}
.enq-left{ width:309px; height:171px; float:left; background:#0076c0; position:relative; padding:15px; }
.enq-left:after{ border-top: 86px transparent solid; border-right: 36px solid #0076c0; border-bottom: 86px transparent solid;content: ""; display: inline-block; float: left; height: 171px; position: absolute; right: -38px; top: 0; width: 38px; transform:rotate(180deg)}
.enq-left span{ color:white; font-size:24px; display:inline-block; margin-bottom:15px;}
.enq-left{ font-size:14px; color:white; line-height:24px;}
.enq-right{ width:731px; height:161px; float:left; background:#1695e4; margin-top:5px; padding:36px 40px; padding-left:76px;}
.en-container{ padding:0 52px;}
.enq-txt{ width:100%; height:36px; margin-bottom:20px; border:0; border-radius:3px; padding:8px;  border-radius: 3px;  box-shadow: 1px 1.732px 0px 0px rgba(0, 0, 0, 0.051);}
a.enq-txt{ width:100%; display:inline-block; color:white; border:2px solid #FFF; text-align:center; font-size:16px; line-height:16px;}
a.enq-txt:hover{ text-decoration:none; background:#0076c0;}
a.enq-txt i{ margin-right:3px;}
.about_head{ color:#01afee; font-size:32px; margin-top:55px; margin-bottom:10px;}
.about_cnt{ color:#434343; line-height:27px; font-size:13px}
.darkHeader{ box-shadow:0px 0px 5px rgba(0,0,0,0.6)}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {margin-top: 10px;text-align: center;}
.centered-btns_tabs{ position:absolute; width:100%; bottom:85px; z-index:999; padding-left:0 !important;}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {display: inline;float: none;margin-right: 5px;}
header{ transition:all ease-in-out 0.3s;}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {text-indent: -9999px;overflow: hidden;background: rgba(255,255,255,0.6);display: inline-block;width: 35px;height: 6px;}
.carousel-caption{ padding-bottom:75px; width:100%; right:0; left:0; margin:auto;}
.enq-wrapper{ background:linear-gradient(#012c48, #05456e);  height:184px; position:relative;}
.enq-wrapper:after{ width:100%; height:100%; position:absolute; left:0; right:0; bottom:0; top:0; z-index:0; background-image: url(../images/map.png);}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {background: #0057a4;}
.mini-img{ width:100%; float: left; position:relative; background:#032c46; overflow:hidden;}
.mini-img:after{ width:50px; height:50px; position:absolute; top:-100%; left:0; right:0; display:inline-block; content:"\f0c1"; font-family: FontAwesome; border:1px solid white; border-radius:100%; background:#1695e4; margin:auto; bottom:auto; color:white; font-size:21px; padding:10px 0; text-align: center; opacity:0; transition:all ease-in-out 0.3s; }
.mini-img:hover:after{ top:40%;  opacity:1; transition:all ease-in-out 0.2s;}

.iso{position:absolute; bottom:100px;right:20px; z-index:99;}

.mini-img:hover img{ opacity:0.4;}
.mini-img img{ max-width:100%; transition:all ease-in-out 0.2s; }
.mini-banners .col-md-2{ padding:0;}
.mini-text-wrapper img{ opacity:0 !important;}
.mini-text-wrapper:after{ display:none;}
.mini-text-wrapper{ background:#032c46;}

.gallery-head {bottom: 0;cursor: default;display: inline-block;height: 95px;left: 0;line-height: 27px;margin: auto;position: absolute;right: 0;text-align: center;top: 0;}
.gallery-head i{ color: white; font-size: 42px;}
.gallery-head span{ font-size:17px; color:white; text-transform:uppercase;}
.gallery-head a, .gallery-head a i{ font-size:11px !important; color:#0f6399 !important;}

.Myiso{ position:absolute; bottom:10%; right:30px; z-index:99;}

.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.centered-btns .container{ z-index: 2; text-shadow: none; color: #fff; text-align:center; width:100%; max-height:410px; 
position:absolute; bottom:25%;}
.centered-btns .container .caption{ display:inline-block; padding:20px; background:rgba(0,0,0,0.5);}
.centered-btns .caption h4{ font-size:24px; font-weight:normal; color:#FFF; margin:0;}

.no-padding{ padding:0 !important;}
.service-head{ display:inline-block; font-size:30px; font-weight:300; margin:40px 0 25px 0; position:relative;}
.service-head:after{ display:inline-block; width:110%; height:1px; bottom:-5px; left:-5%; right:0; margin:auto; content:""; background:#0076c0; position:absolute;}
.client{ width:100%; border:1px solid #dddddd; display:table; height:105px;}
.client-inner{ display:table-cell; vertical-align:middle; text-align:center;}
.client-inner img{ max-width:80%;}
.clients{ margin:15px -5px 0 -5px;}
.clients .col-sm-2{ padding:0 5px;}
.navbar-brand{ height:auto;}
.map{ width:100%; float:left;}
.map iframe{ width:100%;}

.nav > li > a:focus, .nav > li > a:hover{   }
.carousel-caption{ right:13%;}
.sub_nav li{ display:inline-block; list-style:none;}
.rslides_container{ float:left; position:relative;}
.sub_nav{ text-align:right; color:#0076c0; font-size:24px; font-weight:300; margin:10px 0; padding-right:12px;}
.sm_nav{ float:right;}
.caption_head{ font-size:30px; color:black; font-weight:800; text-shadow:1px 1px 0px rgba(255,255,255,1); text-transform:uppercase;}
.caption-link{ width:100%; display:block;}
.caption-link a{ display:inline-block; text-transform:uppercase; background:#0076c0; font-size:18px; font-weight:300; text-shadow:none; width:204px; border-radius:3px; color:white; padding:12px 0; position:relative; margin-top:10px; overflow:hidden;}
.caption-link a:after{ height:4px; z-index:1; width:100%; background:#ce560f; content:""; position:absolute; left:0; bottom:0;}
.caption-link a:before{ height:15px; width:12px; z-index:99; background: url(../images/button_arrow.png); content:""; position:absolute; right:10%; bottom:0; top:0; margin:auto;}
.caption-link a:hover{ text-decoration:none;}
.caption-link a:hover:after{ text-decoration:none; height:50px;}
.caption-link a span{ position:relative; z-index:99;}
.block{ width:100%;  float:left; position:relative; overflow:hidden; margin:15px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.mask{ transition: all ease-in-out 0.3s; position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.7); bottom:-80%;}
.block:hover .mask{  background:#0076c0; bottom:0; padding:30px 0;}
.mask-head{ width:100%; color:white; font-size:24px; font-weight:300; padding:10px 0; float:left;}
.mask-cnt{ width:100%; font-size:14px; color:white; line-height:20px; padding:10px 25px; float:left;}
.mask-btn{ width:100%; display:block; float:left; color:white; font-size:16px;}
.mask-btn a{ color:white; display:inline-block;}
.mask-btn a span{ display:inline-block; margin-right:5px; float:left;}
.mask-btn a i{ float:left; margin-top:5px;}
.mask-btn a:hover{ opacity:0.5;}
.img-responsive{ width:100%;}
.services{ background:#eeeeee url(../images/line-bg.png) no-repeat top center; padding-bottom:25px !important;}
.about{  padding-bottom:40px; }
.inner-banner{ position:relative;}
.inner-banner img{ max-width:100%;}
.about_head:after{ width:100%; left:0;}
.inner-banner-txt{ position:relative; position:absolute; left:0; right:0; top:0; bottom:0;  height:105px; margin:auto; font-family: 'Asap', sans-serif; font-size:25px; color:white; text-transform:uppercase;}
.inner-banner-txt span{ font-size:35px; font-weight:600;}


.footer-menu{ width:100%; padding:40px 15px; background:#0076c0;}
.ftr_head{ display:block; font-size:18px; color:white; text-transform:uppercase;}
.ftr_list{ margin:0; padding:0; list-style:none; line-height:30px; margin-top:20px; font-size:14px}
.ftr_list li a{ color:white; }
footer{ background:#023150; font-family: 'Open Sans', sans-serif; padding:30px 0; width:100%; float:left; color:#b8bfc5;}
.social-icon a{ color:#c5c5c5; font-size:24px; position:relative; width:60px; height:60px; display:inline-block; padding:12px 0; margin:10px 23px;}
.social-icon a i{ position:relative; z-index:1;}
.social-icon a:after{ width:60px; height:60px; border:1px solid #c5c5c5; position:absolute; content:""; left:0; top:0; transform:rotate(45deg)}
.social-icon a:hover:after{border-color:white;}
.social-icon a:hover > i{ color:white !important;}
.fb:hover:after{ background:#3b579d;}
.twtr:hover:after{ background:#2aa9e0;}
.gplus:hover:after{ background:#dd4b39;}
.linkn:hover:after{ background:#007cb7;}
.ytube:hover:after{ background:#e12b26;}
.copyright{ color:#c1c1c1; font-size:14px; margin-top:30px;}
.cp a{ color:#c1c1c1;}
.cp a:hover{ text-decoration:none; opacity:0.7;}

h6{ font-size:14px;  font-weight:300;}


.country-list{ padding-left:0px; width:33%; display:inline-block; vertical-align:top; padding-right:30px; margin-top:5px; margin-bottom:0;}
.country-list li{ list-style: none; position:relative; padding-left:15px; line-height:30px; width:100%; float:left;}
.country-list li:before{ content:'\f101'; font-family: FontAwesome; margin-right:10px; color:#f37022; font-size:16px; position:absolute; left:0;}
.sb-head{ font-size:19px; color:#5e5e5e; margin-top:5px; margin-bottom:20px; display:block; width:100%; float:left;}

h4{ color:#01afee; font-size:25px; margin-bottom:10px; width:100%; float:left;}
h5{ font-weight:600; font-size:14px; margin:10px 0; width:100%; float:left;}
h3{ color:#f63; font-size:22px; margin-bottom:20px; width:100%; float:left; font-weight:600; text-transform:uppercase; }

.cnt-right{ margin-bottom:30px;}
.map{ position:relative;}
.map:after{ width:100%; height:100%;  position:absolute; content:""; display:inline-block; z-index:99; top:0; left:0;}
.map iframe{ width:100%; margin:0; padding:0; border:0; min-height:250px;}
.inner-map iframe{ width:100%; margin:0; padding:0; border:0; height:100px;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background:#1c1c1c; color:#0076c0; border-color:#0076c0;}
.footer_nav li{ float:left; list-style:none;}
.footer_nav li a{ color:#b8bfc5; font-size:12px; margin-right:10px; text-transform:uppercase;}
.footer_nav{ padding:0;}
.cnt-list {
    color: #185787;
    line-height: 28px;
    list-style: outside none none;
    padding-top: 15px;
}
.cnt-list li::before {
    content: "\f105 ";
    font-family: FontAwesome;
    margin-right: 6px;
}
.cnt-list span{ font-size:14px; font-weight:600; color:rgba(0,0,0,0.8);}

.full-list{ width:100%; margin-bottom:20px;}
.page-side{ width:100%; border-radius:3px; overflow:hidden; position:relative;}
.page-cnt{ width:100%; position:absolute; bottom:0; background: rgba(0,0,0,0.8); padding:10px; color:white; font-size:13px;}
.sm-img{ width:100%;}
.page-cnt span{ color:#f37022; font-size:18px; text-transform:uppercase; font-weight:600;}
.button{ display:inline-block; border:1px solid white; margin-top:15px; border-radius:5px; padding:6px 7px; line-height:15px; color:#f37022;}
.button:hover{ background:#0076c0; color:white !important; text-decoration:none;}
.button:hover span{ color:white !important;}
.page-side{ margin-bottom:30px;}
.sm-img-responsive{ max-width:100%;}
.testi-cnt span{ font-size:14px; font-weight:600; display:block; margin: 15px 0;}
.testi-cnt a{ display:block; color:#ff6401; line-height:25px;}
.contact-wrapper{ width:100%; display:block; float:left;}
.contact-txt{ width:100%; padding:10px; height:38px; box-shadow: none; margin-bottom:20px;}
.officesHead{ padding:10px 15px; background:#F1F1F1;}
.contact-txt:focus{ box-shadow: none; border-color:#0076c0;}
.val-one{ width:100%; float:left; margin-top:-15px; margin-bottom:20px; font-size:13px; color:#666;}
.validation{ width:100%; float:left; margin-top:-15px; margin-bottom:20px; color:red;}
.contact-wrapper{ margin-bottom:20px;}
.contact-btn{ margin:0; font-size:14px; text-transform:uppercase; padding:10px 17px; background:none; color:#0076c0; border:1px solid #0076c0; transition: all 0.2s ease-in-out; float:left}
.rest-button{ margin-left:15px; border-color:#3e3e3e; color:#3e3e3e;}
.rest-button:hover{ background:#3e3e3e;}
.float{ float:left; clear:both;}
.navbar-brand{ padding:10px;}
.breadcrumb { border-radius: 0; border-bottom:1px solid #d9d9d9; background:#f1f1f1;}
.breadcrumb-inner a {
    color: #0076c0;
    display: inline-block;
    font-size: 13px;
}
.breadcrumb-inner a::after {
    content: "\f105";
    font-family: FontAwesome;
    margin: 0 7px;
}
.breadcrumb-inner a:last-child::after {
    display: none;
}
.breadcrumb-inner a:hover {
    opacity: 0.6;
    text-decoration: none;
}
.breadcrumb-inner a .fa-home {
    font-size: 15px;
}


h5{ display: block;
    font-size: 18px;
    font-weight: 600;}
	
	
.grid-gallery ul {list-style: none;	margin: 0;padding: 0; width:100%;}

.grid li{ padding:0; background:#1695e4; position:relative;}
.grid li:after{ width:16px; height:16px; content:'\f0c1'; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; font-family: FontAwesome; color:white; font-size:23px; line-height:40px; cursor:pointer; width:40px; height:40px; background:#1695e4; border-radius:100%; border:1px solid white; text-align:center; opacity:0;}

.grid li:hover:after{ opacity:1;}
.grid li img{ max-width:100%; transition:all 0.3s ease-in-out; cursor:pointer; }
.grid li:hover img {opacity: 0.6}

.grid figcaption {background: #e4e4e4;padding: 25px;}

.slideshow {position: fixed;background: rgba(0,0,0,0.6);width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;opacity: 0;visibility: hidden;	overflow: hidden;
	-webkit-perspective: 1000px;perspective: 1000px;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;}

.slideshow-open .slideshow {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}

.slideshow ul {	width: 100%;height: 100%;-webkit-transform-style: preserve-3d;	transform-style: preserve-3d;	-webkit-transform: translate3d(0,0,150px);	transform: translate3d(0,0,150px);	-webkit-transition: -webkit-transform 0.5s;	transition: transform 0.5s;}

.slideshow ul.animatable li {	-webkit-transition: -webkit-transform 0.5s;	transition: transform 0.5s;}

.slideshow-open .slideshow ul {	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.slideshow li {	width: 660px;	height: 560px;	position: absolute;	top: 50%;	left: 50%;	margin: -280px 0 0 -330px;	visibility: hidden;
}
.slideshow li.show {visibility: visible;}
.slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.8);-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.slideshow li.current:after {visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}
.slideshow nav span {
	position: fixed;
	z-index: 1000;
	color: #59656c;
	text-align: center;
	padding: 3%;
	cursor: pointer;
	font-size: 2.2em;
}
 h5{ font-size: 18px;    font-weight: 600; color:#333;}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow nav span.nav-next {
	right: 0;
}

.slideshow nav span.nav-close {
	top: 0;
	right: 0;
	padding: 0.5em 1em;
	color: #31373a;
}

.icon:before,
.icon:after {
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:white;
}

span.nav-prev:before {
	content: "\f053"; 
}

span.nav-next:before  {
	content: "\f054"; 
}

span.nav-close:before {
	content: "\f00d";
}
.Clientele  h3{  color: rgba(0, 0, 0, 0.8); font-size: 14px; font-weight: 600;}
.Clientele ul { padding:0; margin-bottom:30px; width:100%;}
.Clientele{ float:left; width:100%;}
.Clientele ul li{display:inline-block; margin:0 0 5px; border: 1px solid #dddddd; padding:10px 20px; vertical-align:middle;}
.Clientele ul li img{}

@media (max-width:1024px){ 
.enq-right{ width:532px;}
.about{ padding:0 0; }

 }
 @media (max-width:1023px){

.sm_nav{ width:100%; padding-top:}
.navbar-brand{ height: auto;}
.hdr_cntnr{ width:100%; padding:0px;}
.sm_nav li a{ padding: 6px 8px; font-size:13px;}
.navbar-brand{ position:relative; z-index:999;}
.intro_txt{ height:307px !important;}
.footer_left{ padding: 49px 35px;}
.sub_nav li a{ padding: 31px 14px;}
.sm_clear{ display: block;}
.dt_top_left{ height: auto}
.dt_top_left{ margin-bottom:15px;}
.news-block{ margin:15px 0; height:auto;}
.header{ background:white;}
.news{ padding:25px 0;}
.sm-clear{ clear: both}
.ftr_list{ margin-bottom:30px;}
.no-padding .col-md-3 .row{ float:left;}

.enq-wrapper{ background-image: #043c62 url("../images/map.png"); height:auto; padding:15px 0; }
.enq-container{ margin:0;}
.enq-left{ width:100%; height:auto;}
.enq-right{ width:100%; padding:15px; height:auto; margin:0;}
a.enq-txt{ margin:0;}
.en-container{ padding:15px;}
.enq-left:after{ display:none;}
.centered-btns_tabs{ bottom:15px;}
.about_head{ margin-top:15px;}
.map{ margin-top:25px;}

	 }
@media (min-width:767px){.small_nav{ display:none !important;} .dropdown:hover .dropdown-menu {display: block;}}
 @media (max-width:767px){
.sub_nav{ display:none;}
.navbar_sm {left: 0;position: absolute;width: 100%;z-index: 9999; margin-top:94px; background:#3e3e3e;}
.navbar_sm li a{ width:100%; color:white; border-bottom:1px solid rgba(102, 102, 102,0.5);}
.navbar_sm li a:hover{ color:#0076c0; background:#1c1c1c;}
.navbar_sm li a:after{ display:none;}
.hdr_cntnr{ position:relative;}
.dropdown-menu li a{ padding-left:35px !important;}
.menu_icon{ font-size:30px; color:#3e3e3e;}
.navbar-toggle{ padding: 13px 10px;}
.intro_txt{ height:auto !important;}
.ft_right{ text-align:center !important; margin-top:5px;}
.view{ width:100%; text-align:center;}
.header{ background:white;}
.container.broadcamp{ margin-top:0;}
.navbar-brand{ padding:10px;}
.nav_right{ margin:0;}
.mini-img img{ width:100%;}

.caption_head{ font-size:18px;}
.caption-link a{ font-size:14px; width:169px}
.sm_nav{ margin-top:0 !important;}
.country-list{ width:100%;}
.sm_nav{ max-height:350px; overflow-y: scroll;}

.sm_nav li a{ border-radius:0; padding:11px 8px;}
.navbar-toggle{ margin-top:20px;}
footer{ padding:10px 0 !important; text-align:center;}
.footer_nav li{ display:inline-block; float:none;}
footer .text-right{ text-align:center !important;}
	 }
	 
@media (min-width:1200px){
	.sm_nav li a{ padding:10px 20px;}
	.mini-banners .col-md-2{ width:20%;}
	}

@media (max-width:640px){
.banner{ margin-top:160px;}
.footer-menu{ padding-bottom:0px}
.about_cnt{ font-size:13px; line-height:21px;}
.about_head{ font-size:18px; margin-bottom:0;}
.mini-text-wrapper img{ height:120px;}
.inner-banner-txt{ display:none;}
	}
@media (max-width:380px){
.banner{ margin-top:181px;}
.navbar-brand a img{ max-width:180px;}
.navbar-toggle{ margin-top:9px;}	
.banner{ margin-top:200px;}
.tp-hd-one i, .tp-hd-one span{ float:none;}
.navbar_sm{ margin-top:77px;}
	}