/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
  top: 0px !important;
}
.header-bg-color, .header-bg-image{
   background-color:#fff;
}
.nav-uppercase>li>a{
    letter-spacing:0px;
}
#masthead .hide-for-medium.flex-right{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#masthead .hide-for-medium.flex-right .nav-right{
  width: auto;
  border-top: solid 1px #ddd;
}
.nn1{
  padding: 4px 0 9px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.skiptranslate,.goog-te-menu-frame{
  display: none;
}
ul.mxh{
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  align-items: center;
}
ul.mxh li{
  list-style: none;
  margin: 0px 4px;
}
.language{
  display: flex;
  flex-wrap: wrap;
}
.language img{
  width: 25px;
  margin: 0px 4px;
  cursor: pointer;
}
.wapper{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 15px;
}
#p-slide-home{position: relative;margin-bottom: 30px;}
#p-slide-home .slick-dots{position: absolute;left:50%;bottom:10px;transform:translateX(-50%);}
#p-slide-home .item .img a{position: relative;padding-bottom: 45%;overflow: hidden;display: block;background-position: 100% 100%;background-repeat: no-repeat;background-size: cover;}
#p-slide-home .item .img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;display: none;}
#p-slide-home .item{position: relative;}
#p-slide-home .caption{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#p-slide-home .caption .captionCt{color: #fff;text-align: center;}
#p-slide-home .caption .t1{font-size: 60px;line-height: 60px;font-weight: 600;margin-bottom: 27px;text-transform: uppercase;transform: translateY(100px);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
#p-slide-home .slick-current .caption .t1{transform: inherit;opacity: 1;visibility: inherit;}
#p-slide-home .caption .t2{font-size: 30px;line-height: 30px;font-weight: 400;letter-spacing: 3px;margin-bottom: 25px;transform: translateY(100px);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;transition-delay: 0.2s;}
#p-slide-home .slick-current .caption .t2{transform: inherit;opacity: 1;visibility: inherit;}
#p-slide-home .slick-arrow{transition: all 0.3s linear;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;font-size: 0px;width: 24px;height: 44px;}
#p-slide-home .slick-next{left:30px;background: url(images/right.png) no-repeat;}
#p-slide-home .slick-prev{right: 30px;background: url(images/left.png) no-repeat;}
#p-slide-home .slick-next:hover{transform: translate(-10px,-50%);}
#p-slide-home .slick-prev:hover{transform: translate(10px,-50%);}

.linh-vuc .title-header {
  padding-top: 36px;
  padding-bottom: 23px;
  font-size: 20px;
  background: #0058bc;
  background: -webkit-gradient(linear, left top, left bottom, from(#0058bc), to(#034ea1));
  background: linear-gradient(180deg, #0058bc 0%, #034ea1 100%);
  display: inline-block !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 20px;
}

.linh-vuc__wrap {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.linh-vuc__wrap a {
text-align: center;
}

@media (max-width: 991px) {
.linh-vuc__wrap {
  margin: 0;
  padding: 15px;
}
}

.linh-vuc__card {padding: 42px 15px;cursor: pointer;font-size: 15px;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}

.linh-vuc__card:hover {
-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.34);
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.34);
background: #fff;
}

.linh-vuc__card:hover .linh-vuc__card-title {
color: #212121;
}

.linh-vuc__card-img {
padding-bottom: 10px;
max-width: 60px;
}

.linh-vuc__card-title {
font-weight: 900;
text-align: center;
padding: 10px 0;
text-transform: uppercase;
color: #818181;
display: block;
}
a{
  display: block;
}
h2.title{
  color: #134a8d;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  padding-top: 36px;
  padding-bottom: 23px;
  background: #0058bc;
  background: -webkit-gradient(linear, left top, left bottom, from(#0058bc), to(#034ea1));
  background: linear-gradient(180deg, #0058bc 0%, #034ea1 100%);
  display: inline-block !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 20px;
  width: auto;
}
@media (min-width: 1024px) {
.du-an__wrap{
  margin-left: -15px;
  margin-right: -15px;
}
.tin-tuc .row{
margin-left: -15px;
margin-right: -15px;
}
.triet-ly .row{
margin-left: -9.8px;
margin-right: -9.8px;
}
}
.du-an__img-item {
  padding: 15px;
  padding-top: 10px;
}

.du-an__img-item .thumb_5x3 {
  padding-bottom: 62%;
}

.du-an__img-item .title__underline {
  height: 30px;
  opacity: 1;
  z-index: 3;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  bottom: 23px;
  height: 36px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  white-space: nowrap;
}

.du-an__img-item .title__underline::after {
  bottom: -1px;
}

@media (max-width: 991px) {
  .du-an__img-item .title__underline {
    font-size: 14px;
  }
 
}

.du-an__img-item:hover .title__underline {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.thumb_big {
  width: 100%;
  margin-bottom: 5px;
}

.thumb_art {
  position: relative;
  margin-right: 10px;
  float: left;
  width: 42%;
}

.thumb, .thumb_img {
  display: block;
  overflow: hidden;
  height: 1px;
  position: relative;
  width: 100%;
  background: #f4f4f400;
}

.thumb_5x3 {
  padding-bottom: 60%;
}

.thumb_art img {
  width: 100%;
}

.thumb img, .thumb_img img {
  width: 100%;
  float: left;
}
img.img_lv {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.overlay-img-hover.thumb:hover img.img_lv {
    -webkit-transform: translate(-50%,-50%) scale(1.1);
          transform: translate(-50%,-50%) scale(1.1);
}
.overlay-img-hover.thumb img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.overlay-img-hover.thumb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.overlay-img-hover {
  position: relative;
}

.overlay-img-hover::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(20, 20, 20, 0.341);
  z-index: 2;
}

.overlay-img-hover:hover::before {
  display: none;
}

.overlay-img-hover::before:hover {
  display: none;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.no-decoration {
  text-decoration: none;
}

.no-decoration:hover {
  text-decoration: none;
}

.title-header {
  color: #134a8d;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
}
.title__underline {
  position: absolute;
  bottom: 30px;
  z-index: 3;
  color: white;
  width: 80%;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  -webkit-transform: translate(10%, 0px);
  transform: translate(10%, 0px);
  height: 36px;
}  
.title__underline .img-title {
  display: inline-block;
  position: relative;
  bottom: -2px;
  padding-bottom: 5px;
  max-width: 80%;
  overflow: hidden;
  line-height: 30px;
  text-overflow: ellipsis;
}
.title__underline .img-title:after {
  content: " ";
  height: 4px;
  width: 100%;
  background-color: #1c4d87;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .du-an__wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
}
.text-info{
  padding: 30px 45px;
  font-size: 15px;
  text-align: justify;
  color: #000;
}
.text-info h3{
  font-size: 20px;
  font-weight: 600;
  color:#1c4d87;
  width: auto;
}
.text-info1{
  display: flex;
  flex-wrap: wrap;
  /* align-items: flex-end; */
  flex-direction: column;
  width: 100%;
}
.triet-ly{
  margin-bottom: 30px;
}
.triet-ly .video-button-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.khau-hieu {
  position: relative;
  overflow: hidden;
}
.khau-hieu{
background: url(./images/khau-hieu-bg.jpg);
}

.khau-hieu__content {color: #fff;padding-top: 0px;font-size: 20px;text-align: justify;/* margin-bottom: 0px; */}
.khau-hieu__content1{/* font-size: 30px; */}
.khau-hieu__director {padding-top: 0px;}

.khau-hieu__name {color: #fff;font-size: 20px;font-family: 'Roboto';font-weight: 900;}

.khau-hieu__bank-director {color: #fff;font-size: 16px;font-family: 'Roboto';}
.khau_hieu_slider_item{max-width: 797px;margin: 0px auto;position: relative;padding: 50px 15px 50px;}
.khau_hieu_slider_item::before{
content: '';
background: url(./images/mock.png) no-repeat;
width: 160px;
height: 127px;
opacity: 0.5;
position: absolute;
top: 24%;
left: -3%;
z-index: 0;
}
.khau_hieu_slider .slick-arrow{transition: all 0.3s linear;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;font-size: 0px;width: 24px;height: 44px;}
.khau_hieu_slider .slick-next{left:30px;background: url(images/right.png) no-repeat;}
.khau_hieu_slider .slick-prev{right: 30px;background: url(images/left.png) no-repeat;}
.tin-tuc{
margin: 30px 0px;
}
.tin-tuc .title-header {
background: #0058bc;
background: -webkit-gradient(linear, left top, left bottom, from(#0058bc), to(#034ea1));
background: linear-gradient(180deg, #0058bc 0%, #034ea1 100%);
display: inline-block !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-left: 15px;
padding-right: 15px;
color: #fff;
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
margin-top: 60px;
margin-bottom: 20px;
}

.tin-tuc__wrap {
padding-bottom: 80px;
margin-left: -15px;
margin-right: -15px;
}

@media (max-width: 991px) {
.tin-tuc__wrap {
  margin-left: 0;
  margin-right: 0;
}
 .tin-tuc__wrap{
      padding-bottom: 0px;
  }
}

.tin-tuc__date {
font-size: 14px;
color: #323232;
padding: 15px 0;
font-weight: 300;
}

.tin-tuc__title {
text-transform: uppercase;
font-weight: 700;
font-size: 20px !important;
color: #212121;
}

.tin-tuc__view-detail {
padding: 15px 0;
margin-top: 1vw;
}

.tin-tuc__view-detail > * {font-size: 14px;font-family: "Roboto";font-weight: 500;padding: 13px 40px;cursor: pointer;background-color: #1c4d87;display: initial;color: #fff;}

.tin-tuc__view-detail > *:hover {background-color: #0156b6;text-decoration: none;color: #fff;}

@media (max-width: 767px) {
.tin-tuc__view-detail {
  margin-bottom: 3vw;
}
}

.tin-tuc__content {
font-size: 16px;
color: #323232;
font-family: "Roboto";
text-align: justify;
}

.tin-tuc__right {
padding-right: 0;
}

@media (max-width: 767px) {
.tin-tuc__right {
  padding: 0;
}
}

@media (max-width: 767px) {
.tin-tuc__left {
  padding: 0;
}
}

.tin-tuc__img-main .thumb_5x3 {
padding-bottom: 50%;
}

.tin-tuc__img-item .thumb_5x3 {
padding-bottom: 81%;
}

.tin-tuc__article {
margin-bottom: 30px;
}

.tin-tuc__article:after {
content: "";
display: table;
clear: both;
}

.tin-tuc__content-item {
font-size: 18px;
font-family: "Roboto";
color: #212121;
font-weight: 900;
padding-left: calc(42% + 10px);
}

.tin-tuc__content-item a {
display: block;
overflow: hidden;
height: 80px;
color: #212121;
}
.khach-hang {
background: #eaeaea;
padding-bottom: 35px;
}

.khach-hang .title-header {
padding-top: 50px;
padding-bottom: 27px;
}

.khach-hang__item {
margin: 10px 35px 40px 0;
background-color: white;
width: 100%;
max-width: 255px;
height: 13vw;
max-height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
overflow: hidden;
-webkit-box-shadow: 0px 0px 10px 0px #d8d8d8;
box-shadow: 0px 0px 10px 0px #d8d8d8;
}

.khach-hang__item.overlay-img-hover::before {
background-color: rgba(252, 251, 251, 0.36);
}

@media (max-width: 767px) {
.khach-hang__item {
  width: 255px;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
}
}

@media (max-width: 575px) {
.khach-hang__item {
  width: 200px;
}
}

.khach-hang__slider {
width: calc(100% + 15px);
margin-left: -7.5px;
margin-right: -7.5px;
}

.khach-hang__item-last {
margin-right: 0;
}

.khach-hang .slick-slide {
margin: 0 7.5px;
}

.khach-hang__wrap-title {
position: relative;
}

@media (max-width: 991px) {
.khach-hang__wrap-title {
  display: block !important;
}
}

.khach-hang__wrap-icon {
position: absolute;
right: 25px;
z-index: 1;
text-align: center;
}

@media (max-width: 991px) {
.khach-hang__wrap-icon {
  position: relative;
  margin: 0 auto;
  right: 0;
}
}

.khach-hang__icon {
background: transparent;
border: none;
font-size: 27px;
color: #17498b;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.khach-hang__icon:hover {
color: #1c4d87;
}

.footer {
max-width: 1920px;
margin: 0 auto;
padding-top: 25px;
background: #ffffff;
}

@media (max-width: 767px) {
.footer .show-pc-md {
  display: none;
}
}

@media (min-width: 576px) {
.footer__container {
  max-width: 1200px;
}

}

.footer__logo {
padding: 15px 0;
margin-right: 54px;
}

@media (max-width: 767px) {
.footer__logo {
  margin: auto;
}
}
.footer__contact-left{
    width:100%;
}
.footer__text-logo {
font-size: 12px;
font-weight: 900;
}

.footer__contact {
padding: 15px 0;
display: flex;
}

.footer__contact-right {
width: 100%;
}

@media (max-width: 767px) {
.footer__contact {
  flex-wrap: wrap;
}
.footer__contact-right {
  text-align: left;
}
}
.absolute-footer{display: none;}
.footer__contact-right-bottom {
border-top: 1px solid #cccccc;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.footer__contact-right-top {
border-bottom: 1px solid #c6c6c6;
}

@media (max-width: 1024px) {
.footer__contact-right-top {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
}

.footer__contact-title {
font-family: "Roboto";
font-weight: 600;
font-size: 14px;
color: #626262;
}

.footer__contact-list {
padding: 0;
}

.footer__contact-register {
padding-top: 15px;
padding-bottom: 0px;
width: 50%;
}
.footer__contact-register form{
    margin-bottom:0px;
}
.footer__contact-register .wpcf7-spinner{
    display: none;
}
@media (max-width: 767px) {
.footer__contact-register {
  margin: auto;
  width: 100%;
  padding-bottom: 0;
}
}

.footer__form-group {
width: 100%;
}

.footer__contact-info-list {
padding: 0;
font-size: 12px;
}

@media (max-width: 767px) {
.footer__contact-info-list {
  font-size: 14px;
}
}

.footer__contact-info-item {
display: block;
}

.footer__contact-info-icon {
margin-right: 18px;
}

@media (max-width: 767px) {
.footer__contact-info-icon {
  margin-right: 3px;
}
}

.footer__contact-info-icon-inline {
margin-right: 3px;
}

@media (max-width: 991px) {
.footer__contact-info-icon-inline {
  margin-right: 18px;
}
}

@media (max-width: 767px) {
.footer__contact-info-icon-inline {
  margin-right: 3px;
}
}

.footer__item-info-content-inline {
margin: 0 15px;
}

@media (max-width: 991px) {
.footer__item-info-content-inline {
  display: block;
  margin-left: 0;
}
}

.footer__contact-info {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.footer__control-wrap {
position: relative;
}

.footer__submit {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
background-color: transparent;
border: 0;
color: #1c4d87;
padding: 0;
font-size: 17px;
}

.footer__bottom-list {
width: 50%;
padding: 12px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

@media (max-width: 991px) {
.footer__bottom-list {
  width: 100%;
}
}

@media (max-width: 767px) {
.footer__bottom-list {
  display: block;
}
}

.footer__bottom-item {
padding-right: 25px;
}

.footer__bottom-item img {
width: 100%;
}

@media (max-width: 991px) {
.footer__bottom-item {
  display: inline-block;
}
}

.footer__copy-right {
background: #f7f7f7;
padding-right: 0;
font-size: 13px;
text-transform: uppercase;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
margin-left: auto;
}

@media (max-width: 991px) {
.footer__copy-right {
  display: block;
  margin-top: 20px;
  margin-left: 0;
}
}

.footer__item-logo {
max-width: 116px;
}

.footer__form-group .footer__control-wrap .form-control {
font-size: 14px;
color: #919191;
height: 35px;
padding-left: 15px;
}

.footer-address__title {font-family: "Roboto";font-size: 20px;font-weight: 900;color: #134a8d;text-transform: uppercase;margin-bottom: 15px;}

.footer-address__address-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.footer-address__address-col {
width: 50%;
}

@media (max-width: 767px) {
.footer-address__address-col {
  width: 100%;
  margin-bottom: 20px;
}
}

.footer-address__address-title {font-family: "Roboto";font-weight: 900;text-transform: uppercase;font-size: 13px;color: #4e4e50;margin-bottom: 10px;}

.footer-address__address-info-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
margin-bottom: 5px;
}

.footer-address__address-info-title {
width: 17px;
margin-right: 5px;
line-height: 1.2;
}

.footer-address__address-info-des {
width: calc(100% - 17px);
font-family: "Roboto";
color: #686868;
font-size: 12px;
}
.footer__contact-register input{
height: 35px;
}
.footer__contact-register input[type=submit]{
margin-right: 0px;
margin-bottom: 0px;
position: absolute;
top: 23px;
height: 35px;
right: 0px;
min-height: 35px;

}
.nav>li.header-search{
position: relative;
font-size: 18px;
line-height: 16px;
padding: 0px 25px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
/*==================BEGIN BREADCRUMB===============*/
.vnt-main-top{
position: relative;
}

.mid-title{
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 100%;
}
.mid-title .title{
font-weight: 900;
font-size: 35px;
text-shadow: -1px 14px 9px rgb(0 0 0 / 78%);
color: #fff;
text-transform: uppercase;
}

.wrapCont {
padding-top: 40px;
padding-bottom: 100px;
}
.wrapCont {
background: #f7f7f7;
}

.sidebar__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
}

@media (max-width: 992px) {
.sidebar__row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column-reverse;
}
}

.sidebar__wrap {
width: 26%;
padding-right: 30px;
}

@media (max-width: 992px) {
.sidebar__wrap {
  width: 260px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  margin-bottom: 15px;
}
}

.sidebar__other-content {
width: 74%;
}

@media (max-width: 992px) {
.sidebar__other-content {
  width: 100%;
}
}

.sidebar__other-content .content {
color: #323232;
font-size: 14px;
}

@media (max-width: 767px) {
.sidebar__other-content table {
  width: 100%;
}
}

@media (max-width: 767px) {
.sidebar__other-content {
  width: 100%;
  margin-bottom: 15px;
}
}

.sidebar__list {
background: #fff;
}

.sidebar__item {
display: block;
min-height: 50px;
font-family: "Roboto";
font-weight: 500;
border-bottom: 1px solid #d9d9d9;
color: #525252;
font-size: 14px;
padding-left: 30px;
padding-top: 14px;
padding-bottom: 14px;
text-transform: uppercase;
}

.sidebar__item .fa {
margin-right: 10px;
}

.sidebar__item:hover, .sidebar__item.active {
font-weight: 900;
color: #bf7c11 !important;
}

.sidebar__item i {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
}

.sidebar__item > div {
display: block;
padding-left: 18px;
position: relative;
}

.breadcrumb__wrap {
padding-bottom: 10px;
padding-top: 10px;
}

.breadcrumb__wrap {
padding-bottom: 10px;
padding-top: 10px;
}

.breadcrumb__item {font-size: 13px;color: #1c4c86;text-transform: uppercase;font-family: 'Roboto';font-weight: 600;line-height: 1;display: initial;}

.breadcrumb__item.active {color: #bf7c11;font-weight: 600;}

.breadcrumb__item:before {
content: " -- ";
}

.breadcrumb__item:first-child:before {
content: none;
}

.breadcrumb__has-underline {
border-bottom: 1px solid #949494;
margin-bottom: 15px;
}
.activities__c-des {color: #323232;font-size: 20px;margin-bottom: 80px;}
.blog-archive .large-10 {
flex-basis: 100%;
max-width: 100%;
}
.documents {
padding-top: 40px;
padding-bottom: 90px;
}

.documents__item {
position: relative;
padding-top: 110%;
z-index: 1;
margin-bottom: 30px;
}

.documents__background {position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}

.documents__title {
position: absolute;
left: 40px;
bottom: 10px;
z-index: 1;
}

.documents__icon {
max-width: 55px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
}

.documents__text {
font-family: "Roboto";
font-weight: 900;
color: #fff;
font-size: 45px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.map iframe{
width: 100%;
}
.contact__address {
background: #ececec;
padding-bottom: 30px;
}

.contact__address-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.contact__address-col {
width: calc(50% - 20px);
}
.contact__address-title {font-family: "Roboto";font-weight: 900;font-size: 14px;color: #4e4e50;text-transform: uppercase;border-bottom: 1px solid #bdbdbd;margin-bottom: 10px;padding-bottom: 3px;}

.contact__address-info-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.6;
}

.contact__address-info-row:last-child {
margin-top: 15px;
}

.contact__address-info-title {
font-family: "Roboto";
font-weight: 700;
font-size: 14px;
color: #4e4e50;
width: 80px;
}

.contact__address-info-des {
font-family: "Roboto";
font-size: 14px;
color: #323232;
width: calc(100% - 80px);
}

.contact__address-info-des a {
color: #323232;
}

.contact__address-info-des a:focus, .contact__address-info-des a:hover {
color: #323232;
}
.contact__title {
font-weight: 900;
color: #134a8d;
padding-top: 40px;
margin-bottom: 25px;
font-size: 20px;
text-transform: uppercase;
}

.contact__row {
max-width: 750px;
margin: 0 auto;
}
.banner-detail__search {
font-family: "Roboto";
font-weight: 500;
font-size: 14px;
color: #332100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
margin-top: 30px;
}

@media (max-width: 767px) {
.banner-detail__search {
  display: block;
}
}

.banner-detail__search-item {
width: 21.5%;
position: relative;
height: 40px;
}

@media (max-width: 767px) {
.banner-detail__search-item {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
}

.banner-detail__search-item i {
color: #332100;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-shadow: none;
line-height: initial;
}

.banner-detail__select {
width: 100%;
background: rgba(255, 255, 255, 0.7);
height: 40px;
padding-left: 15px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
margin-bottom: 0px;
}

.banner-detail__select::-ms-expand {
display: none;
}

.banner-detail__search-button {
width: 12%;
}

@media (max-width: 767px) {
.banner-detail__search-button {
  width: 100%;
}
}

.banner-detail__search-button button {width: 100%;background: #1b4e85;color: #fff;text-align: center;height: 40px;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}

.banner-detail.has-search {
height: 330px;
}

@media (max-width: 991px) {
.banner-detail.has-search {
  height: auto;
}
}

.banner-detail.has-search .banner-detail__img {
min-height: 430px;
}

@media (max-width: 767px) {
.banner-detail.has-search .banner-detail__img {
  min-height: 460px;
}
}

.banner-detail.has-search .banner-detail__text {
bottom: 40px;
}
.project__detail-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
margin-bottom: 20px;
}

@media (max-width: 991px) {
.project__detail-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}

.project__detail-title span:nth-child(1) {
font-family: "Roboto";
font-weight: 900;
color: #17498b;
font-size: 26px;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}

@media (max-width: 991px) {
.project__detail-title span:nth-child(1) {
  display: block;
  white-space: normal;
}
}

.project__detail-title span:nth-child(2) {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}

.project__detail-title span:nth-child(2):before {
content: '';
border-top: 1px solid #b6b6b6;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
width: calc(100% - 30px);
}

@media (max-width: 991px) {
.project__detail-title span:nth-child(2):before {
  width: 100%;
}
}

.project__detail-title span:nth-child(3) {
font-family: "Roboto";
font-weight: 900;
font-size: 20px;
color: #229d4e;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
position: relative;
top: 4px;
}

.project__detail-banner, .project__detail-banner.slick-dotted.slick-slider {
margin-bottom: 60px;
}

.project__detail-image {
height: auto;
width: 100%;
}

.project__detail-image img {
width: 100%;
}

.project__detail-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
}

@media (max-width: 1024px) {
.project__detail-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}

.project__detail-col1 {
width: 61%;
}

@media (max-width: 1024px) {
.project__detail-col1 {
  display: block;
  width: 100%;
}
}

.project__detail-col1-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
margin-bottom: 20px;
margin-top: 20px;
}

@media (max-width: 991px) {
.project__detail-col1-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}

.project__detail-col1-title span:nth-child(1) {
font-family: "Roboto";
font-weight: 900;
color: #17498b;
font-size: 26px;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}

@media (max-width: 991px) {
.project__detail-col1-title span:nth-child(1) {
  display: block;
  white-space: normal;
}
}

.project__detail-col1-title span:nth-child(2) {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}

.project__detail-col1-title span:nth-child(2):before {
content: '';
border-top: 1px solid #b6b6b6;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
width: calc(100% - 30px);
}

@media (max-width: 991px) {
.project__detail-col1-title span:nth-child(2):before {
  width: 100%;
}
}

.project__detail-col1-title span:nth-child(3) {
font-family: "Roboto";
font-weight: 900;
font-size: 20px;
color: #229d4e;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
position: relative;
top: 4px;
}

.project__detail-col1-content {
margin-bottom: 40px;
}

.project__detail-col1-video {
position: relative;
display: block;
padding-top: 57%;
margin-bottom: 60px;
}

.project__detail-col1-video:hover .project__detail-btn-play-video {
-webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
}

.project__detail-col1-video:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
}

.project__detail-btn-play-video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
z-index: 3;
width: 110px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.project__detail-background-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.project__detail-col2 {
width: 39%;
padding-left: 40px;
}

@media (max-width: 1024px) {
.project__detail-col2 {
  display: block;
  width: 100%;
  padding-left: 0;
}
}

.project__detail-col2-title {
font-family: "Roboto";
font-weight: 900;
color: #fff;
font-size: 26px;
padding-left: 30px;
padding-top: 20px;
padding-right: 15px;
padding-bottom: 20px;
background: #1c4d87;
}

.project__detail-col2-content-wrap {
background: #fff;
}

.project__detail-col2-item {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
border-bottom: 1px solid #d3d3d3;
}

@media (max-width: 767px) {
.project__detail-col2-item {
  display: block;
}
}

.project__detail-col2-item:first-child {
padding-top: 20px;
}

.project__detail-col2-item:last-child {
border-bottom: none;
padding-bottom: 35px;
}

.project__detail-col2-item *:nth-child(1) {
white-space: nowrap;
width: 140px;
font-family: "Roboto";
font-weight: 900;
font-size: 16px;
color: #464646;
}

.project__detail-col2-item *:nth-child(2) {
width: calc(100% - 140px);
font-family: "Roboto";
font-size: 16px;
color: #464646;
}

@media (max-width: 767px) {
.project__detail-col2-item *:nth-child(2) {
  width: 100%;
}
}

.project__detail-related {
background: #bdbdbd;
padding-top: 30px;
padding-bottom: 40px;
}

.project__detail-related-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
margin-bottom: 20px;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

@media (max-width: 991px) {
.project__detail-related-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}

.project__detail-related-title span:nth-child(1) {
font-family: "Roboto";
font-weight: 900;
color: #17498b;
font-size: 26px;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}

@media (max-width: 991px) {
.project__detail-related-title span:nth-child(1) {
  display: block;
  white-space: normal;
}
}

.project__detail-related-title span:nth-child(2) {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}

.project__detail-related-title span:nth-child(2):before {
content: '';
border-top: 1px solid #b6b6b6;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
width: calc(100% - 30px);
}

@media (max-width: 991px) {
.project__detail-related-title span:nth-child(2):before {
  width: 100%;
}
}

.project__detail-related-title span:nth-child(3) {
font-family: "Roboto";
font-weight: 900;
font-size: 20px;
color: #229d4e;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
position: relative;
top: 4px;
}

.project__detail-related-group-button {
float: right;
}

.project__detail-related-button-left {
border: 1px solid transparent;
font-size: 26px;
color: #17498b;
background: none;
outline: none;
-webkit-box-shadow: none;
        box-shadow: none;
padding: 0;
}

.project__detail-related-button-left:active, .project__detail-related-button-left:focus {
outline: none;
}

.project__detail-related-button-right {
border: 1px solid transparent;
font-size: 26px;
color: #17498b;
background: none;
outline: none;
-webkit-box-shadow: none;
        box-shadow: none;
padding: 0;
}

.project__detail-related-button-right:active, .project__detail-related-button-right:focus {
outline: none;
}

.project__detail-related-slide {
margin-left: -7.5px;
margin-right: -7.5px;
}

.project__detail-related-item {
position: relative;
padding-left: 7.5px;
padding-right: 7.5px;
}

.project__detail-related-item:hover .project__detail-related-content {
height: 0;
opacity: 0;
overflow: hidden;
}

.project__detail-related-img {
padding-top: 81%;
position: relative;
}

.project__detail-related-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
}

.project__detail-related-content {
position: absolute;
z-index: 3;
bottom: 25px;
left: 15px;
right: 15px;
font-family: "Roboto";
font-weight: 700;
font-size: 16px;
color: #fff;
opacity: 1;
height: 21px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
display: block;
}

.project__detail-related-content:before {
content: "";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
z-index: 1;
border-top: 1px solid #d2d2d2;
}

.project__detail-related-content:after {
content: "";
position: absolute;
bottom: -11px;
left: 0;
right: 0;
width: 50%;
z-index: 1;
border-top: 3px solid #1c4d87;
}

.project__detail-related-content span {
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}

@media (max-width: 767px){
    .vnt-main-top img {
      object-fit: cover;
      min-height: 280px;
  }
  .vnt-main-top.banner-detail img {
      object-fit: cover;
      min-height: 460px;
  }
  .contact__address-col{
      width:100%;
      margin-bottom: 15px;
  }
}
.footer__logo img{
    max-width:250px;
}