@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Poppins-Medium.woff') format('woff'),
     url('../fonts/Poppins-Medium.ttf')  format('truetype'), 
     url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Kano-regular';
    src: url('../fonts/Kano-regular.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/Kano-regular.otf')  format('opentype'),
    url('../fonts/Kano-regular.woff') format('woff'), 
    url('../fonts/Kano-regular.ttf')  format('truetype'), 
    url('../fonts/Kano-regular.svg#Kano-regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  
  
  body,
  html {
    width: 100%;
    height: 100%;
  }
  
  body {
        font-family: 'Montserrat', sans-serif;
        color: #7f7f7f;
		font-weight: 300;
  }
  
  hr {
      border-width: 2px;
      border-color: #3e5992;
  }
  
  hr.light {
    border-color: #fff;
  }
  
  a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #7f7f7f;
  }
  
  a:hover {
  }
  
  h1.title {
      font-size: 32px;
      font-weight: 600;
      letter-spacing: 1px;
  }
  
  h1, h2 {
      font-size: 22px;
      font-weight: 600;
      letter-spacing: 1px;
  }
  
  h3
  { 
       font-size: 1.2rem;
       font-weight: 600;
  }
  
  h3.small {
      font-size: 14px;
      font-weight: 600;
  }
  h4 {
      font-size: 24px;
      font-weight: 300;
  }
  
  h4.small{
      font-size: 19px;
      font-weight: 400;
  }
  
  p {
      font-size: 17px;
      line-height: 22px;
      font-weight: 300;
  }
  
  p.small, ul.small{
      font-size: 15px;
      font-weight: 300;
  }
  
  p.smaller, ul.smaller {
      font-size: 13px;
      line-height: 16px;
      
  }
  
  ul.dots{
      margin-top: 20px;
      list-style: none;
      padding: 0px;
  }
  .mgt-team p {
    font-weight: 300;
}

.mgt-team h3 {
    font-weight: 500;
}

.subpage figure{overflow:hidden;}
.zoom{
    /*animation: scale 10s linear infinite;*/
  }
    
  @keyframes scale {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }

.min-height {
    flex: 1 0 100%;
}

.misonvisn h4 {
    font-weight: 500;
}




/*.bold-text {
    font-weight: 500;
}*/
.subpage.hero-img figure {
    height: auto;
}
  
  ul.dots li{
    margin-bottom: 20px;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    padding-left: 18px;
  }
  
  ul.dots li::before {
      content: "";
      display: block;
      background: #3e5992;
      width: 7px;
      height: 7px;
      position: absolute;
      top: 4px;
      left: 0;
      transform: rotate(45deg);
  }
  
  .text-black{
      color: #3a3a3a;
  }
  
  .text-blue{
      color: #3e5992;
  }
  
  .bg-blue{
      background: #3e5992;
  }
  
  .bg-grey{
      background: #ddd;
  }
  
  .form-control{
      font-size: 0.85rem;
  }
  
  .paddingZero{
      padding: 0px;
  }
  
  .underline{
      text-decoration: underline;
  }

  .min-height > div {
    height: 100%;
}
.projectSlider .slick-arrow img {
    width: 34px;
}

.youtube-slider .slick-slide img{margin: 0 1px;}
.associates-slider .slick-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
}

.btn-group.dropleft.search-panel.show>button {
    display: none;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
    display: none !important;
}
span.wpcf7-not-valid-tip{font-size: 14px;}
.contactus-form .btn {
    background: #3e5992;
    border-radius: 0;
    color: #fff;
    margin-bottom: 50px;
    margin-top: 10px;
}
.fa-youtube {
    position: relative;
    bottom: -2px;
}

.fa-facebook-f {position: relative;bottom: 1px;}
  
  .bg-blue-img{
      background-image: url("images/bg-blue.jpg");
  /*	background-attachment: fixed;
      -moz-background-attachment: fixed;
  */	background-position: right;
      background-repeat: no-repeat;
      background-size: 60%;
      position: relative;
  }
  
  .vertical-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 80%;
  }
  
  .btn-primary {
      background: #3e5992;
      border: 0px;
      border-radius: 0px;
      padding: 12px 19px;
  }
  .arrow-more{
      float: right;
  }
  
  .preLoader {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #fff;
      z-index: 10;
      display: table;
  }
  
  .preLoaderContent {
      vertical-align: middle;
      text-align: center;
      display: table-cell;
  }
  
  
  .lds-ellipsis {
      display: block;
      position: relative;
      width: 64px;
      height: 64px;
      margin: auto;
  }
  
  .lds-ellipsis div {
      position: absolute;
      top: 27px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #666;
      animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  
  .lds-ellipsis div:nth-child(1) {
      left: 6px;
      animation: lds-ellipsis1 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(2) {
      left: 6px;
      animation: lds-ellipsis2 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(3) {
      left: 26px;
      animation: lds-ellipsis2 0.6s infinite;
  }
  
  .lds-ellipsis div:nth-child(4) {
      left: 45px;
      animation: lds-ellipsis3 0.6s infinite;
  }
  
  @keyframes lds-ellipsis1 {
      0% {
          transform: scale(0);
      }
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes lds-ellipsis3 {
      0% {
          transform: scale(1);
      }
      100% {
          transform: scale(0);
      }
  }
  
  @keyframes lds-ellipsis2 {
      0% {
          transform: translate(0, 0);
      }
      100% {
          transform: translate(19px, 0);
      }
  }
  
  #scroll {
      position: fixed;
      right: 20px;
      bottom: 15px;
      cursor: pointer;
      width: 34px;
      height: 34px;
      display: none;
      z-index: 2;
      background: #3e5992;
      border-radius: 50%;
      padding: 2px;
  }


  .milestone-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    margin: 0px auto;
    background: #7b7c81;
    
}
.milestone li:nth-child(even) .milestone-icon, .milestone li:nth-child(even) .milestone-icon::before{background: #4d6bb3;}

.milestone-icon::before {content: "";width: 75px;height: 75px;position: absolute;background: #7b7c81;border-radius: 50%;z-index: -1;}
.milestone li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #4d6bb3;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: 93px;
    margin: 0px auto;
    transform: rotate(45deg);
}

.milestone li {
    list-style: none;
    width: 200px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}
.milestone li:nth-child(even) {flex-direction: column-reverse;}
.milestone {
    padding: 50px 0;
}
.milestone-details {
    margin-top: 50px;
}

.milestone li:nth-child(even) .milestone-details{ margin-top: 0px;  margin-bottom: 50px;}
.milestone ul {
    padding: 0;
    display: flex;
	justify-content: center;
}


.milestone li::after {
    border-bottom: 1px solid #cecece;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 97px;
}
.milestone-details p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #484747;
    margin-bottom: 0;
}

.milestone-details b {
    display: block;
    font-weight: 600;
}

.milestone-details span {
    font-weight: 700;
    color: #4d6bb3;
    font-size: 16px;
}
  
  
  /*----------------- Header -------------------*/
  
  header {
      position: fixed;
      z-index: 2;
      width: 100%;
  
  
  background: rgba(0,0,0,0.73);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.14) 81%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(81%, rgba(0,0,0,0.14)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.14) 81%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.14) 81%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.14) 81%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.14) 81%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  }
  
  header .navbar-nav {
      font-size: 17px;
      letter-spacing: 1px;
      font-weight: 200;
      text-transform: uppercase;
  }
  
  header .navbar {
      z-index: 1;
      width: 100%;
      padding: 0px;
  }
  
  header .navbar .navbar-collapse {
      float: right;
      margin: 68px auto 0px;
  }
  
  header .navbar .nav-item {
      position: relative;
      margin-left: 38px;
  }
  
  header .navbar-nav .nav-link,
  header .navbar-nav .nav-link:hover, 
  header .navbar-nav .nav-link:focus,
  header .navbar-nav .active > .nav-link {
       color: rgba(255, 255, 255, 1);
  }
  
  header .navbar-dark .navbar-nav .nav-link {
      color: rgba(255, 255, 255, 1);
      padding-right: 0px;
  }
  
  header .navbar .nav-item span{
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
    right: 0;
    height: 1px;
    display: none;
    margin: 0px auto;
    background: #fff;
  }
  
  header .navbar .nav-item:hover span,
  header .navbar .nav-item.active span {
      display: block;
  }
  
  .search-panel{
      margin-top: 15px;
  }
  
  .search-panel .btn {
      background: none;
      padding: 0px 1px 0 0px;
  }
  
  .search-panel .btn:focus, .search-panel .btn.focus {
      box-shadow: none;
  }
  
  .search-panel .dropdown-menu {
      background: transparent;
      padding: 0;
      border: 1px solid transparent;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      right: 0px;
      width: 220px;
  }
  
  .search-panel .form-control,
  .search-panel .form-control:focus,
  .search-panel .form-control::placeholder {
      background: transparent;
      border: 0;
      color: #fff;
      box-shadow: none;
  }
  
  .search-panel a {
      color: #fff;
      display: block;
      padding: 6px 10px 2px 12px;
      margin-right: 1px;
      font-size: 20px;
  }
  
  header{
    animation: smoothScroll2 0.5s forwards;
  }
  
  header.fixed-top{
    animation: smoothScroll 0.5s forwards;
    background: rgba(62, 89, 146, 0.75);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  }
  
  
  header.fixed-top .logo img.logo-c {
      height: 60px;
      margin: 10px 14px;
      display: block;
  }
  
  
  header.fixed-top .logo img.logo-w{
      display: none;
  }
  
  header.fixed-top .navbar-collapse {
      margin-top: 0px;
  }
  
  header.fixed-top .navbar-nav {
      margin-top: 19px;
  }
  
  header.fixed-top .search-panel{
      display: none;
  }
  
  header.fixed-top .navbar-dark .navbar-nav .nav-link {
      color: #fff;
  }
  
  header.fixed-top .navbar .nav-item span{
      background: #3e5992;
  }
  
  
  @keyframes smoothScroll {
      0% {
          transform: translateX(1200px);
      }
      100% {
          transform: translateX(0px);
      }
  }
  
  @keyframes smoothScroll2 {
      0% {
          transform: translateY(-40px);
      }
      100% {
          transform: translateY(0px);
      }
  }
  
  
  
  .divcenter{
      width: 1200px;
      margin: 0 auto;
  }
  
  .sliderMargin {
      margin-top: 130px;
  }
  
  
  
  .logo img.logo-w {
      margin: 45px 0 0px;
      display: block;
  }
  
  .logo img.logo-c {
      display: none;
  }
  
  
  
  
  .bannerSlider .slider {
      width: 100%;
      margin: 0px auto;
  }
  
  .bannerSlider{
      position: relative;
      background: #3e5992;
  }
  
  
      
  .bannerSlider aside{
      width: 100%;
      z-index: 2;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      padding-bottom: 40px;
  }
  
  .bannerSlider aside h2 {
      color: #fff;
      font-size: 3.7rem;
      font-weight: 300;
      display: inline-block;
      padding-left:0;
  }
  
  .bannerSlider aside h3 {
       font-size: 40px;
       color: #fff;
       font-weight: 600;
       margin: 0px;
       padding-left:44px;
  }
  
  
  .banner-text{
      max-height: 250px;
      overflow-y: scroll;
  }
/*  .banner-text::-webkit-scrollbar {*/
/*    display: none;*/
/*    }*/
/*      .banner-text {*/
/*  -ms-overflow-style: none; */
/*  scrollbar-width: none; */
/*}*/
  .bannerSlider aside h3 small {
      display: block;
      font-weight: 100;
  }
  
  .bannerSlider aside p {
      color: #fff;
      font-size: 24px;
      font-weight: 300;
      line-height: 34px;
      padding-left: 44px;
  }
  
  .bannerSlider aside .btn {
      background: transparent;
      border-radius: 0px;
      border: 1px solid #fff;
      color: #fff;
      font-size: 0.8rem;
      padding: 10px 20px;
  }
  
  .bannerSlider aside .btn:hover{
      background: #fff;
      color: #333;
  }
  
  
  .bannerSlider figure{
      z-index: 1;
      margin: 0px;
      position: relative;
      height: 100vh;
  }
  
  
  
  .bannerSlider figure img{
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      opacity: 1;
  }
  
  
  
  
  .bannerSlider .slick-slide {
      margin: 0px 0px -7px 0px;
      padding: 0;
      position: relative;
  }
  
  
  .bannerSlider .slick-next {
      position: absolute;
      right: 4.1%;
      z-index: 1;
      width: 46px;
      height: 30px;
      display: block;
      top: auto;
      bottom: 110px;
  }
  
  .bannerSlider .slick-prev {
      position: absolute;
      right: 8.5%;
      left: auto;
      width: 30px;
      height: 30px;
      display: block;
      top: auto;
      z-index: 1;
      bottom: 110px;
  }
  
  .bannerSlider .slick-prev::before,
  .bannerSlider .slick-next::before {
      content: '';
      width: 30px;
      height: 30px;
      display: block;
      background-size: contain;
      opacity: 1;
  }
  
  .bannerSlider .slick-prev::before{
      background-image: url('images/left-arrow-white.png');
  }
  
  .bannerSlider .slick-next::before{
      background-image: url('images/right-arrow-white.png');
  }
  
  
  .subpage{
      background: #000;
      position: relative;
  }
  .subpage::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      /* background: rgba(0, 0, 0, 0.38); */
  }
  
  .subpage aside {
      width: 100%;
      z-index: 2;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-40%);
      padding-top: 0;
  }
  
  .subpage h3 {
      font-size: 48px;
      letter-spacing: 2px;
      position: relative;
      text-indent: 20px;
      display: inline-block;
      padding: 9px 0;
      margin: 0px;
	  font-weight: 500;
  }
  
  .subpage h3::before {
      content: '';
      display: block;
      width: 3px;
      height: 100%;
      background: white;
      position: absolute;
      top: 0px;
  }
  
  .subpage p {
      font-size: 17px;
      font-weight: 300;
      line-height: 22px;
  }
  
  .subpage figure{
      height: 500px;
      margin: 0px;
  }
  
  .subpage figure img{
      opacity: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .subpage.hero-img figure img{
      height: 100vh;
  }
  
  
  /*-------------------------------*/
  
  .aboutSection{
      background: url("images/bg_about.jpg") right top no-repeat;
      background-size: cover;
      position: relative;
      padding-left: 106px;
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
/*  .aboutSection p.small, .aboutSection p {
    
      font-weight: 400;
  }*/
  
  .projectSlider li {
      margin: 0px;
  }
  
  .projectSlider .slick-slide {
      margin: 50px 0;
      position: relative;
      z-index: 1
  }
  
  .slick-slide.slick-current.slick-active.slick-center{
      z-index: 4
  }
  
  .projectSlider .slick-slide aside{
      display: none;
      text-align: left;
  }
  
  
  
  .projectSlider .slick-slide figure{
      background: #000;
      position: relative;
      margin: 0 5px;
  }
  
  .projectSlider .slick-slide figure img{
      width: 100%;
      opacity: 0.6;
      z-index: 1;
  }

  .projectSlider .slick-slide figure::before {
    content: "";
    background: #999;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: 9;
}
  
  .projectSlider .slick-slide.slick-current.slick-center figure {
      
  transform: scale(1.30);
      
  z-index: 4;
      
  -webkit-transition: all .5s;
      
  -moz-transition: all .5s;
      
  -o-transition: all .5s;
      
  transition: all .5s;
      
  margin: 0;
  }
  
  .projectSlider .slick-slide.slick-current.slick-center figure img{
      opacity: 1;
      width: 100%;
  }
  .projectSlider .slick-slide.slick-current.slick-center figure::before{opacity: 0;}
  
  .projectSlider .slick-slide.slick-current.slick-center:hover figure img{
      opacity: 0.9;
  }
  
  
  .projectSlider .slick-slide.slick-current.slick-center aside {
      padding: 20px;
      position: absolute;
      z-index: 5;
      height: 50px;
      color: #fff;
      left: 0;
      background: rgba(0,0,0,0.5);
      right: 0;
      bottom: -12px;
      width: 100%;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      display: flex;
      align-items: center;
      transform: scale(1.30);
  }
  .projectSlider .slick-slide.slick-current.slick-center:hover aside {
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      height: 97%;
      bottom: 7px;
  }
  .projectSlider .slick-slide.slick-current.slick-center aside h3 {
      font-size: 1.2rem;
      margin: 0px;
      text-shadow: 0px -1px 5px rgba(0,0,0,0.8);
      font-weight: 200;
      text-align: center;
      width: 100%;
  }
  
  .projectSlider .btnPrev {
      position: absolute;
      left: 120px;
      top: 42%;
      z-index: 2;
      color: #fff;
  }
  
  
  .projectSlider .btnNext {
      position: absolute;
      right: 120px;
      top: 42%;
      z-index: 2;
      color: #fff;
  }
  
  .projectSlider .btnPrev i::before,
  .projectSlider .btnNext i::before{
      font-size: 22px;
  }
  
  
  
  
  .ratings h4 {
      color: #3e5992;
      display: inline-block;
      font-size: 2.5rem;
      text-align: center;
      padding: 0px 40px;
      font-weight: 800;
      margin: 10px auto;
  }
  .ratings h4.mid {
      border-left: 1px solid #959595;
      border-right: 1px solid #959595;
  }
  
  .ratings h4 small {
      display: block;
      font-weight: 400;
      font-size: 0.85rem;
  }
  
  .pic-link{
      position: relative;
      display: block;
      margin-bottom: 30px;
      text-transform: uppercase;
      -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
  }
  
  .pic-link aside{
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      background: rgba(0,0,0,0.5);
      text-align: center;
      color: #fff;
      height: 60px;
  }
  
  .pic-link aside h3 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      font-weight: 200;
      font-size: 1.1rem;
  }
  
  .pic-link:hover aside{
      height: 100%;
  }
  
  
  .mgt-team {
      margin-top: -170px;
  }
  
  .v-line {
      height: 100%;
      width: 1px;
      display: block;
      background: #3e5992;
      position: absolute;
      left: -3rem;
      top: 0;
  }
  
  
  
  .companies-slider .slick-slide,
  .associates-slider .slick-slide {
      padding: 4px 15px;
      border-left: 1px solid #cecece;
  }
  
  .companies-slider .slick-slide.slick-current,
  .associates-slider .slick-slide.slick-current{
      border-left: 1px solid #fff;
  }
  
  
  
  .companies-slider .slick-prev,
  .companies-slider .slick-next,
  .associates-slider .slick-prev,
  .associates-slider .slick-next,
  .youtube-slider .slick-prev,
  .youtube-slider .slick-next{
      width: 29px;
      height: 30px;
      z-index: 2;
  }
  
  .companies-slider .slick-prev::before,
  .companies-slider .slick-next::before,
  .associates-slider .slick-prev::before,
  .associates-slider .slick-next::before,
  .youtube-slider .slick-prev::before,
  .youtube-slider .slick-next::before {
      content: '';
      width: 30px;
      height: 30px;
      display: block;
      background-size: contain;
      opacity: 1;
  }
  
  .companies-slider .slick-prev::before,
  .associates-slider .slick-prev::before{
      background-image: url('images/left-arrow-grey.png');
  }
  
  .companies-slider .slick-next::before,
  .associates-slider .slick-next::before{
      background-image: url('images/right-arrow-grey.png');
  }
  
  .youtube-slider .slick-prev {
      right: 12px;
      top: 54%;
      left: auto;
  }
  
  .youtube-slider .slick-next {
      top: 54%;
  }
  
  
  .youtube-slider .slick-prev::before{
      background-image: url('images/left-arrow-blue.png');
  }
  .youtube-slider .slick-next::before{
      background-image: url('images/right-arrow-blue.png');
  }
  
  a.tree-links {
      position: relative;
      display: block;
      color: #3e5992;
      margin-top: 40px;
      font-weight: 300;
  }
  
  a.tree-links::before {
      content: "";
      display: block;
      background: #3e5992;
      width: 7px;
      height: 7px;
      position: absolute;
      top: -20px;
      left: 48%;
      transform: rotate(45deg);
  }
  .projectSlider {
    min-height: 280px;
}
  .clients img {
    width: 150px;
    max-height: 80px;
    object-fit: contain;}
  .clients a {
    
    text-decoration: none;
}
  
  .gallerySlider .slick-prev {
      left: 15px;
      z-index: 1;
      width: 30px;
      height: 30px;
  }
  
  .gallerySlider .slick-next {
      right: 15px;
      z-index: 1;
      width: 30px;
      height: 30px;
  }
  
  .gallerySlider .slick-prev::before,
  .gallerySlider .slick-next::before {
      content: '';
      width: 30px;
      height: 30px;
      display: block;
      background-size: contain;
      opacity: 1;
  }
  
  .gallerySlider .slick-prev::before{
      background-image: url('images/left-arrow-white.png');
  }
  
  .gallerySlider .slick-next::before{
      background-image: url('images/right-arrow-white.png');
  }
  
  h3.date {
      font-size: 37px;
      margin-top: 10px;
  }
  
  h3.date small {
      display: inline-block;
      color: black;
      font-size: 11px;
      margin-left: 8px;
  }
  
  
  .c-care p{
      font-size: 16px;
      margin-bottom: 0px;
  }
  
  .c-care h3{
      font-size: 18px;
      margin-top: 15px;
  }
  
  .service_top_logos {
		height: 100px;
		margin: 40px 0;
		max-width: 100%;
	}

  .service_top_logos_height {
    height: 50px;
    margin: 40px 0;
    max-width: 100%;
}
  
  
  footer {
    letter-spacing: 1px;
    background: #3e5992;
    padding: 50px 0;
	}
	
	.footer-menu {
		position: absolute;
		bottom: 0;
	}

  .footer-menu ul {
      padding: 0;
  }
  
  .footer-menu ul li {
      list-style: none;
  }
  
  .footer-menu ul li a {
      font-size: 12px;
  }
  
  
  footer hr{
      width: 100%;
      max-width: unset;
      border-width: 1px;
      border-color: #fff;
      margin: 5px auto 0px;
  }
  
  footer p.small, footer a {
      color: #fff;
      font-size: 12px;
      font-weight: 200;
  }
  
  footer a:hover{
      color: #fff;
  }
  
  
  footer .menu a {
      font-size: 14px;
      margin-top: 8px;
      display: inline-block;
      text-transform: uppercase;
	  padding: 0;
  }
  
/*  footer .media{
      margin-bottom: 80px;
      -ms-flex-align: start;
      align-items: baseline;
  }
*/  
  footer .media a {
      margin-right: 8px;
      color: #fff;
      font-weight: 200;
  }
  
  footer .media a:hover {
      opacity:0.8;
      text-decoration: none;
  }
  
  footer .media a i {
      font-size: 22px;
  }
  
  footer .media a i.fa-instagram {
      font-size: 25px;
  }
  
  
  
  .shadow{
      -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      background: #fff;
      padding: 0px;
  }

.gallery-slider{
	position: relative;
}

.gallery-slider div{
	padding: 0 2px;
}

.gallery-slider .btnPrev {
    position: absolute;
    top: -70px;
    right: 90px;
}

.gallery-slider .btnPrev.slick-arrow::after {
    content: "PREVIOUS";
    margin: 6px 0 0 8px;
    display: inline-block;
    vertical-align: top;
    color: #343a40;
}

.gallery-slider .btnNext{
	position:absolute;
	top: -70px;
	right: 0px;
}

.gallery-slider .btnNext.slick-arrow::before {
    content: "NEXT";
    margin: 6px 8px 0 0;
    display: inline-block;
    vertical-align: top;
    color: #343a40;
}

.gallery-slider .btnPrev i::before,
.gallery-slider .btnNext i::before {
    color: #343a40;
}

.gallery-slider a{
	position: relative;
	display: block;
}

.gallery-slider a span {
    position: absolute;
    background: rgba(0,0,0,0.5);
    height: 0px;
    width: 100%;
    color: #fff;
    font-size: 30px;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.gallery-slider a:hover span {
    height: 100%;
    opacity: 1;
}

.gallery-slider a span i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

  
  /*---------------- Bigger Screens ----------------*/
  
@media screen and (min-width: 1500px) {
    
	.aboutSection {
        background: url("images/bg_about.jpg") center -30px no-repeat;
        background-size: cover;
        position: relative;
        padding-left: 106px;
        padding-top: 82px;
        padding-bottom: 82px;
        padding-right: 120px;
    }
	footer p.small, 
	footer a {
		font-size: 16px;
		line-height: 25px;
	}  
	
	.footer-menu ul li a {
		font-size: 18px;
		margin-top: 12px;
	}
	
	.text-width {
		width: 75%;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-left: 100px !important;
	}
	
	.text-width p, p, body, ul.dots li {
		font-size: 19px;
		line-height: 24px;
		font-weight: 300;
	}
	
	.text-width-75{
		width: 75%;
	}
	
	.arrow-more {
		margin-right: 30px;
	}
	
	.banner-text {
		max-height: 400px;
	}
	
	.padding-x{
		padding-right: 3rem;
	}
	
	.community-care h1 {
		font-weight: 400;
		font-size: 40px;
	}
	
	ul.dots li{
    	margin-bottom: 30px;
	}
	
	.misonvisn ul.dots {
		margin-bottom: 50px;
	}
	
	.misonvisn ul.dots:last-child,
	.misonvisn ul.dots:last-child li:last-child {
		margin-bottom: 0;
	}
	
	.service_titles a {
		margin: 0 15px;
		font-size: 19px;
	}
	
	.banner-text p {
		font-size: 1.8rem;
		line-height: 2.3rem;
		font-weight: 200;
	}
	
	

}

@media screen and (min-width: 1700px) {
	
	.banner-text {
		max-height: 286px;
	}
	
}
  
.copyright {
	position: absolute;
	bottom: 0;
}  

.font-300, .font-300 p, .font-300 li {
	font-weight: 300;
}

.font-400, .font-400 p, .font-400 li {
	font-weight: 400;
}

.service_titles a {
    margin: 0 12px;
}

.service_titles a:first-child {
    margin-left: 0;
}


.service_titles a strong {
    font-weight: 600;
}

/*------------- key feature page ---------------*/

 

.key-feature aside {

    top: auto;

    bottom: 20px;

    left: 0px;

    transform: unset;

}

 

.key-feature h3 {
    font-size: 75px;
    text-indent: 0px;
    font-weight: 300;
    margin-bottom: 40px;
}
 

.key-feature h3::before {

                display: none;

}

.key-feature-box {
    position: relative;
    padding: 4px;
    border: 1px solid #bebebe;
    min-width: 100%;

}


.key-feature-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
	text-transform: uppercase;
}

.key-feature-box h5{
	font-size: 14px;
}

.btn-primary.btn-sm {
    padding: 7px 14px;
} 

.key-feature-box p{
		font-size: 16px;
        text-align: left;
}

.key-feature-box img {
    min-height: 275px;
    object-fit: cover;
}

.key-feature figure img {
    opacity: 0.7;
}

.key-feature-box figure {
    height: 350px;
    overflow: hidden;
}
.btn-primary:hover {
    background-color: #526DA6;
    border-color: #3e5992;
}

/*------------------------*/
  
  
  footer .media a, .projectSlider .slick-slide aside, .pic-link aside{
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s
  }
.sharePost {
    margin: 1.5rem 0;
    padding-left: 10px;
}

.sharePost li {
    display: inline-block;
    margin-right: .5rem;
}

.sharePost .fa-twitter {
    color: #32ccfe;
}

.sharePost .fa-linkedin-in {
    color: #0e76a8;
}

.sharePost .fa-facebook-f {
    color: #3b5998;
}
  
  
  
  @media only screen and (max-width:1200px) {
    .subpage aside{top: 50%;}
    .subpage.hero-img figure img {
        height: 500px;
    }
    .subpage{height: 500px;}
    .mgt-team {
        margin-top: -110px;
    }
    .subpage h3 {
        font-size: 28px;
        margin: 0px;
    }
    header .navbar-nav {
        font-size: 15px;}

    header .navbar .nav-item{    margin-left: 20px;}
    .milestone {
        padding: 50px 0 0;
    }
    .milestone li{margin-bottom: 50px; width: 25%;}
    .milestone ul {
        flex-wrap: wrap;
    }

      .bannerSlider figure{height: 500px;}
      
      .logo img {
          margin: 15px;
          height: 65px;
      }
      
      .bannerSlider aside{
          width: 95%;
      }
      
      .ratings h4 {
          padding: 0 32px;
      }
  }
  
  @media only screen and (max-width:991px) {
    projectSlider .slick-slide.slick-current.slick-center aside h3 {
        font-size: 14px;}
    .subpage aside {
        top: 160px;}
    .mgt-team {
        margin-top: -120px;
    }
      footer .media {
          margin-bottom: 16px;}
      footer .pl-5, footer .pl-md-5, footer .px-md-5 {
          padding-left: 0px !important;
      }
	  
	  .footer-menu, .copyright {
		position: relative;
	}
  
      footer .bg-blue{padding: 0px 15px 15px;}
      .bannerSlider .slick-next{right: 0px;}
      .nav-link {
          padding: 5px 0;
          font-size: 14px;
      }
      header .navbar-nav{padding: 15px 0;}
      header .navbar .navbar-collapse{margin: 0px;}
      .search-panel {
          margin-top: 0;
          position: fixed;
          top: 28px;
          right: 126px;
      }
      .navbar-toggler{margin: 20px 0 0;}
      .bannerSlider figure{height: 450px;}
      .logo img.logo-w {
          margin: 10px 0;}
      
      header{
          position: relative;
          background: #333;
          overflow: hidden;
      }
      
      header .navbar .navbar-collapse {
          float: none;
      }
      
      
      .projectSlider .btnPrev {
          left: 0px;
      }
      
      
      .projectSlider .btnNext {
          right: 0px;
      }
	  
	  .subpage, .subpage figure {
			height: 200px;
		}
		
	   .subpage.hero-img, .subpage.hero-img figure {
			height: 500px;
		}
		
		
		
		.subpage aside {
			top: 90px;
		}
		
		.subpage.hero-img aside {
			top: 160px;
		}
      
      
      
  }
  
  @media only screen and (max-width:767px) {
    .min-height > div {
        min-height: inherit;
    }
      .search-panel {
          top: 21px;
          right: 86px;
      }
      .navbar-toggler {
          margin: 15px 0;
      }
      .logo img.logo-w {
          margin: 9px 0;
          height: 55px;
      }
      .bannerSlider figure img{height: 100%; object-fit: cover;}
      
      .navbar-dark .navbar-toggler {
          border-color: rgba(255, 255, 255, 0.5);
      }
      
      
      h2 {
          margin: 1.2rem auto;
          font-size: 1.4rem;
      }
      
      
      
      header .navbar .navbar-collapse {
          float: none;
          margin: 10px 0 0 0;
      }
      
      .logo {
          position: absolute;
      }
	  
	.key-feature-box h5 {
		margin-top: 15px;
	}   
	
	.key-feature-box h4 {
		font-size: 15px;
	}  
	
	.key-feature-box p {
		font-size: 14px;
	}
	
	.key-feature-box .btn-primary.btn-sm {
		margin-bottom: 15px
	}
	
	footer hr {
		margin: 10px 0;
	}
      
      
      header.fixed-top .logo img {
          height: 50px;
      }
      
      header.fixed-top .nav-link {
          padding: 0.5rem 1rem;
      }
      
      header.fixed-top .navbar-nav {
          margin-top: 0px;
      }
      
      .aboutSection {
          padding: 30px 0px;
      }
      
      .arrow-more {
          margin-bottom: 15px;
      }
      
      
      .youtube-slider .slick-prev {
          right: 50px;
      }
      
      .youtube-slider .slick-next {
          right: 15px;
      }
      
      footer .media {
          margin-bottom: 20px;
      }
	  
	  .service_top_logos {
		height: auto;
		margin: 20px 0;
		max-width: 100%;
	}
  
      
  }
  
  @media only screen and (max-width:640px) {
      
      
      
      
  }
  
  
  
  
  @media only screen and (max-width:576px) {
    .subpage h3 {
        font-size: 22px;}
    .projectSlider .slick-slide.slick-current.slick-center aside h3 {
        font-size: 14px;}
    .milestone li:last-child::after, .milestone li:last-child::before{display: none;}
    .milestone li::before {

        top: inherit;
        bottom: -30px;

    }
    .milestone li:nth-child(even) .milestone-details {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .milestone-details {
        margin-top: 10px;
    }
    .milestone li::after {
        border-bottom: 0;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: inherit;
        bottom: -45px;
        height: 40px;
        width: 1px;
        margin: 0px auto;
        background: #cecece;
    }

    .milestone li {
        margin-bottom: 50px;
        width: 100%;
        display: block;
    }


      footer .pl-5{padding-left: 0px !important;}
      .bannerSlider figure {
          height: 200px;
      }
      
      
      p {
          font-size: 15px;
          font-weight: 300;
      }
      
      .ratings h4{
          font-size: 2rem;
      }
      
      header .navbar-nav {
          font-size: 14px;
      }
      
      .bannerSlider aside h3,
      .bannerSlider aside p {
          
          font-size: 1rem;
          line-height: 19px;
          padding-left: 0;
      }
      
      aside.subpage h3{
          font-size: 1.5rem;
      }
      
      .bannerSlider aside.subpage p {
          font-size: 1rem;
          font-weight: 300;
          line-height: 23px;
          height: 45px;
          overflow: hidden;
      }
      
      .bannerSlider aside h2{
          font-size: 1.5rem;
      }
      
      .bannerSlider aside .btn{
          padding: 5px 10px;
      }
      
      .ratings h4.mid {
          border-left: 0px;
          border-right: 0px;
          border-top: 1px solid #bbb;
          border-bottom: 1px solid #bbb;
      }
      .ratings h4 {
          padding: 10px 0px;
          width: 100%;
          margin: 10px auto;
      }
      
      
      
      
  }
  
  @media only screen and (max-width:420px) {
      
  
      .bannerSlider figure img {
          height: 200px;
          max-width: unset;
      }
      
  }

.btm_section h3.small{
  max-height: 32px;
  min-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.btm_section .updates_details p{
    min-height: 52px;
}

.updates_details {
    min-height: 68px;
}

.object_position {
	 object-position:top right;
}
.fullwidthimgwrap img{
	width:100%;
}
  
.notfoundpage h1{
font-size:45px;
}