/* ######################## Image - Effect  ######################## */
  .img-responsive {display: block;width: 100%;height: 100%;overflow: hidden;}
  .img-responsive img {display: block;width: 100%;height: auto;}
  .img-fit { position: relative; display: block; text-align: center}
  .img-fit > img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%)}
  .img-cover {display: block;width: 100%;height: 100%}
  .img-cover img {display: block;width: 100%;height: 100%;object-fit: cover}
  .img-fit-fill {display: block;width: 100%;height: 100%}
  .img-fit-fill img {display: block;width: inherit;height: inherit;object-fit: fill}
  .img-contain {display: block;width: 100%;height: 100%}
  .img-contain img {display: block;width: 100%;height: 100%;object-fit: contain}
  .img-scaledown {display: block;width: 100%;height: 100%}
  .img-scaledown img {display: block;width: 100%;height: 100%;object-fit: scale-down}



.grtyoutube-popup-content {
   margin: auto; 
   width: 95%;
   max-width: 850px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   bottom: 50px;
}

@media (min-width: 960px) {
   
}
@media (max-width: 959px) {
   
}
@media (max-width: 767px) {
   .grtyoutube-popup-content {
      bottom: 100px;
   }
}
@media (max-width: 599px) {

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

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

}



.gallery-item{
   position: relative !important;
   padding-top: 100% !important;
}
.gallery-item img{
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   bottom: 0 !important;
   right: 0 !important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}


  .uk-flex {
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
   }

   .uk-flex-middle {
       -ms-flex-align: center;
       -webkit-align-items: center;
       align-items: center;
   }

   .uk-flex-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

   .uk-list {
       padding: 0;
       list-style: none;
   }
   
   /*social footer : NỀN MÀU chữ trắng ====================================================*/
    /*social footer : NỀN MÀU chữ trắng ====================================================*/
    /*social footer : NỀN MÀU chữ trắng ====================================================*/
    /*social footer : NỀN MÀU chữ trắng ====================================================*/

    .list-social.order-1{
       margin-top: -2px;
    }
    .list-social.order-1>li{}
    .list-social.order-1>li:not(:last-child){
        margin-right: 15px;
    }
    .list-social.order-1>li>*{}
    .list-social.order-1>li> .social{}
    .list-social.order-1>li> .social >a{
        display: block;
        text-align:center;
        color: #fff;
    }
    .list-social.order-1>li> .social >a>i{
        border-radius: 6px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .list-social.order-1>li> .social.fb >a>i{
        background: #3b5999;
    }
    .list-social.order-1>li> .social.twitter >a>i{
        background: #55acee;
    }
    .list-social.order-1>li> .social.yt >a>i{
        background: #cd201f;
    }
    .list-social.order-1>li> .social.insta >a>i{
        background: #e4405f;
    }
    .list-social.order-1>li> .social.ggplus >a>i{
        background: #dd4b39;
    }
    .list-social.order-1>li> .social.whatsapp >a>i{
        background: #25D366;
    }
    .list-social.order-1>li> .social.telegram >a>i{
        background: #2aa3dc;
    }
    .list-social.order-1>li> .social.linkedin >a>i{
        background: #0073b1;
    }
    .list-social.order-1>li> .social.pinterest >a>i{
        background: #e60019;
    }
    .list-social.order-1>li> .social.yelp >a>i{
        background: #be2020;
    }



@media (min-width:960px) {
    .uk-visible-small {
        display: none!important
    }
    .uk-visible-medium {
        display: none!important
    }
    .uk-hidden-large {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:959px) {
    .uk-visible-small {
        display: none!important
    }
    .uk-visible-large {
        display: none!important
    }
    .uk-hidden-medium {
        display: none!important
    }
}

@media (max-width:767px) {
    .uk-visible-medium {
        display: none!important
    }
    .uk-visible-large {
        display: none!important
    }
    .uk-hidden-small {
        display: none!important
    }
}

.por{
  position: relative;
}

.m0{
  margin: 0 !important;
}
.mt20{
  margin-top: 20px !important;
}

.logo-mobile{
  padding: 0 !important;
}

.bg-header-mobile{
  height: auto !important;
  position: relative;
  padding-bottom: 30px !important;
}

.collapse-button {
  top: -40px !important;
}

.__navbar__btn {
    display: flex;
    /* margin-top: 15px; */
    border-radius: 0;
    border: none;
    background: transparent;
    background-image: url(img/blue_button.png);
    height: 72px;
    background-repeat: no-repeat;
    background-position: 50%;
    justify-content: center;
    min-width: 186px!important;
    letter-spacing: 2.4px;
    color: #fff;
    text-transform: uppercase;
    line-height: 72px;
    margin-bottom: -45px;
    position: relative;
    z-index: 999999;
}

.navbar__btn {
    /* display: flex; */
    /* margin-top: 15px; */
    border-radius: 0;
    border: none;
    background: transparent;
    background-image: url(img/blue_button.png);
    /*height: 72px;*/
    background-repeat: no-repeat;
    background-position: 50%;
    justify-content: center;
    min-width: 186px!important;
    letter-spacing: 2.4px;
    color: #fff;
    text-transform: uppercase;
    line-height: 72px;
    position: absolute;
    text-align: center;
    display: block;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
}

.navbar__btn:hover {
  color:#fff;
  text-decoration: none;
  
}

@media (max-width: 991px) {
   .navbar__btn {
      /* display: flex; */
      /* margin-top: 15px; */
      border-radius: 0;
      border: none;
      background: transparent;
      background-image: url(img/blue_button.png);
      /*height: 72px;*/
      background-repeat: no-repeat;
      background-position: 50%;
      justify-content: center;
      min-width: 186px!important;
      letter-spacing: 2.4px;
      color: #fff;
      text-transform: uppercase;
      line-height: 72px;
      position: absolute;
      display: block;
      top: 80%;
      left: 50%;
      right: initial;
      bottom: initial;
      transform: translate(-50%, 0);
      z-index: 999999;
  }
}
@media (max-width: 767px) {
    .navbar__btn {
      top: 100%;
    }
}
@media (max-width: 599px) {

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

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

}



/*#wowslider-container1 .ws_images > div{
  display: block;width: 100%;height: 100%
}
  
#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{
  display: block;width: 100%;height: 100%;object-fit: cover;
  height: 550px;
}*/


.banner-info{
  text-align: center;
}
.banner-info .services-info{
  color: #000 !important;
}

img {
    vertical-align: middle;
    max-width: 100% !important;
    height: auto;
}

@media (max-width: 767px) {
  .bg-page-navi {
     height: auto !important; 
     line-height: auto !important; 
  }
  .bg-page-navi h2{
      font-size: 26px;
  }
}
@media (max-width: 479px) {
  .bg-page-navi {
     height: auto !important; 
     line-height: auto !important; 
  }
  .bg-page-navi h2{
      font-size: 22px !important;
      padding-left: 10px !important
  }
  .menu-footer a {
    display: inline-block;
    padding: 15px 10px;
}

.breadcrumbs-custom-path {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body{
  overflow-x: hidden !important;
}

*{
  /*border: 1px solid red;*/
}

#elevator_item{
  /*display: none !important;*/
}