body,html{margin:0;padding:0;font-family:Optima-Medium;font-size:16px;color:#222222; 
    font-weight: normal; line-height: 28px;
    height: 100%;
}




@font-face{font-family:Optima-Medium;src:url(../fonts/Optima-Medium.ttf)}


a,a:hover{text-decoration:none;}
a.btn-add:focus, a.btn-green:focus, .login-button:focus{text-decoration:none; color:#fff;}
h2 {
    font-size: 80px;
    color: #002863;    margin-bottom: 50px;
}
.m-b-60{margin-bottom:60px;}
.pd-l-60{padding-left: 60px;}
ul{padding: 0; margin: 0; list-style-type: none}

.z_index{
    z-index: -1; 
}
h1 {
    font-size: 90px;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.61);
    line-height: 90px;
}
h3 {
    color: #002863;
    font-size: 40px;    margin-top: 40px;
    position: relative;
    margin-bottom: 40px;
}
h4 {
    font-size: 40px;
    margin: 30px 0;
}

.affix {
    position: fixed;
    box-shadow:1px 3px 11px 2px rgba(0, 0, 0, 0.32);
}
header {
    padding: 20px;
    background: #fff;
    z-index: 999;
    width: 100%;
}
.banner {
    background: url(../images/banner.jpg);
    height: 600px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    background-size: cover;
}
nav.navbar {
    margin: 0;
}
.nav > li > a:hover, .nav > li > a:focus {
  background: transparent;
}
.navbar-right li a {
    font-size: 18px;
    text-transform: capitalize;
    color: #222222;margin: 10px 15px;padding:0;
}
.navbar-right li.active a {
    color: #002863;
    font-weight: bold;
    border-bottom: 1px solid #002863;
}
.navbar-right li a:hover{
    color: #002863; background: transparent;
    border-bottom: 1px solid #002863;
}
section.who-we-are {
    padding: 80px 0;
}
.left-style h3::after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #002863;
    margin-top: 8px;
    left: -38%;
    position: absolute;
}
.focus-box .icon-here {    width: 55px;
    margin-right: 40px;
}
.focus-box {
    display: flex;
    align-items: baseline;
    text-align: justify;    margin-top: 30px;
}
.property img {
    width: auto;
    height: auto;
    /*max-height: 71px;*/
    margin-right: 25px;
    float: left;
}
.property {
/*    display: flex;
*/    text-align: justify;
    word-spacing: 9px;
}
.disc-here h4 {
    margin: 0;
    font-size: 25px;
    margin-bottom: 10px;
}
section#what-we-do h4{
	    margin: 0px 0 17px;
}
.right-style h3 {
    text-align: right;
}
.right-style h3::after {
content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #002863;
    margin-top: 8px;
    right: -38%;
    z-index: 999;
    position: absolute;
}
section.what-we-do {
    background: #002863;
    color: #fff;
    padding: 86px 0;
}
section.what-we-do h2 {
    color: #fff;
}
.space-left {
    padding-left: 60px;
    text-align: justify;
}
.space-right {
    padding-right: 60px;
    text-align: justify;
}
section.what-we-do {
    background: #002863;
    color: #fff;
}
section.what-we-do ul {
    margin-top: 25px;    padding-left: 0px;
}
section.what-we-do ul li {
    list-style-type: none;
}
li.client-portel a {
    background: #002863 !important;
    color: #fff !important;
    padding: 15px;
    display: inline-block;
    margin-top: -3px;
    border-bottom: 0 !important;
    margin-bottom: 0;
}
section.careers {
    background: url(../images/contect.jpg);
    color: #fff;
/*    background-attachment: fixed;
*/    background-size: cover;
        padding: 100px 0;
        background-repeat: no-repeat;
}
section.careers h2 {
    color: #fff;
}
section.careers a.btn {
    background: #002863;
    padding: 14px 30px;
    color: #fff;
    margin-top: 50px;    border-radius: 0;
}
section.map {
    padding: 100px 0;
}
.address p {
    margin-bottom: 0;
}
.address p a {
    color: #222222;
}
section.disclimer {
    background: #002863;
    color: #fff;    padding: 100px 0;
}
section.disclimer h4 {
    font-size: 25px;
    margin-bottom: 15px;
}
section.disclimer a {
    color: #fff;
    text-decoration: underline;
}   
section.disclimer h2 {
    color: #fff;
}
footer {
    background: #5e6d84;
    padding: 60px 20px;
    color: #fff;
}

section#disclaimer p {
    color: #f5f5f5;
    text-align: justify;
}
.go_text {
    word-spacing: -5px;
}
.capital_uk {
    word-spacing: 17px;
}
.capital_uk.singapore_ {
    word-spacing: 43px;
}
.capital_uk.us{
    word-spacing: 40px;
}
p.capital_uk.canda_d {
    word-spacing: 16px;
}
p.capital_uk.monac_ {
    word-spacing: 9px;
    margin-bottom: 19px;
}
p.capital_uk {
    word-spacing: 3px;
}
p.capital_uk.visit_ {
    word-spacing: 14px;
}
p.capital_uk_chu.aos-init.aos-animate {
    word-spacing: 15px;
}

/*slider styling start*/


.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  height: 100%;
/*  background: #000;
*/}

.carousel-caption{
   padding-bottom:80px;
   right: 0;
   left: 0;
   top: 9em;
   bottom: unset;

}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
/*
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}*/



/*slider styling end*/
.tab_mobile_map{
    display: none;
  }
  .address.mobile_map_ad h4 {
    font-size: 25px;
    color: #002863;
    margin-bottom: 1px;
}
.mobile_address{
  display: none;
}
.carousel-caption h1 span {
    display: block;
    font-size: 70px;
}
.modal{
  z-index: 999;
}
.modal-dialog{
  z-index: 9999;
}
.modal-dialog.carrier_popup {
    width: 1040px;
    border-radius: 0px;
}
.modal-dialog.carrier_popup .modal-header,.modal-dialog.carrier_popup .modal-footer{
    border:none;
}
.modal-dialog.carrier_popup .modal-content {
    border-radius: 0px;
    padding: 13px 40px 73px;
    overflow: hidden;
}
.popup_desc {
    margin-top: 4px;
    float: left;
    width: 100%;
    /*display: flex;*/
}

.modal-dialog.carrier_popup h3 {
    text-align: center;
    margin: 19px 0 10px;
    font-size: 29pt;
}
.popup_desc b {
    font-weight: 600;
    color: #222222;
}
.popup_desc .righ_desc {
    padding-left: 43px;
    font-size: 16px;
    float: left;
    width: 87%;
        color: #222222;
}

.popup_desc h5 {
    margin: 5px 0;
    font-size: 17px;
    color: #002863;
    width: 13%;
    float: left;

}
.righ_desc.location_email {
    margin-top: 0px;
}
button.close {
    opacity: 1;
    position: absolute;
    right: 21px;
    top: 0;
}
.popup_desc .righ_desc ul li:first-child {
    list-style-type: none;
        margin-left: 0;
}
.popup_desc .righ_desc ul {
    list-style-type: disc;
    font-size: 16px;
    margin-bottom: 12px;
    /* margin-left: 18px; */
}
.popup_desc .righ_desc ul li {
    margin-left: 16px;
}
.hrozontal_row {
    height: 1px;
    float: left;
    width: 100%;
    margin: 50px 0;
    background: #cccccc;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .9;
}
@media (max-width:1300px){ 
  .navbar-right li a{
       margin: 10px 12px; 
  }
  .navbar-right li.client-portel a {
    margin-top: 0;
    margin-bottom: 0px;
    position: relative;
    bottom: 6px;
    margin-right: 0;
  }
  header{
    padding-right: 0px;
  }

}

@media (max-width:1200px){
.mobile_address {
    /* display: none; */
    display: flex;
}	
  .map-bg{
    max-width: 100% 
   }
   header {
    padding-right: 15px;
    padding-left: 15px;
   }
   .navbar-right li a {
      margin: 10px 8px;
   } 
   navbar-right li a {
    font-size: 16px;
   }
}
@media (max-width:1130px){ 
   .navbar-header {
        float: right;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-toggle {
      border: 1px solid #003e86;
    }
    .navbar-toggle .icon-bar {
       background: #001f5c;
    }
  }
@media (max-width:1024px){ 
  .modal-dialog.carrier_popup {
    width: 992px;
}

}
@media (max-width:992px){	
.os-phrases h2 {
    letter-spacing: 0;
}
   .modal-dialog.carrier_popup,.popup_desc h5,.popup_desc .righ_desc {
    width: 100%;
   }
   .popup_desc .righ_desc{
    padding-left: 0px;
   }
   .modal-dialog.carrier_popup .modal-content {
    padding: 13px 13px 31px;
   }
   .hrozontal_row{
     margin: 23px 0;
   }
  .modal-dialog.carrier_popup{
    padding: 0 21px 0 0;
  }

   .before-img img {
     margin: 0 auto;
   }
   h2{
    text-align: center;
   }
   .left-style h3::after,.right-style h3::after { 
    left: 0;
   }
   .space-left,.pd-l-60{
     padding-left: 15px;
    } 
    .space-right{
        padding-right: 15px;
    }
    .right-style h3 {
     text-align: left;
    }   
    .m-b-60 {
      margin-bottom: 0;
    }
    .before-img {
     margin-top: 18px; 
    }
    .property img{
        float: none;
        margin: 10px auto;
    }
    footer{
        padding: 20px 0px;
    }
    footer img{
        margin:0 auto;
        display: block;
    }
    .text-right {
        text-align: center;
        margin-top: 10px;
     }
     .desktop_map{
      display: none;
     }
     .tab_mobile_map{
      display: block;
     }
     .carousel-caption h1{
        padding-right: 31px;
     }
      

}

@media (max-width:767px){
.os-phrases h2 {
    font-size: 27px;    display: inline-block;    padding: 0px 5px;
}
.os-phrases h2 > span {
    margin: 0px;
    display: inline-block;
    height: auto;
}
	.flex-invrse {
    display: flex;
    flex-direction: column-reverse;
}
    .navbar-header {
        position: absolute;
        right: 0;
        z-index: 9999;
    }
    .navbar-toggle {
        border: 1px solid #003e86;
    }
    .navbar-toggle .icon-bar {
        background: #001f5c;
    }
    .navbar-nav {
        margin: 0;
    }
    .Site-logo {
       padding-right: 24px;
       display: block;
    }  
    h1 {
     font-size: 40px;
     line-height: 52px;
    }
    .banner{
        height: 400px;
    }
    h2{
     font-size: 30px;
    }
    h3{
      font-size: 34px;
    }
    section.who-we-are {
    padding: 29px 0;
   }
   h4 {
    font-size: 31px;
   }
   section.careers,section.map,section.disclimer{
    padding: 74px 0;
   } 
   .nav > li {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
    border-radius: 0px;
  }
  .mobile_address{
    display: block; 
  }
}
@media (max-width:480px){
	h3 {
    font-size: 28px;
}
    .navbar-toggle{
        margin-top: 0px;
    }
    header {
      padding: 0px 5px;
    }
    .Site-logo {
        position: relative;
        right: 11px;
        top: 8px;
    }
    .navbar-toggle {
      margin-top: 6px;
     }
     .noanimated {
    -webkit-animation-duration: none;
            animation-duration: none;
    -webkit-animation-fill-mode: none;
            animation-fill-mode: none;
   }
   .focus-box{
    display: block;
   }
   .focus-box .icon-here {
      margin: 0 auto;
      display: block;
      width: 100%;
      text-align: center;
   }
   .disc-here {
     text-align: center;
     margin-top: 15px;
     margin-bottom: 15px;
  }
  @media only screen and (max-width : 767px) {
   .animated { all: unset; }
  }





}