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

/*====== Global CSS======*/	
::-webkit-input-placeholder { /* WebKit browsers */
    color:#5e5e5e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#5e5e5e;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#5e5e5e;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#5e5e5e;
}

@font-face {
font-family: 'latobold';
src: url('../fonts/Lato-Bold_2-webfont.eot');
src: url('../fonts/Lato-Bold_2-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Lato-Bold_2-webfont.woff2') format('woff2'),
url('../fonts/Lato-Bold_2-webfont.woff') format('woff'),
url('../fonts/Lato-Bold_2-webfont.ttf') format('truetype'),
url('../fonts/Lato-Bold_2-webfont.svg#latobold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'latolight';
src: url('../fonts/Lato-Light_2-webfont.eot');
src: url('../fonts/Lato-Light_2-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Lato-Light_2-webfont.woff2') format('woff2'),
url('../fonts/Lato-Light_2-webfont.woff') format('woff'),
url('../fonts/Lato-Light_2-webfont.ttf') format('truetype'),
url('../fonts/Lato-Light_2-webfont.svg#latolight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'latoregular';
src: url('../fonts/Lato-Regular_2-webfont.eot');
src: url('../fonts/Lato-Regular_2-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Lato-Regular_2-webfont.woff2') format('woff2'),
url('../fonts/Lato-Regular_2-webfont.woff') format('woff'),
url('../fonts/Lato-Regular_2-webfont.ttf') format('truetype'),
url('../fonts/Lato-Regular_2-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'oswaldregular';
src: url('../fonts/Oswald_2-webfont.eot');
src: url('../fonts/Oswald_2-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Oswald_2-webfont.woff2') format('woff2'),
url('../fonts/Oswald_2-webfont.woff') format('woff'),
url('../fonts/Oswald_2-webfont.ttf') format('truetype'),
url('../fonts/Oswald_2-webfont.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'oswaldbold';
src: url('../fonts/Oswald-Bold_1-webfont.eot');
src: url('../fonts/Oswald-Bold_1-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Oswald-Bold_1-webfont.woff2') format('woff2'),
url('../fonts/Oswald-Bold_1-webfont.woff') format('woff'),
url('../fonts/Oswald-Bold_1-webfont.ttf') format('truetype'),
url('../fonts/Oswald-Bold_1-webfont.svg#oswaldbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'oswaldlight';
src: url('../fonts/Oswald-Light_1-webfont.eot');
src: url('../fonts/Oswald-Light_1-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Oswald-Light_1-webfont.woff2') format('woff2'),
url('../fonts/Oswald-Light_1-webfont.woff') format('woff'),
url('../fonts/Oswald-Light_1-webfont.ttf') format('truetype'),
url('../fonts/Oswald-Light_1-webfont.svg#oswaldlight') format('svg');
font-weight: normal;
font-style: normal;
}

input ,select{ -webkit-appearance:none;  }
body {font-size:14px; font-family:'latolight'; font-weight:normal; color:#141010; overflow-y:scroll;}
input, textarea ,select{font-family:'latoregular'; font-weight:normal;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; outline:none; }
html {-webkit-text-size-adjust: none;}

* {margin:0; padding:0; list-style: none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
a img {border:none;}
.fleft {float:left}
.fright {float:right}
.clearfix {clear: both;}
.center {text-align: center;}
.right {text-align:right;}
a {color: #000; text-decoration: none; outline:none;}
a:hover {color: #385072;/*transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;* transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;*/ }
.full {float:left; width: 100%;}
header, footer, nav {width: 100%;float: left;}
.marT1 {margin-top: 5px;}
.marT2 {margin-top: 10px;}
.marT3 {margin-top: 15px;}
.marT4 {margin-top: 20px;}
.marB1 {margin-bottom: 5px;}
.marB2 {margin-bottom: 10px;}
.marB3 {margin-bottom: 15px;}
.marB4 {margin-bottom: 20px;}
.rel {position: relative;}
.wrapper {max-width:1174px; margin:0px auto; width:98%;}
/*====== Global CSS======*/

/*====== Menu  CSS======*/
.top-tabs{float:right;margin:0;position:relative; width:auto;}
.top-tabs ul{margin:0 0 0 0px; padding:0;list-style:none; font-family: 'oswaldlight'; text-transform:uppercase; font-size:14px;}
.top-tabs ul li{float:left; text-align:center; }
.top-tabs ul li a{color:#000;  padding:22px 28px; display:block; }
.top-tabs ul li a:hover, .top-tabs ul li a.active{ background:#01284f/*rgba(0, 129, 255, 0.25)*/; color:#fff;transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; }
.nav-btn{display:none;}
/*====== Menu  CSS======*/


/*======== Home page css=========*/
ul.social-block{float:right;font-family: 'oswaldlight'; color:#fff; font-size:13px;}
ul.social-block li {float:left; border-left:1px solid #484848; padding:0 13px;}
ul.social-block li:last-child{padding-right:0;}
ul.social-block li  img {padding:10px 0 8px}
ul.social-block li a.myaccount {text-transform:uppercase; background:#013f7e; padding:6px 14px; color:#fff; display:block;  } 
ul.social-block li a.myaccount:hover{transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; background:#0081ff;}
.header-top{background:/*url(../images/header-bg.png) repeat */#fff; float:left; width:100%; border-bottom:5px solid #01284f; position:relative; z-index:5;}
.logo{padding:15px 0 0px 0; float:left;}
/*.slider{ float:left; width:100%;}
.slider img { float:left; width:100%; height:779px;}*/
.middle-content{ float:left; width:100%; position: relative; left:0;}
.video-block{background:url(../images/bannerbg.jpg) no-repeat center center; float:left; width:100%;  margin:0px 0 0 0; padding:17px 0 70px 0;position:relative; z-index:4; background-size:cover;}
.text-slide{float:left; width:100%; font-size:60px; text-align:center;  text-transform:uppercase; text-shadow: 1px 2px 0 #000000;}
.txt1{color:#0081ff; font-family: 'oswaldbold'; margin:50px 0 0 0;}
.txt2{font-family: 'oswaldregular'; color:#fff;}
.txt3{font-family: 'oswaldlight'; color:#fff;}
.txt4{font-family: 'oswaldlight'; color:#fff; font-size:23px;}
.txt5{ font-size:30px; color:#385072; text-align:center; display:block;}
.slide-next-prev{float:left; width:100%; font-size:0; margin:28px 0 0 0;}
.slide-next-prev span{ display:inline-block; padding:0 8px 0 0;}
.video-frame{ float:left; width:100%; text-align:center; margin:35px 0 0 0;}
.video-full{ float:none; width:68.8%; margin:0px auto;}
.video-full img{width:100%;}
.mtop1{margin:55px 0 0 0; float:left; width:100%;}
.line{width:83%; margin:40px auto;  background:url(../images/line.gif) repeat-x center center; display:block; }
.line img { display:block; margin:0px auto;}
.col1{margin:0 0 0 1.1%; float:left; width:49.41%; position:relative;}
.col1:first-child{margin-left:0; }
.col1 .pic{position:relative; z-index:1;}
.col1 .pic img { display:block;}
.col1 .pic-detail{background:url(../images/blue-dot.png) repeat top center; position: relative; width:100%; right:0; top:0; height:100%; z-index:2; padding:10px 25px 10px 25px; text-align:center; margin-top:-96px; min-height:356px; }
.pic-detail h2{font-family: 'latobold'; font-weight:normal; font-size:18px; color:#fff; text-align:left;}
.pic-detail p{color:#fff; text-align:justify; margin:6px 0 0 0; line-height:18px; }
.pic-block{ float:left; width:100%; margin:0 0 45px 0;}
.service-block{ background:#f0f5f8; padding:85px 0px; float:left; width:100%;}
.service-block ul { width:100%; display:block; text-align:center;}
.service-block ul li  {display:inline-block; width:20.6%; margin-left:2.8%; background:#dee3e7; text-align:center; padding-bottom:32px; }
.service-block ul li:first-child{margin-left:0;}
.service-block ul li span { margin-top:-32px; display:block;}
.service-block ul li h3{font-family: 'latobold'; font-weight:normal; font-size:16px; color:#495e7c; margin:32px 0 14px 0; display:block;}
.service-block ul li p{ color:#636466; display:block; padding:0 41px; min-height:98px; overflow:hidden;}
.service-block ul li a { background:#385072; color:#fff; width:117px; padding:8px 0; display:block; margin:0px auto;}
.service-block ul li a:hover { background:#000; color:#fff; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
.footer-top{background:#373e42; float:left; width:100%; padding:58px 0; font-family:'latoregular'; font-size:13px; text-transform:uppercase; color:#777777;}
.bottom-logo{float:left; width:33%;}
.footer-link{float:left; width:20.6%;   }
.footer-top h4 {font-family: 'latoregular'; font-size:18px; color:#fff; text-transform:uppercase; font-weight:normal; margin:0 0 25px 0; display:block;}
.footer-link ul{float:left; width:100%;}
.footer-link ul li {color:#777777; margin:0 0 22px 0; display:block;}
.footer-link ul li a{color:#777777; }
.footer-link ul li a:hover{color:#e0e0e0; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
.address{width:25%; float:left;}
a.email-link{color:#aab0b9;}
 a.email-link:hover{color:#e0e0e0;}
.address p { line-height:36px;}
.pic-detail a {font-family: 'latobold'; font-size:13px; font-weight:normal; color:#024280;}
.pic-detail a:hover{color:#000; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
.message-box{float:right; font-family: 'latoregular'; font-size:13px; font-weight:normal; text-transform:uppercase; width:20.6%; }
.message-box h4 {font-family: 'latoregular'; font-size:18px; color:#fff;  margin:0 0 25px 0; font-weight:normal;  display:block;}
.message-box .inp {margin-bottom:9px; width:100%; float:left;}
.message-box .inp input{ background:#434a4f; float:left; width:100%; padding:10px 15px; border:0; text-transform:uppercase; font-size:13px; color:#fff;}
.message-box .inp textarea {background:#434a4f; float:left; width:100%; padding:10px 15px; border:0; text-transform:uppercase; font-size:13px; height:72px; color:#fff;}
.message-box .inp a { background:#385072; padding:16px 0; text-align:center; display:block; color:#fff;}
.message-box .inp a:hover{transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; background:#000;}
.footer-bottom{ background:#000000; color:#fff; float:left; width:100%; padding:12px 0;}
.top-social-block{ background:#000; float:left; width:100%;}
/*======== Home page css=========*/

/*======== Services page css=========*/
.mtop2{margin-top:104px;}
.service{float:left; width:100%;}
.services-banner{background:url(../images/services-banner.jpg) no-repeat center center; float:left; width:100%; background-size:cover;}

.text-slide02{width:100%; font-size:30px; text-align:center;  text-transform:uppercase; color:#000; font-family: 'oswaldlight'; height:287px;  }
.text-slide02 p {width:89%; padding:98px 0 0 0;   }

.services-banner .slide-next-prev{margin:15px 0 0;}
.pad01{padding-top:0;}
.golat-services{ background:#fff; padding:58px 0px 0 0; float:left; width:100%;}
.golat-services ul {width:100%; float:left;}
.golat-services ul li{background:#e7eaeb;display:inline-block; min-height:162px; margin-bottom:70px; margin-left:0; margin-right:7%; padding:40px 0 10px 0; text-align:left; width:46.3%; vertical-align:top;}
.golat-services ul li span { margin-top:0px; float:left; margin-left:-9.3%; width:81px;}
.golat-services ul li h3{font-family: 'latobold'; font-weight:normal; font-size:16px; color:#495e7c; margin:0px 0 17px 18px; float:left;}
.golat-services ul li p{ color:#636466; padding: 0 8% 0 3.2%;  overflow:hidden; width:94%;}
.mrnone{ margin-right:0 !important;}
/*======== Services page  css=========*/


/*======== Global reach page css=========*/
.global-reach{float:left; width:100%;}
.global-banner{background:url(../images/global-banner.jpg) no-repeat center center; float:left;width:100%; background-size:cover;  font-weight:normal; text-transform:uppercase;}
.global-banner p {width:100%; font-family: 'latoregular'; font-size:30px; padding-top:35px; text-align:center;  height:287px; position:relative; display:table-cell; vertical-align:middle; color:#fff;}
.global-focus{float:left; width:100%; background:#f0f5f8; padding:35px 0 60px 0;}
.global-focus h1 {color:#385072; font-family: 'latolight'; font-size:30px; font-weight:normal; display:block; text-align:center;}
.global-focus h1 span {font-family: 'latobold';}
.global-focus p { color:#385072; font-family: 'latolight'; font-size:16px; font-weight:normal; display:block; text-align:center; margin:25px 0; line-height:20px; }
.global-focus ul {float:left; width:100%;}
.global-focus li {float:left; width:22.3%; margin:0 0 0 3.6%;}
.global-focus li:first-child {margin-left:0%;}
/*======== Global reach page css=========*/


/*======== Contact us page css=========*/
.contactus{float:left; width:100%;}
.contactus-banner{background:url(../images/contact-banner.jpg) no-repeat center center; float:left; height:287px; width:100%; background-size:cover;  font-weight:normal; text-transform:uppercase;}
.contactus-banner p {width:100%; font-family: 'latoregular'; font-size:60px; padding:100px 0 0 0; text-align:center;   text-shadow: 1px 2px 0 #000000;}
.txt6{color:#0081ff; font-family: 'oswaldbold'; }
.txt7{font-family: 'oswaldregular'; color:#fff;}
.txt8{font-family: 'oswaldlight'; color:#fff;}
.contact-from{ background:#f9f9f9; padding:40px; display:block; margin:45px 0; float:left; width:100%;}
.head-office{ background:#0081ff; padding:32px 40px; float:left; width:35.3%;}
.txt9{font-family: 'latobold'; font-size:36px; font-weight:normal; color:#fff; margin-bottom:30px;}
.txt9 span {font-family: 'latolight'; }
.txt10{font-family: 'latoregular'; font-size:18px; font-weight:normal; color:#fff; line-height:30px;}
.txt10 span{font-family: 'latobold'; font-size:22px; font-weight:normal; color:#fff; display:block;}
.txt10 .fb{font-family: 'latobold'; font-style:normal; color:#fff;}
.form-field{ float:right; width:56%;}
.form-field .inp{float:left; width:100%;}
.form-field .inp input{float:left; width:100%; border:1px solid #d4d4d4; padding:20px; color:#acacad; margin-bottom:10px; font-family: 'latolight'; font-size:18px;}
.form-field .inp textarea{float:left; width:100%; border:1px solid #d4d4d4; padding:20px; color:#acacad; margin-bottom:10px; font-family: 'latolight'; font-size:18px; height:112px;}
.form-field .inp button{ background:#385072; padding:17px 0; color:#fff; font-family: 'latobold'; font-size:22px; font-weight:normal; text-transform:uppercase; text-align:center; border:1px solid #d4d4d4; width:100%; cursor:pointer; margin-top:10px;}
.form-field .inp button:hover{background:#000; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
.map-area{background:#f0f5f8; padding:44px 0; float:left; width:100%;}
.map{border:5px solid #fff; float:left; width:100%;}
.map img { float:left; width:100%;}
/*======== Contact us page css=========*/



/*slider css */
.ps{ position:absolute; top:30px;}	
.p1{position:absolute; z-index:5; left:0; right:0; width:100%; margin:0px auto; top:300px;}
.psvideo{width:68%; margin:0px auto;}
.psvideo img{width:100%;}

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 6;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
 background:url(../images/themes.gif) #000 no-repeat left top;
  margin-top: -45px;
  
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background:url(../images/themes.gif) #000 no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  text-align: center;
  	left: 0;
    margin-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 33%;
    z-index: 999;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }


.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 18px;
  height: 18px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #0081ff;
  }
  
  
  
  
  
  .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;
  }
  
  /*slider css */




/*===== banner css 23 march 2015 ======*/
.new-global-banner{float:left; width:100%;}
.new-global-banner img {float:left; width:100%;}
.new-services-banner{float:left; width:100%;}
.new-services-banner img {float:left; width:100%;}
.new-contact-banner{float:left; width:100%;}
.new-contact-banner img {float:left; width:100%;}
.new-rates-banner{float:left; width:100%;}
.new-rates-banner img {float:left; width:100%;}

.bannertxt{width:100%; font-family: 'latoregular'; text-align:center; top:35%;   color:#fff; position:absolute;  text-transform:uppercase; text-align:left;}
.color1{ color:#fff;}
.color2 p{ color:#000; font-family: "oswaldlight";}
.fontsize{font-size:30px; }
.bannertxt p {width:60%;}


.bannertxt2{width:100%; text-align:center; top:35%;   color:#fff; position:absolute;  text-transform:uppercase;  }
.bannertxt2 p {font-size: 60px; text-shadow: 1px 2px 0 #000000;  text-align: center;}
/*===== banner css 23 march 2015 ======*/

/*=========new css 25 march============*/
.top-fixed{ position:fixed;top:0; z-index:9999; height:104px;}


.banner{ float:left; width:100%; z-index:4; position:relative; margin-top:97px;  }
.banner-pic{position: relative;  background:url(../images/0Company-001.jpg) no-repeat center 97px fixed ; background-size:100% auto;  width:100%; float:left; z-index:4; padding:10% 0 29% 0; background-size:100%;}


/*=========new css22 May============*/

.landing_page ul{ padding:0; margin:0; }
.landing_page ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px; display:table;}
.landing_page ul li.last{ margin:0;}
.landing_page ul li a{ font-size: 24px;font-family: 'oswaldregular';   line-height: 28px;text-transform:uppercase; font-weight:normal; color:#fff;background:url(../images/box_bg02.png) repeat-x left top #02284e; padding:20px 15px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;* transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;display:table-cell; width:100%; vertical-align: middle;  height: 75px;}
.landing_page ul li a:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}