a{
    cursor: pointer;
    text-decoration: none;outline: 0 !important; 
    -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
  }
  a:hover{
    text-decoration: none;color: #8a4033;
}
  }
  a:active{
    text-decoration: none;
  }
  a.active{
   text-decoration: none; 
  }
  li{
    list-style-type: none;
  }
  :focus,select option,select { outline: 0 !important; } 
  a:before,a:after{-webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; }

body{font-family: 'Montserrat', sans-serif;font-weight:400; font-size: 15px; color: #fff;}

/* =WordPress Core

-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 20px auto ; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption {max-width: 100%;padding: 5px 3px 10px;text-align: center;font-style: italic;}
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text {line-height: 17px; margin: 0; padding: 11px 4px 0px;font-size: 13px;  text-align: center !important;}
/*End core*/
strong, bold{font-weight:700;}
.clearfix{clear: both;}
.tab_m,.mobile-logo{display:none}
.container {width: 1250px;}
.gutter-10 { margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-5 { margin-left: -5px; margin-right: -5px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-2 { margin-left: -2px; margin-right: -2px; }
.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
.gutter-0 { margin-left: 0px; margin-right: 0px; }
.gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }
.container-fluid-0{padding: 0px;}
.row-eq-height {visibility: hidden;}
.row-eq-height.show {visibility: visible;}
.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.visable-mb{display:none}
.bootbox.modal{ z-index: 99999;}
.startpopup img{max-width: 100%;}
.register h4 {   
    font-size: 24px;
    color: #772640;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
#fullpage{overflow: hidden;}
.header .navbar-toggle .icon-bar {
    -webkit-box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -moz-box-shadow: 0.2px 0.2px 0px 0.2px rgba(255,255,255,0);
    box-shadow: 0.2px 0.2px 0px 0.2px rgb(255 255 255 / 0%);
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    background: #fff;
}


div#phonering-alo-phoneIcon {
    position: absolute;
    top: -164%;
    display: block;
    left: 14%;
}
  .tab-content > .tab-pane:not(.active), 
 .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.office-tel .tab-content > .tab-pane:not(.active), 
.office-tel .pill-content > .pill-pane:not(.active) {
display: block;
height: 0;
overflow-y: hidden;
}
.pum-container.pum-responsive img{margin:0px}
.modal {
   z-index: 99998;
}
  #myModal iframe{
    margin: 0 auto;
    display: block;
    margin-top: 8%;
    z-index: 999999999;
  }
.slick-initialized .slick-slide {
    display: block;
    outline: none;
}
.col-md-6.col-sm-12.col-xs-12.over-view-left {
    padding-left: 0;
}
.main-header{width:100%; margin:auto;text-align: center;}
  .main-header .navbar-header{float:left;}
  .main-header .navbar-collapse.collapse{float: right;}
.menu-main{
  float: left;
  -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.menu-top ul {
    display: block;
}
  .menu-top{
    position: fixed;
    height: 63px;
    background: #471510;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
  }

.menu-top ul {margin: 0px;  padding-left: 0px;    float: left;    padding-right: 20px;  }

.menu-top ul li{
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin-left: 19px;padding: 0px 5px;
}
  .menu-top ul li:first-child{margin-left: 0px;}
    .menu-top ul li a{
      color: #fff;
      font-size: 16px;font-weight: 500; text-transform: uppercase;
      padding:20px 0px; display: block; position: relative;text-decoration: none !important;
     
    }
    .menu-top ul li.active a,.menu-top ul li:hover a{color: #f6a900;}
      .menu-top ul li.active a:after,.menu-top ul li:hover a:after{
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        top: 43px;
        background: #f6a900;
        left: 0px;
      }

.menu-top .logo img{
  display: block;
  width:145px;    -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;
}
.header{position: relative;z-index: 99999;}
  
  .header .contact_head {
    text-align:right;opacity:1;
    -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
  }
  .logo {position: relative; margin-top:5px; z-index: 999;    width: 173px;}
    

  .contact_head .social-f{
    display: inline-block;
    position: relative;
    top: 11px;
  }
.header .hotline{position: relative;float: right;margin-right: 0px;margin-top: 13px;}
.header .hotline a{
    display: inline-block;
    font-size: 18px;    text-decoration: none !important; font-weight: 500;
    color: #fff;    padding: 5px 7px 5px 40px;
} 
.menu-main .navi-tg {
    float: left;  padding-top: 25px;width: 0px;    opacity: 0;
}
  #nav-icon{display: inline-block;}
  #nav-icon span:nth-child(2) {top: 9px;}
.navbar-toggle .icon-bar {
    width: 28px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
.menu-main .lb-navi{
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
    padding-right: 5px; 
}
.fp-viewing-trang-chu .menu-main .lb-navi{display: none;}
.sticky .menu-main .lb-navi{display: inline-block;}
.phonering-alo-ph-img-circle {
    width: 20px;
    height: 20px;
    top: 8px;
    left: 10px;
    position: absolute;
    background: url(../images/hotline.svg) no-repeat 0px center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-size: 20px;
} 
  
    .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
      -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
      animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
    }

    .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
      -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
      animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
    }

    .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
      background-color:#00aff2
    }

    .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
      background-color:#6a0032;
    }

    .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
      background-color: #015643;

    }

    .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
      background-color:#ccc
    }

    .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
      background-color:#75eb50
    }

    @-webkit-keyframes phonering-alo-circle-anim {
      0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
      }

      30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
      }

      100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
      }
    }

    @-webkit-keyframes phonering-alo-circle-fill-anim {
      0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
      }

      50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
      }

      100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
      }
    }

    @-webkit-keyframes phonering-alo-circle-img-anim {
      0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
      }

      10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
      }

      20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
      }

      30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
      }

      40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
      }

      50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
      }

      100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
      }
    }
  
  .link_w{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #255530;
    border: 1px solid #1f4728;
    border-radius: 40px;
    padding: 6px 19px 6px 40px;
    margin-top: 11px;
    background:url('../images/link.svg') 13px center no-repeat;
    background-size:18px;
  }

.header .hotline_tab{display:none}
.slider-top{
  position: relative;    overflow: hidden;
}
.slider-top .slider1{height: calc( 100vh - 0px ) !important; background: #ceac6e;}
  .slider-top .vegas-slide-inner{background-position:center top !important}
.news-page .slider-top .slider1{height: auto !important;}
.slider-top .slider1 .vegas-animation-kenburns { animation: kenburns_custom ease-out; }
.slider-top .slider1.zoom-out .vegas-animation-kenburns { animation: kenburns_zoom_out ease-in; }



.slider-top .vegas-control{position: absolute; bottom: 15px; left:50%; transform: translateX(-50%); z-index: 3;}
.slider-top .vegas-control a{width: 13px; height: 13px; border-radius: 50%; display: inline-block; margin: 0px 5px; background: transparent; border: 1px solid #fff; }
.slider-top .vegas-control a.active{background: #fff;}
.slider-top .left-bt{
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: 20px;
    bottom: 20px;
    border-radius: 50%;
    background:#093d7e url(../images/ico-previous.svg) center center no-repeat;
    background-size: 20px;
}
  

.slider-top .right-bt{
  background:#093d7e url(../images/ico-next.svg) center center no-repeat;
    background-size: 20px;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 80px;
    bottom: 20px;
}
.slider-top .vegas-control-botton a:hover{
  background-color: #ddb058;
  width: 52px;
  height: 52px;    bottom: 18px;
}
.section.home-banner{padding: 0px !important;}
.section{padding: 60px 0px;position: relative;}



.title{
    position: relative;
    font-size: 37px ;
    background: #B58F51;
    background: linear-gradient(to bottom, #B58F51 0%, #FCEDC0 31%, #E1B160 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px;
    display:block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 47px;
} 
  .sub-title-ab{
      font-weight: 500;
      color: #fff;
      font-size: 27px;
      line-height: 35px;
      margin-bottom: 20px;
      text-transform: uppercase;
    }
 

.display_b{display:block}

/*TONG QUAN*/
.tong-quan{
    background:url(../images/bg-tong-quan.webp) center top no-repeat; background-size: cover;
    position: relative;
}
  
    .introduce-left{padding-left: 0px;}
      .introduce-left 
    .introduce-right{padding-left: 70px;    }
      .introduce-right img{
        border-radius: 15px;
        border-radius: 15px;
        object-fit: cover;
        margin-left: 0;
        height: 547px;
        width: 100%;
      }

     .w-overtq{
        border: 1px solid #dfbf91; border-radius: 10px;width: 100%; padding:0px 20px 30px;    margin-top: 40px; 
     } 
      .w-hetq{
          background: #5e2015;
          padding: 5px 10px;
          display: inline-block;
          margin-bottom: 0px;
          position: relative;
          top: -20px;
      }
        .head-tq{
          font-size:20px;
          background: #B58F51;
          background: linear-gradient(to bottom, #B58F51 0%, #FCEDC0 31%, #E1B160 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          display: block;
          font-weight: 500;
          text-transform: uppercase;
          line-height: 25px;
        }
        .t_sub_tq {color: #dfbf91;font-size: 16px;padding-bottom: 6px;}
        .des-tq h2{font-weight: 700; color: #fff; font-size: 20px;    margin-top: 0px;}  
          .des-tq strong{font-size: 20px;}
        .des-tq{color: #fff; font-size: 20px;font-size: 16px; font-weight: 500;    min-height: 40px;}
        .w-overtq div{padding-left: 10px; padding-right: 10px;}

/*VI TRI*/
.vi-tri {
    background: #4c1c0a url(../images/bg-vi-tri.webp) left  top no-repeat ; background-size: cover;
    position: relative;    overflow: hidden; 
}
    .vi-tri .section-image-wrapper {
      position: relative;
      z-index: 3;
   }
    .vi-tri .section-image{
          width: 901px;
          height: 741px;
          position: absolute;
          right: 0%;
          top: 0;
          margin: 0px 0 0 0px;border-radius: 10px;    overflow: hidden;
          transform-origin: top right;
      }
      .vi-tri .section-image img.map-img{width: 100%; position: relative; z-index: 2; }
      .vi-tri .section-image img.map-bg,
      .vi-tri .section-image > object,
      .vi-tri .section-image > svg{
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          position: absolute;
      }
      .vi-tri .section-image > svg{z-index: 3;}
      .vi-tri .section-image > svg .st0 {
          fill: none;
          stroke-miterlimit: 20;
          stroke-width: 2;
          stroke-dasharray: 20;
          stroke-dashoffset: 0;
          animation: StrokeLine 4s infinite linear;
          stroke: #3f120e;
      }
      .vi-tri .section-image > svg .st1{animation: StrokeLine2 3s infinite linear;}
      .vi-tri .road-map{fill: #330e06;    transform-origin: center center;    animation: Border 3s infinite;}
        @keyframes Border{0%{fill:#330e06}50%{fill:#e9cf97}to{fill:#330e06}}
      .vi-tri .section-content{
          position: absolute; top: 50%;transform: translateY(-50%);
         z-index: 3; width: 40%; padding-right: 50px;
      }
      @keyframes StrokeLine {
        0% {
            stroke-dashoffset: 0;
        }
        100% {
            stroke-dashoffset: -200;
        }
    }

     .w-loca{
        width: calc((100% / 3) - 4px);
        display: inline-block; padding-top: 20px; position: relative;
      }
        .w-loca:after{content: '';width: 1px; background: #946c49; height: calc(100% - 20px); position: absolute; right: 0px; top: 20px;}
        .w-loca:last-child:after{display: none;}
        .title-local{font-weight: 700; color: #fff; font-size: 20px;}
     .vi-tri .w-overtq {  margin-top: 30px;      padding: 0px 10px 30px;    display: flex;    }  

    .w-location-r{padding-left: 50px;}
     .btn-act.register.btn-tuvan {
          background: #471510;
          position: relative;
          z-index: 9;
          display: inline-block;
      }
      .btn-tuvan {
          position: relative;
          z-index: 9;    display: inline-block; border-radius: 10px; margin-top: 20px;
          background: #d59e4f; /* Old browsers */
          background: -moz-linear-gradient(top, #d59e4f 0%, #ffefc4 49%, #d39a4a 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #d59e4f 0%,#ffefc4 49%,#d39a4a 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #d59e4f 0%,#ffefc4 49%,#d39a4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d59e4f', endColorstr='#d39a4a',GradientType=0 ); /* IE6-9 */
          -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out;
      }
      .btn-tuvan:hover {
          background: rgb(255,239,196); /* Old browsers */
          background: -moz-linear-gradient(top, rgb(255,239,196) 0%, rgb(211,154,74) 45%, rgb(211,154,74) 64%, rgb(255,238,203) 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgb(255,239,196) 0%,rgb(211,154,74) 45%,rgb(211,154,74) 64%,rgb(255,238,203) 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgb(255,239,196) 0%,rgb(211,154,74) 45%,rgb(211,154,74) 64%,rgb(255,238,203) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefc4', endColorstr='#ffeecb',GradientType=0 ); /* IE6-9 */
      }
        .btn-tuvan a {
            display: inline-block;
            font-size: 18px;
            font-weight: 500;
            position: relative;
            text-decoration: none !important;
            text-transform: uppercase;
            padding: 9px 25px 6px 50px; color: #471510;
            z-index: 10;
        }
        .btn-tuvan a:before {
            content: '';
            left: 15px;top: 10px;
            background: url(../images/register.svg) left top no-repeat;
            width: 20px;
            height: 20px;
            background-size: 20px;
            display: inline-block;
            position: absolute;
        }

  /*.w-utilities{
    background: url(../images/bg-tien-ich-slide.webp) center 100% no-repeat;
    background-size: contain;
    position: relative;    padding-bottom: 20px;
  }
         .vi-tri .w-utilities .item {
            padding: 0px 10px;
         }
          .vi-tri .description{text-align: center; text-transform: uppercase; padding: 10px 0px 0px;}

         .w-utilities .slick-prev:before,.w-utilities .slick-next:before{display: none;}
         .w-utilities .slider .slick-prev{
            background: url(../images/pre.png) left center no-repeat;
            background-size: 30px;
            left: -40px;
         }
         .w-utilities .slider .slick-next{
            background: url(../images/next.png) left center no-repeat;
            background-size: 30px;
            right: -40px;
         }

          .w-utilities .w_img_ti img {
              object-fit: cover;
              margin-left: 0;
              height: 197px;
              width: 100%;
          }
  .slick-next,.slick-prev{width: 41px;height: 42px;z-index: 99;}       

*/


/*TIEN ICH*/
.tien-ich {
    background: url(../images/bg-tien-ich-du-an.webp) left  bottom  no-repeat;
    position: relative;
    background-size: cover;
}
  .tien-ich .slider{
        position: relative;
        z-index: 200;
        padding: 0 0px;
        width: 100%; margin-top: 30px;
      }
      .tien-ich .slick-slide{
        width:810px;     border-radius: 10px;  overflow: hidden;
        transition: transform .3s cubic-bezier(.4,0,.2,1);
        position: relative;     margin: 0px 105px;
      }
        .w_img_ti {position: relative;}
        
          
        .tien-ich .slick-slide .w_img_ti:after{
          content:'';
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgb(71 21 16 / 50%);
          transition: transform .3s cubic-bezier(.4,0,.2,1);
          width: 100%; height: 100%;
        }
        .tien-ich .slick-slide.slick-center .w_img_ti:after{display: none}
      .tien-ich .slick-slide{
        transform: scale(0.9)  translate(250px);
      }

      .tien-ich .slick-slide.slick-center + .slick-slide{
        transform: scale(0.9) translate(-250px);
        z-index: 10;
      }

      .tien-ich .slick-slide.slick-center + .slick-slide + .slick-slide{
        transform: scale(0.9)  translate(-250px);
        z-index: 5;
      }

      .tien-ich .slick-slide.slick-active{
        transform: scale(0.9) translate(250px);
      }

      .tien-ich .slick-slide.slick-center{
        transform: scale(1);
        z-index: 30;
      }
      .tien-ich .slider .slick-next{right:17%;    z-index: 9999999;}
      .tien-ich .slider .slick-prev{left:17%;    z-index: 9999999;}
      .slick-center:after {opacity: 0;}
      .tien-ich .des-prod{text-transform: uppercase; font-weight: 500; padding: 10px 0px; opacity: 0; width: 0px;    font-size: 18px;}
      .tien-ich .slick-slide.slick-center .des-prod{opacity: 1; width: 100%;}
    .tien-ich  .slider-nav{ width:850px; margin:10px auto 0px;}  
      .tien-ich .slick-list,.tien-ich .slider-nav .w_sect_ul-thumb{overflow-y:visible;}
      .tien-ich  .slider-nav .w_sect_ul-thumb{margin:0px 10px;padding-top: 11px;background: transparent;border-radius: 5px;overflow: hidden;}
      .tien-ich .slider-nav .w_sect_ul-thumb.slick-current.slick-active:before{
        content: '';
        width: 100%;
        height: 4px;
        background: #8e4d43;
        position: absolute;
        top: 10px;
        z-index: 99;
      }
      .tien-ich .slider-nav .w_sect_ul-thumb.slick-current.slick-active{
        background: url(../images/slide-act.png) center top no-repeat;
      }
      .tien-ich .slider-nav .w_sect_ul-thumb.slick-current.slick-active:after{
        background: #000;
        display: block !important;
        opacity: 0.4;
        height: calc(100% - 10px);
        bottom: 0px;
        top: auto;
      }
      .tien-ich .slider-nav .w_sect_ul-thumb.slick-slide:after{background: transparent;}

        .tien-ich .slider .slick-prev{
          background: #471510 url(../images/prev.svg) 5px center no-repeat;
          background-size: 18px;
          border-radius: 50%;
          width: 30px;
          height: 30px;
        } 

        .tien-ich .slider .slick-next{
          background: #471510 url(../images/next.svg) 8px center no-repeat;
          background-size: 18px;
          border-radius: 50%;
          width: 30px;
          height: 30px;
        }      
        .tien-ich .slick-prev:before, .tien-ich .slick-next:before{display: none}

        .tien-ich .title {
            position: relative;
            font-size: 37px;
            color: #471510;
            background: none
            -webkit-background-clip: initial;
            -webkit-text-fill-color: unset;
            margin: 0px;
            display: block;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px;
            line-height: 47px;
        }
          .tien-ich .title  span{font-weight: 500; font-size: 25px;top: 0px; margin-bottom: 0px;}

          .tien-ich .description{
            color: #471510;
              text-transform: uppercase;
              font-weight: 500;
              text-align: center;
              padding: 8px 20px 7px;
              background: rgb(255 255 255 / 80%);
              position: absolute;
              bottom: 5%;
              left: 50%;
              transform: translateX(-50%);
              width: 85%;
              border-radius: 10px;
              font-size: 18px;
              display: none;
          }
          .tien-ich .slick-slide.slick-center .description{display: block;}
  /*.tien-ich .ul-description{
    color: #3c1505;
    text-align: center;
    max-width: 80%;
    margin: auto;
  }
  .tien-ich .section-content{margin: 0px auto 0px;    width: 90%;    overflow: hidden;}

    .tien-ich .item {
        width:410px; 
    }
    .tien-ich .item {
        position: relative;
        -webkit-transition: all .30s ease-in-out;
        -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
        -o-transition: all .30s ease-in-out;
        transition: all .30s ease-in-out;
        transition: transform .3s cubic-bezier(.4,0,.2,1);
        transform: scale(0.7);
    }
      .w_img_ti{position: relative;}

        
    .tien-ich .item.slick-slide.slick-center {transform: scale(1);z-index: 30;  }
      .tien-ich .item.slick-slide.slick-center .w_img_ti:after{
          background: transparent;
          border: 5px solid rgb(107 45 14 / 60%);
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          border-radius: 50%;
      }
    .tien-ich .item img {
        margin: auto;
        border-radius: 50%;
    }

     .tien-ich .description{text-align: center; color: #fff; text-transform: uppercase; margin-top: 15px;font-size: 18px; opacity: 0; width: 0px;}
     .tien-ich .item.slick-active.slick-center .description{font-size: 16px;color: #3c1505; font-weight: 600; opacity: 1; width: 100%;}
     .tien-ich .slick-arrow,.san-pham .slick-arrow{
        -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
        width:41px !important;
        height: 42px !important;
      }

     .tien-ich .slick-next{
        background: url(../images/ico-next.svg) center center no-repeat;
        background-size: 30px;
        display: block;
        position: absolute;
        right: 0px;
        text-indent: -999999px; 
    }
    .tien-ich .slick-prev {
        display: block;
        position: absolute;
        left: 0px;
        background: url(../images/ico-previous.svg) center center no-repeat;
        background-size: 30px;
        text-indent: -999999px;
    }
    .tien-ich .slick-prev,.tien-ich .slick-next{margin-top:-20px;}

   .desc_tienich {height: 200px; padding: 0px 15px;}
    .desc_tienich .cent-ver{   width: 100%;min-height: 80px;display: flex;    align-items: center; }
        .desc_tienich .cent-ver .sub-tit{display: block; text-align: center;  width: 100%;   line-height: 80px;}
        .desc_tienich .title span { margin-bottom: 0px;}

  .tien-ich .slider {margin-top: 20px;}*/

/*SAN PHAM*/
.san-pham{
    background: url(../images/bg-san-pham.webp) left bottom no-repeat;
    position: relative;
    background-size: cover;      height: 100vh;
}
    .main-slide-li{margin: auto;    position: relative;}
        #tab-san-pham {
            text-align: center;
            display: block;
            padding-bottom: 5px;width: 90%; margin: 0px auto 30px;
        }
          .san-pham .nav-tabs>li {
              float: none;
              display: inline-block;
              margin: 0 10px -1px;
              padding: 0px 15px;
          }
            .san-pham .nav-tabs>li a {
                font-weight: 700;padding: 0px 0px;
                color: #fff;    border: 1px solid transparent !important;
                text-transform: uppercase;
                font-size: 26px;position: relative; 
                background-color: transparent!important;
            }
            .san-pham .nav-tabs>li.active>a, .san-pham .nav-tabs>li.active>a:focus, .san-pham .nav-tabs>li.active>a:hover, .san-pham .nav-tabs>li a:hover {
                color: #ffd200;border: 1px solid transparent !important;
            } 
            .san-pham .nav-tabs>li.active a:after{
              content: '';
              position: absolute;
              bottom: -7px;
              height: 3px;
              width: 100%; left: 0px;
              background: #ffd200;
            }
      
      .san-pham .btn-act.register {
          display: inline-block; margin-top: 30px;
      }
        .san-pham .title{color: #fff;    background: none;  -webkit-background-clip: unset;    -webkit-text-fill-color: unset;}

        .san-pham .btn-tuvan{border: 1px solid #471510;}
          .san-pham .des-w {width: 80%; margin: auto; text-align: center;}











/*UU DIEM*/
.uu-diem{
  background: url(../images/bg-uu-diem.webp) left bottom no-repeat;
  background-size: cover; position: relative; color: #fff;display: flex;    align-items: center;
}
  .video-uu-diem{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    right: 0px;
  }
    .video-uu-diem img{height: 100%;width: 100%; object-fit: cover;}
    .uu-diem .sub-title-ab {
        font-weight: 700;
        color: #fff;
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-transform: uppercase;
    }
      .uu-diem .sub-title-ab .sub-nom{font-weight: 400; text-transform: none;padding-right: 10px;}

  .d-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px; margin-right: -15px;
  }    
  .des-udiem{text-transform: uppercase;}
  .num-ud{font-size: 30px; padding: 20px 0px 10px 0px; text-align: left;margin-top: 25px;}
  .num-udiem1{
    background: url(../images/uu-diem-1.svg) 55px top no-repeat;
    background-size: 55px;
  }
  .num-udiem2{
    background: url(../images/uu-diem-2.svg) 55px top no-repeat;
    background-size: 55px;
  }
  .num-udiem3{
    background: url(../images/uu-diem-3.svg) 55px top no-repeat;
    background-size: 55px;
  }
  .num-udiem4{
    background: url(../images/uu-diem-4.svg) 55px top no-repeat;
    background-size: 55px;
  }

.download{
    display: inline-block;
    margin-left: 40px;
    margin-top: 40px;
    position: relative;
    padding-left: 25px;
}
  .download a{
    background: #F4E5A3;
    background: linear-gradient(to bottom, #F4E5A3 0%, #DDA732 81%, #DDA732 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 100; 
    font-weight: 600; text-transform: uppercase;
    display: block;
    padding: 8px 20px;
    position: relative;
  }
    .download:before{
      content: '';
      background: url(../images/ico-download.png) 0px center no-repeat;
      background-size: contain;
      position: absolute;
      top: 7px;
      left: 15px;
      z-index: 100;
      display: block;
      width: 20px;
      height: 20px;
    }
    .download:after{
      content: '';
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      width: 100%; background: #3c1505; border-radius: 20px;
    }
    .download span{position:relative; z-index: 10;}

  .video-uu-diem a:after{
    content: '';
    background: url(../images/ico-video.svg) left top no-repeat;
    width: 80px;
    height: 80px;
    background-size: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);opacity: 0.8;
  }


  .uudiem-pop .contact-popup{
    background: url(../images/bg-thu-vien.webp) left top no-repeat; background-size: cover;
  }
    .uudiem-pop .contact-popup .box {
        width: 920px;
        height: 100%;
        position: relative;
        right: auto;    padding: 0px;
    }
    .uudiem-pop .w_form_pop { max-width: 100%;   }
        .uudiem-pop .w_form_pop iframe{width: 920px;  height: 519px;}
         .uudiem-pop .contact-popup .box .close-popup {right: -5%;}    

.ekko-lightbox .modal-dialog{max-width: 840px !important;}
.ekko-lightbox .modal-dialog .modal-body,.ekko-lightbox .modal-header{padding: 0px}
.modal-header {  padding: 0px;  border-bottom: 1px solid #e5e5e5;  position: absolute;  z-index: 99;   color: #fff;    right: -30px;
    top: -30px;   border: none !important;}
.modal-open .modal { z-index: 9999999;}
.modal-backdrop {
    background: #000 !important;
    z-index: 999999;
}
.ekko-lightbox-nav-overlay a{opacity: 1 !important;}
.ekko-lightbox-container { position: relative; height: 471px !important;}
.ekko-lightbox .modal-content{background: transparent !important}
.ekko-lightbox  .modal-header .close{
	background: url(../images/close.svg) left top no-repeat;
    background-size: 30px;
    width: 40px;
    height: 40px;
    opacity: 1;
    margin-right: -20px;
}
	.ekko-lightbox  .modal-header .close span{display: none;}

/*CHINH SACH*/
.chinh-sach{
    background: url(../images/bg-chinh-sach.webp) left bottom no-repeat;
    background-size: cover; position: relative; color: #fff;
    min-height: 600px;
  }
  #chinh-sach{height: 100vh;}
    .chinh-sach .sub-title-ab{color: #fff;font-size: 25px;font-weight: 400;margin-top: 50px;}
    .chinh-sach .sub-nom{
      font-size: 100px;
    }
    .sub-nom2{
      padding-left: 175px; display: block;    margin-top: -5px;
    }
    .chinh-sach .btn-act{margin-top: 40px;}
        .chinh-sach .btn-act.register a{
            font-weight: 600;
            padding: 9px 19px 7px 53px;
            border-radius: 20px;
        }
        .chinh-sach .btn-act.register a:before {
            content: '';
            left: 17px;
            top: 8px;
            background: url(../images/ico-chinh-sach.svg) left top no-repeat;
            width: 22px;
            height: 22px;
            background-size: 22px;
            display: inline-block;
            position: absolute;
        }
    .des-w{width: 80%; margin: auto; text-align: center;}    

    .chinh-sach .title-tab{    font-size: 100px; display: inline-block; line-height: 70px;    padding-right: 10px;}
    .title-tab-right{display: inline-block;    text-align: left;}
      .sub-2{font-weight: 500; font-size: 30px;}

/*CHINH SACH 2*/

.chinh-sach.chinh-sach-2 {
    background: url(../images/bg-chinh-sach-2.webp) left bottom no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    min-height: 600px;
}

  .chinh-sach.chinh-sach-2 .sub-title-ab {
      color: #fff;
      font-size: 25px;
      font-weight: 400;
      margin-top: 20px;
  }
    .chinh-sach.chinh-sach-2 .title span{font-weight: 500;}

    .w-chinhsach{
      width: 90%;
      margin: 40px auto 0px;
    }
      .w-chinhsach .item{margin: 0px 10px;}

        .w-chinhsach .description{text-transform: uppercase; text-align: center; padding: 5px 0px;}
     .w-chinhsach .slick-prev,.thu-vien .slick-prev {
          background: #471510 url(../images/prev.svg) 5px center no-repeat;
          background-size: 17px;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          left: -5px;
          z-index: 10;
          border: 1px solid #a97c33;
          margin-top: -15px;
      }
      .w-chinhsach .slick-next,.thu-vien .slick-next {
          background: #471510 url(../images/next.svg) 8px center no-repeat;
          background-size: 17px;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          right: -5px;
          z-index: 10;
          border: 1px solid #a97c33;
          margin-top: -15px;
      }
      .w-chinhsach .slick-prev:before, .w-chinhsach .slick-next:before,.thu-vien .slick-prev:before, .thu-vien .slick-next:before{display: none;}
        .w-chinhsach .w_img_ti{border-radius: 10px; overflow: hidden;}
        .thu-vien .w_img_ti img{border-radius: 10px; overflow: hidden;}
/*THU VIEN*/
  .thu-vien {
    background: url(../images/bg-thu-vien.webp) center bottom no-repeat;
    position: relative;
    background-size: cover;
}
  .thu-vien .title{    color: #471510;  background: none;  -webkit-background-clip: unset;    -webkit-text-fill-color: unset;}
  .thu-vien .slider{
      position: relative;
      z-index: 200;
      padding: 0 0px;
      width: 100%;
    }     

     .thu-vien .slick-slide {margin: 0px 10px;} 
      .thu-vien .slider .slick-next{right:-30px;margin-top: -30px;z-index: 9999999;}
      .thu-vien .slider .slick-prev{left: -30px; margin-top: -30px;z-index: 9999999;}

      
       .thu-vien .description{text-align: center; text-transform: uppercase; padding: 10px 0px 20px; color: #471510;    font-size: 17px;}

  .modal-backdrop{background: #183d6a;}
  .modal-backdrop.in {
      filter: alpha(opacity=80);
      opacity: .8;
  }  
 /*TIN TUC*/
    .tin-tuc {
        background: url(../images/bg-tin-tuc.webp) left bottom no-repeat;
        position: relative;
        background-size: cover;
    }
      
       .news-item .date-time{
        position: relative;
        display: inline-block;
        color: #ffda5f;
        font-size: 14px;
    }
    .news-item.thumbnail{
      padding: 0px;
        border-radius: 0px;
        border: 0px;background: transparent;
      padding-bottom:20px; margin-bottom: 0px;
    }
     .news-item.thumbnail img,.new_orther .news-item .wrap-ani-img,.home-page .news-item .wrap-ani-img {border-radius:5px;}


      .news_small_home .img-news img {
          object-fit: cover;
          margin-left: 0;
          height: 125px;
          width: 100%;
      }
      .news_small_home  .news-item .description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 63px;
    }
    .news_hot  .wrap-ani-img img{
          object-fit: cover;
          margin-left: 0;
          height: 350px;
          width: 100%;
      }

    .home-page .news-item .description{
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 63px;
    }
    .home-page .news-item h3{color: #fcedc0; font-weight: 700; margin: 0px 0px 10px; line-height: 1.3em; font-size:16px;}
    .news-item .description{color: #333; margin: 10px 0px 25px;}
    .news-item .btn-detail{
      position: relative; display: inline-block; color: #159bcc; border-bottom:2px solid #159bcc;text-transform: uppercase;
    }
      .news-item .btn-detail{margin-left: 25px;}
      .news_hot .news-item .description{margin-bottom: 0px;}
    .news-slider{
      position: relative;
      margin-left: -15px; margin-right: -15px;
    }
    .news-slider .slick-next {
        right: 15px;
        top: 45%;
        background: #035f31;
        width: 40px;
        height: 40px;

    }
    .news-slider .slick-prev {
        left:  15px;
        display: block;
        z-index: 9999;
        top: 45%;
        background:#035f31;
         width: 40px;
        height: 40px;
    }
    .news-page .news-content p {
       text-align:justify;
    }
    .news-slider .slick-prev:hover, .news-slider  .slick-prev:focus, .news-slider  .slick-next:hover, .news-slider  .slick-next:focus {
       background:#b79c6f;
    }


    .news-slider  .slick-prev::before {
        content: "\f053";
        color: #ffffff;
    }
    .news-slider  .slick-next::before {
        content: "\f054";
        color: #ffffff;
    }

    .news img{
      display: block;
      margin: 0 auto;
    }
    .news-item{
      -webkit-transition: all .30s ease-in-out;
        -moz-transition: all .30s ease-in-out;
        -ms-transition: all .30s ease-in-out;
        -o-transition: all .30s ease-in-out;
        transition: all .30s ease-in-out;
    }
    .news .slick-list{overflow:visible;}


    .news_hot .wrap_hot{
        padding: 0px 0px 10px;
        width: 100%;
    }
      .news_hot .news-item.thumbnail a {
        position: relative;
      }
      .news_hot .news-item h3 {margin-top: 15px;}
      .view-more{
        background: rgb(251 236 65);
        background: -moz-linear-gradient(90deg, rgb(251 236 65) 0%, rgb(217 174 29) 60%, rgb(213 168 26) 100%);
        background: -webkit-linear-gradient(
    90deg
    , rgb(251 236 65) 0%, rgb(217 174 29) 60%, rgb(213 168 26) 100%);
        background: linear-gradient(
    90deg
    , rgb(251 236 65) 0%, rgb(217 174 29) 60%, rgb(213 168 26) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbec41",endColorstr="#d5a81a",GradientType=1);
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        padding:5px 23px 5px;
        display: inline-block;
        border-radius: 5px;
      }
        .view-more a{color: #fff;}
        .news-item.hover .view-more{
          background: rgb(208,149,66);
          background: -moz-linear-gradient(90deg, rgba(208,149,66,1) 0%, rgba(221,221,139,1) 100%);
          background: -webkit-linear-gradient(90deg, rgba(208,149,66,1) 0%, rgba(221,221,139,1) 100%);
          background: linear-gradient(90deg, rgba(208,149,66,1) 0%, rgba(221,221,139,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d09542",endColorstr="#dddd8b",GradientType=1);
        }

  .wrap-ani-img{
    position: relative;    overflow: hidden;
  }
    .wrap-ani-img img {
        -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; 
    }
    .news-item.hover img {
      transform: scale(1.1);
  }
  .wrap-ani-img:before {
      position: absolute;
      height: 30px;
      width: 30px;
      content: '';
      background: url(../images/more.svg);
      background-size: contain;
      top: 50%;
      margin-top: -15px;
      left: 50%;
      margin-left: -15px;
      opacity: 0;
      z-index: 10;
      -webkit-transition: opacity .15s ease-in-out;
      -moz-transition: opacity .15s ease-in-out;
      -ms-transition: opacity .15s ease-in-out;
      -o-transition: opacity .15s ease-in-out;
      transition: opacity .15s ease-in-out;
  }
    .wrap-ani-img:after {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        content: '';
        background: rgb(209 149 68 / 50%);
        top: 0px;
        opacity: 0;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
        z-index: 5;
    }
    .news-item.hover .wrap-ani-img:after, .news-item.hover .wrap-ani-img:before {
        opacity: 1;
    }
    .news-slider .height_cus:nth-child(4n+4){clear: both;} 

.form-popup,.dowbload_bangiga{
  display:none; 
  -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.contact-popup{
    position: fixed;
    z-index: 123;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: url(../images/bg-tong-quan.webp) center bottom no-repeat;
    background-size: cover;
}
  .form-popup.open,.dowbload_bangiga.open {
    pointer-events: all;
    display: block;
    position: relative;
    z-index: 99999999;
  }
  .contact-popup .box {
    background: url(../images/tong-quan-tt-phonoi.jpg) left center no-repeat;
    background-size: 680px;
    margin: auto;
    height: 580px;
    padding: 0px;
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all ease .4s;
    padding-left: 710px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s  ease-in-out;
  }
    .w_form_pop .desc_f{margin-bottom: 25px;}
    .contact-popup .form-group.btn_register{left: 50%; transform: translateX(-50%); margin-left: 0px;}
    .contact-popup .box .close-popup{
      position: absolute;
      z-index: 11;
      top: 5%;
      right: 0%;
      cursor: pointer;
      width: 25px;
      transition: all ease .4s;
    }
  .contact-popup  .ajax-loader{    position: absolute !important;}
  
  .contact-popup .title{
    color: #fff;
    text-transform: none;
    font-size: 31px;
    margin-bottom: 20px;
    text-align: center;    text-transform: uppercase;
    display: inline-block;
  }
  .contact-popup .box>* {
    position: relative;
  }
   .wpcf7-not-valid-tip {
        color: #d8c32b !important;
    }
    .wpcf7-response-output{margin-top: 0px !important;}
  .popup-matb.in,#design-gallery-modal.in{
      display: flex !important;
      align-items: center;
  }
  #design-gallery-modal .modal-dialog,#ground-gallery-modal .modal-dialog {
     width: 100%;
  }
    #design-gallery-modal .modal-dialog img
    {
      display: block;
      width: auto;
      max-height: 100%
    }

  .w_form_pop{max-width: 480px; margin: auto;text-align: center;}
  .download-popup .recive-info,.dowbload_bangiga  .recive-info{
    background: url(../images/download.svg) 0px 7px no-repeat;
    background-size: 21px;
  }
  .register_for .recive-info {
      background: url(../images/send-mail-2.svg) 0px 7px no-repeat;
      background-size: 21px;
  }
/*CONTACT*/

.social-f{
    text-align: center;
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    position: fixed;
    bottom: 15px;
    left: 20px;    z-index: 999;
}
  .social-f a{
    display: inline-block;
    text-align: center; margin-right: 10px;
  }
    .social-f a img{max-width:19px;}
    .social-f a:hover {
      -webkit-animation-name: hvr-bob-float,hvr-bob;
      animation-name: hvr-bob-float,hvr-bob;
      -webkit-animation-duration: .3s,1.5s;
      animation-duration: .3s,1.5s;
      -webkit-animation-delay: 0s,.3s;
      animation-delay: 0s,.3s;
      -webkit-animation-timing-function: ease-out,ease-in-out;
      animation-timing-function: ease-out,ease-in-out;
      -webkit-animation-iteration-count: 1,infinite;
      animation-iteration-count: 1,infinite;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-direction: normal,alternate;
      animation-direction: normal,alternate;
    }
      
      @-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
      @keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
      @-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
      @keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}

    .social-f .facebook {
        background: url(../images/facebook.svg) center center no-repeat;
        background-size: 19px;
        width: 32px;
        height: 32px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid #fff;
    }
    .social-f .youtube {
      background: url(../images/youtube.svg) center center no-repeat;
      background-size: 19px;
      width: 32px;
      height: 32px;
      background-color: transparent;
      border-radius: 50%;
      border: 1px solid #fff;
    }

    .btn-callact {
        position: fixed;
        right: -85px;
        margin-right: -1px;
        top:50%;z-index: 999;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }
      .btn-act a {
          display: inline-block;
          font-size: 18px;
          color: #55200b;
          font-weight: 500;
          position: relative;
          text-decoration: none !important;
          text-transform: uppercase;
          padding: 9px 14px 6px 44px;          
          background: #CC9C56;
          background: linear-gradient(to right, #CC9C56 0%, #fce8b6 50%, #9F7744 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          z-index: 10;
      }
      .btn-act.register{background: #471510;position: relative;    z-index: 9;}
        .btn-callact:after{
          content: '';
          background: #cc9c56; /* Old browsers */
          background: -moz-linear-gradient(left, #cc9c56 0%, #fce8b6 50%, #9f7744 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(left, #cc9c56 0%,#fce8b6 50%,#9f7744 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, #cc9c56 0%,#fce8b6 50%,#9f7744 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9c56', endColorstr='#9f7744',GradientType=1 ); /* IE6-9 */
          position: absolute;
          width: calc(100% + 2px);
          height: calc(100% + 2px);
          top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;
        }
        .btn-act.register a:before {
          content: '';
          left: 10px;
          top: 11px;
          background: url(../images/register.png) left top no-repeat;
          width: 20px;
          height: 20px;
          background-size: 20px;
          display: inline-block;
          position: absolute;
        }
        

.contact {
    background: url(../images/bg-contact.webp) center bottom no-repeat;
    background-size: cover;
    color: #fff;
    min-height: auto;
    padding-top: 60px;padding-bottom: 0px !important;
}
  .contact .title{color: #471510; font-weight: 600;    font-size: 25px;    text-align: center;  background: none;  -webkit-background-clip: unset;    -webkit-text-fill-color: unset;}
    .contac-f{
          background: rgb(233 197 132 / 60%);
          padding: 40px 0px; color: #471510;
    }
      .info-left-ct h2{
          font-weight: 700;
          margin: 0px 0px 15px;
          font-size: 25x;
          color: #471510; text-transform: uppercase;
        }
    
    .contact .btn_register,.contact-popup .btn_register{
        display: inline-block;
        border-radius: 20px; margin-top: 20px; 
        background: #dca42d; color: #4e0b0d; position: relative;
        background: -moz-linear-gradient(left, #dca42d 0%, #f6e9a9 50%, #dca42c 100%);
        background: -webkit-linear-gradient(left, #dca42d 0%,#f6e9a9 50%,#dca42c 100%);
        background: linear-gradient(to right, #dca42d 0%,#f6e9a9 50%,#dca42c 100%);    min-width: 170px;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dca42d', endColorstr='#dca42c',GradientType=1 );    width: auto;padding: 0px;
    }    
       .contact .btn_register:before,.contact-popup .btn_register:before {
          content: '';
          left: 21px;
          top: 7px;
          background: url(../images/register.svg) left top no-repeat;
          width: 22px;
          height: 22px;
          background-size: 22px;
          display: inline-block;
          position: absolute;
      }
         .contact .btn_register input,.contact-popup .btn_register input{
            color: #4e0b0d; background: none; border: 0px; padding: 9px 26px 9px 56px; text-transform: uppercase; font-weight: 600;
         }
         .contact .wpcf7-spinner,.contact-popup .wpcf7-spinner {position: absolute;}
            .t-doitac{color: #471510; text-align: center; margin-bottom: 20px;}
            .contact-f div{margin-bottom: 10px;}
          .logo-partner img{text-align: center; margin: auto; }  
            .partner-1{max-width: 170px; margin-top: 10px;}
            .partner-2{max-width: 170px;}
          .contac-f .row{display: flex;    align-items: center;}
    .copyright{
        display: inline-block;
        width: 100%;
        color: #fcedc0;
        background: #3f120e;
        padding: 20px 15px;
    }
    .w-tab-dev {width: 80%; margin: auto;float: none; padding-bottom: 40px;}
.form-footer form{
  margin-top: 10px;    margin-bottom: 0px;
}
  .form-footer .wpcf7-text,.contact-popup .wpcf7-text{
    height: 31px;
    color: #333333;
    border: 0px;
    box-shadow: none;
    background: transparent;
    text-align: left;
    padding: 3px 2px;
    width: 100%;
    font-size: 15px;
    border-bottom: 1px solid #d8c29d;
  }
  .contact-popup .wpcf7-text{color: #fff !important}
  .form-footer input::-webkit-input-placeholder,.form-footer select::-webkit-input-placeholder  {
     text-align: left;color: #333333;
    }
    .form-footer input:-moz-placeholder, .form-footer select:-moz-placeholder{ 
     text-align: left;color: #333333;
    }
    .form-footer input::-moz-placeholder,.form-footer select::-moz-placeholder { 
     text-align: left;color: #333333;
    } 
    .form-footer input:-ms-input-placeholder,.form-footer select:-ms-input-placeholder { 
     text-align: left;color: #333333;
    }

  .form-footer .form-group {
      margin-bottom: 10px;
  }
    .form-popup .btn_register input{
        max-width: none;
        text-align: center;
        margin: auto;
        padding: 5px 13px 5px 32px !important;
        display: inline-block;
        width: auto; 
        display: block;    line-height: 27px;
      }
      .form-popup .btn_register input.recive-info{height: auto;}
      .form-popup .wpcf7 form.sent .wpcf7-response-output {
        margin-top: 0px;
      }

      .form-popup input::-webkit-input-placeholder,.form-popup textarea::-webkit-input-placeholder,.form-popup .date-booking input::-webkit-input-placeholder{
         text-align: left;color: #fff;
        }
       .form-popup input:-moz-placeholder,.form-popup textarea:-moz-placeholder,.form-popup .date-booking input:-moz-placeholder{ 
         text-align: left;color: #fff;
        }
        .form-popup input::-moz-placeholder,.form-popup textarea::-moz-placeholder,.form-popup .date-booking input::-moz-placeholder{ 
         text-align: left;color: #fff;
        } 
        .form-popup input:-ms-input-placeholder,.form-popup textarea:-ms-input-placeholder,.form-popup .date-booking input:-ms-input-placeholder{ 
         text-align: left;color: #fff;
        }
        .form-popup .date-booking input{    padding-left: 0px !important;    color: #fff !important;border-bottom: 1px solid #d8c29d;}
        

        ::-webkit-calendar-picker-indicator {filter: invert(1);}
    .form-popup input{
      display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #d1d1d1;
        background-color: transparent;
        border: 0px;
        border-bottom: 1px solid #5a88b7;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition:none;
    }
      .form-popup textarea{
        padding: 6px 12px 6px 0px; width: 100%;
        font-size: 14px;
        line-height: 1.42857143;
        color: #fff; height: 100px;
        background-color: transparent;
        background-image: none;
        border: transparent;
        border-bottom: 1px solid #d8c29d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      }
      .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
        color: #fff;
        background: rgb(0 0 0 / 40%);
      }

    

    .news-page .news-content {color: #000;  width: 90%;  margin: auto;    padding: 30px 0px;}
    .news-page .page-title{font-weight: 600;margin: 20px 0px 30px;color: #471510;}




  





 


.news-page .news-content h2,.news-page .news-content h3,.news-page .news-content h4,.news-page .news-content h5,.news-page .news-content h6{
  font-size: 17px;font-weight: 600; margin-bottom:15px;    margin-top: 15px;
}
.sing_new li{position:relative;    padding-left: 20px;}
  .sing_new li:before{
    content: '';
    width: 7px;
    height: 7px;
    background: #2a7e3e;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
  }
    .sing_new ul{padding-left: 15px;}


    .new_orther{overflow: hidden;margin-top: 30px; }
      .new_orther .title{color: #471510;  background: none; -webkit-background-clip: unset;  -webkit-text-fill-color: unset;    text-align: center;}
    
        .new_orther .news-slider a{color: #471510; }
    .new_orther .wrap-ani-img img {
        object-fit: cover;
        margin-left: 0;
        height: 210px;
        width: 100%;
    }
    .new_orther .news-item .description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 63px;
    }
.news-page .news-content p a{
    color: #0077be;
}
.new_orther .title{margin-bottom: 30px !important;font-size: 30px !important;}


#thank{
  background: url(../images/bg-contact.webp) center bottom  no-repeat;
    background-size: cover;
    color: #0a5031;
    min-height:100vh;
    text-align: center;
    padding-top:70px
}
  #thank .copy_r{position: absolute;  bottom: 10px;  }
  #thank .section-content{position:  absolute; width: 100%; left: 0px; top:50%; transform: translateY(-50%);}
  #thank .back_home{
    background: url(../images/back.svg) center center no-repeat;
      display: block;
      width: 60px;
      height: 60px;
      margin: auto;
      border-radius: 50%;
      background-size: 60px;
      margin-top: 30px;
      position: relative;
      z-index: 9;
  }
  .cont_thanks{padding-top:60px}
  .img_thanks img{
    max-width: 420px;
    margin: auto;
  }

  .cont_ths{
    font-size:19px;
    color:#471510;
    font-weight: 500;
    text-align:center;
    margin-bottom:15px
  }
    .cont_ths span{font-weight:700; display:block}
    .thank_ct2{color:#471510;font-weight:500 !important;}
  .title-t30{margin-top: 30px !important;}
.fp-viewing-lien-he .scroll-down{display: none;}  

   .w-circle{    position: relative; }
  .quick-alo-ph-circle {
    width: 80px;
    height: 80px;
    left: 3px;
    top: 45px;
    position:absolute;
    background-color:#145dad;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    opacity:.2;
    -webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation:quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
  }
  .w-circle  .quick-alo-ph-circle.circle-2 {
    border-color: #145dad;
    position: absolute;
    left: -42px;
    top: 1px;
    width: 170px;
    height: 170px;
  }
  .quick-alo-ph-circle-fill {
    width: 240px;
    height: 240px;
    left: -76px;
    top: -34px;
    position: absolute;
    background-color: #3d9df5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .8;
    -webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
  }

.quick-alo-ph-img-circle {
  width:50px;
  height:50px;
  top:70px;
  left:70px;
  position:absolute;
  background: url("../images/phone.svg") no-repeat center center;
  background-size:23px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid transparent;
  -webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  animation:quick-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
@-moz-keyframes quick-alo-circle-anim {
  0% {
    -moz-transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
    -moz-opacity:.1;
    -webkit-opacity:.1;
    -o-opacity:.1;
  }
  30% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
    -moz-opacity:.5;
    -webkit-opacity:.5;
    -o-opacity:.5;
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
    opacity:.6;
    -moz-opacity:.6;
    -webkit-opacity:.6;
    -o-opacity:.1;
  }
}
@-webkit-keyframes quick-alo-circle-anim {
  0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    -webkit-opacity:.1;
  }
  30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    -webkit-opacity:.5;
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    -webkit-opacity:.1;
  }
  }
  @-o-keyframes quick-alo-circle-anim {
  0% {
    -o-transform:rotate(0) kscale(.5) skew(1deg);
    -o-opacity:.1;
  }
  30% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    -o-opacity:.5;
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    -o-opacity:.1;
  }
}
@-moz-keyframes quick-alo-circle-fill-anim {
  0% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -moz-transform:rotate(0) -moz-scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
  0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}
@-o-keyframes quick-alo-circle-fill-anim {
  0% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}
@-moz-keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
}
@-webkit-keyframes quick-alo-circle-img-anim {
  0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
}
@-o-keyframes quick-alo-circle-img-anim {
  0% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
}
@media screen and (min-width:992px){
  
}
@media screen and (min-width:1200px){
    
}
@media screen and (min-width:1400px){
    .content-tq:after {
      width: 710px;
      height: 600px;
      top: 17%;
   }
   .left-dautu {
        bottom: 12%;
        padding-left: 60px;
    }
     .vi-tri:after {
        width: 580px;
        height: 640px;
        top: 12%;
    }
     .content-kgx:after {
        top: 17%;
    }
    .content-matbang:after {
        top: 20%;
    }
    .matbang-r {
      padding: 3px 55px 0px 141px;    margin-top: 20px;
    }
      .mat-bang .send-mail {
        bottom: auto;
    }
    .thu-vien-r {
        padding: 0px 10px 0px 189px;
        margin-top: 0px;
      }
     .thu-vien .section-content:after {
        width: 670px;
        height: 562px;
        top:11%;
    }
    .google_m iframe {
        max-height: 186px;
    }
}
@media screen and (min-width:1440px){
    .container {width: 1340px;}
    .menu-top ul li {margin-left: 30px;}
    .title {margin-bottom: 25px;   }
    .chinh-sach .sub-title-ab { margin-top: 80px;}
    .section.tong-quan {height: auto;}
    .tin-tuc .pic-img img, .new_orther .pic-img img {height: 205px;    }
    .tin-tuc .slick-dots { margin-top: 40px;}
    .tin-tuc .title {margin-bottom: 45px;}
    .tien-ich .slider .slick-next { right: 19%; margin-right: -5px}
    .tien-ich .slider .slick-prev { left: 19%; margin-left: -5px}
    .san-pham .w_sect_ul.slick-slide {width: 880px;}
    .ekko-lightbox .modal-dialog { max-width: 1024px !important;}
    .ekko-lightbox-container { height: 574px !important;}

} 
@media screen and (min-width: 1500px) and (max-width: 1590px) {
  .tien-ich .slider .slick-next { right: 21%;}
  .tien-ich .slider .slick-prev { left: 21%;}
}
@media screen and (min-width:1600px){
    .container {
      width: 1400px;    margin: auto;
    }
    .menu-top ul li a {
        font-size: 18px;
    }
    .vi-tri .section-content { padding-right: 0px;}  
    .w-map-po { min-height: 570px;}
    .tien-ich .section-content {
        margin: 0px auto 0px;
        overflow: hidden;
    } 

      .tien-ich .slick-slide {width: 950px;}
      .introduce-right { padding-top: 50px;}

    .tien-ich .slider .slick-prev {
        left: 17%;
        margin-left: 0px;
    }
    .tien-ich .slider .slick-next {
        right: 17%;
        margin-right: 0px;
    }


    .san-pham .w_sect_ul.slick-slide {
        width: 1000px;
    }
    .uudiem-pop .w_form_pop iframe {
        width: 1030px;
        height: 579px;
    }
    .uudiem-pop .contact-popup .box {width: 1030px;}
    .slider-top .vegas-control a { margin: 0px 7px;}
    .ekko-lightbox .modal-dialog { max-width: 1024px !important;}
    .ekko-lightbox-container { height: 574px !important;}
}
@media screen and (min-width:1680px){
  body {font-size: 17px;  }
  .title {font-size: 45px ;line-height: 51px;}
  .news-item .p-top {height: 73px;}
  .btn-act a {font-size: 19px;}
  .tin-tuc .pic-img img, .new_orther .pic-img img { height: 225px;}
  .tien-ich .item.slick-active.slick-center .description,.tien-ich .description {font-size: 17px;}
  .container { width: 1500px;}
  .w_form_pop { max-width: 570px;}

  .san-pham .w_sect_ul.slick-slide { width: 1100px;}
    .san-pham .slider .slick-prev {left: 12%;}
    .san-pham .slider .slick-next {right: 12%;}


    .uudiem-pop .contact-popup .box {
        width: 1340px;
    }
      .uudiem-pop .w_form_pop iframe {width: 1340px;height: 754px;  }

    .tien-ich .slider .slick-prev { left: 18%;  margin-left: 10px;}
    .tien-ich .slider .slick-next { right: 18%;  margin-right: 10px;}

    .btn-tuvan a {padding: 12px 25px 9px 50px;    }
      .btn-tuvan a:before {top: 13px;}

    .home-page .news-item .description { height: 74px;}  
    .news_small_home .img-news img { height: 145px;}
    .news_hot .wrap-ani-img img { height: 380px;}
    .contac-f { padding: 50px 0px;}
    .w-tab-dev{padding-bottom: 60px;}

}
@media screen and (min-width:1900px){
  .container {width: 1700px;}
  .menu-top ul li { margin-left: 50px;}
  .menu-top ul { padding-right: 40px;}
    .header .hotline a { font-size: 20px;}
  .header .hotline {margin-top: 7px;  }
  .phonering-alo-ph-img-circle {top: 9px;}
  .menu-top ul li.active a:after, .menu-top ul li:hover a:after {top: 50px; }
  .vi-tri .section-content {padding-right: 50px;  }
  .w-utilities .w_img_ti img {height: 237px;  }


  .introduce-right {
    margin-right: 0px;
    padding-top: 70px;
  }
  .tien-ich .description {font-size: 17px;}

  .san-pham .w_sect_ul.slick-slide {
      width: 1130px;
  }
    .san-pham .slider .slick-next { right: 15%;}
    .san-pham .slider .slick-prev { left: 15%;}
  .menu-top {height: 73px;}  
    .logo { margin-top: 10px;}
    .menu-top ul li a {padding: 24px 0px;}
    .header .hotline { margin-top: 17px;}
    .head-tq { font-size: 25px;}
     .t_sub_tq { font-size: 18px;}
 .title { font-size: 55px;  line-height: 71px;}    
 .sub-title-ab {font-size: 30px;}

 .vi-tri { min-height: 830px;}
  .vi-tri .btn-tuvan {margin-top: 30px}

  .tien-ich .slick-slide { width: 1100px;}
  .tien-ich .slider .slick-prev { left: 18%; margin-left: 6px;}
  .tien-ich .slider .slick-next { right: 18%; margin-right: 6px;}
  .new_orther .wrap-ani-img img { height: 270px;}
  .new_orther .news-item .description { height: 76px;}

} 

@media screen and (max-width: 1280px) {
  .container {width: 1200px;}
  .menu-top ul li { margin-left: 16px;}
  .vi-tri .section-content {
      padding-right: 0px;
      padding-left: 15px;
  }  
  #fullpage{overflow: hidden;}
  .vi-tri .section-image {right: 2%;}
  .w-utilities .slider .slick-prev,.tien-ich .slick-prev,.thu-vien .slider .slick-prev {left: 10px;}
  .w-utilities .slider .slick-next,.tien-ich .slick-next,.thu-vien .slider .slick-next {right: 10px;}
  .tien-ich .section-content {width: 100%; }

  .san-pham .slider .slick-prev {left: 10%;}
  .san-pham .slider .slick-next {right: 10%;}


}
@media screen and (max-width: 1199px) {
  .hotline_tab{display:block}
  .hotline.hidden-xs{display:none}
 
  .navbar-header{float: none;}
  .navbar-header .navbar-toggle .icon-bar{  background: #fff; width: 40px; border-radius: 0px; }
  .header.naviopen .menu-top .bar1 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 19px;
  }
  .header.naviopen .menu-top .bar2 {
    display: none;
  }
  .header.naviopen .menu-top .icon-bar {
    color: #000;    background: #000;
}
  .navbar-header .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 10px;
  }
  .header.naviopen .menu-top .bar3 {
    transform: rotate(45deg );
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 9px;
  }
  
  .navbar-toggle {display: block;
    margin-top: 0px;
    z-index: 99999999;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    right: 10px;}
  .main-header .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .main-header .navbar-collapse.collapse {display: none!important; }
  .navbar-nav {float: none!important;margin: 7.5px -15px;}
  .navbar-nav>li { float: none;}
  .main-header .navbar-collapse.collapse.in{display:block !important; opacity: 1}
  .mobile-logo { display: block;margin: 30px auto 0px;}
  
  .naviopen .navbar-toggle {
    right: 0px;
    width: 50px;
    height: 50px;
    padding: 0px;
  }

  .main-header .navbar-collapse .menu-main{float: none;position: relative;    right: auto;}
  .main-header .navbar-collapse .menu-main ul{width: 100%;    margin-left: 0px;    padding-top: 40px;    float: none;}
  .main-header .navbar-collapse .menu-main ul li{display: block; float: none; margin-left: 0px;}
  .main-header .navbar-collapse .menu-main ul li a{padding-top:7px;padding-bottom: 7px;font-size: 19px; color: #263e69; border-bottom: solid 1px rgba(255,255,255,0.1);  display: block;     margin-left: 0px;
  }
  .menu-top ul li.active a:after, .menu-top ul li:hover a:after{display: none}
  
  .main-header .navbar-collapse .menu-main ul li:hover a,
  .main-header .navbar-collapse .menu-main ul li.active a{border-radius: 0px; border-bottom: solid 1px rgba(255,255,255,0.1); color:#    color: #f6a900;}
  .main-header .navbar-header {
    float: none;
    display:block ;
    width: 100%;
  }
  
  .main-header .navbar-collapse{
      position: fixed;
      top: 0; margin:0px;
      left: auto;    width: 30%;    right: 0px;
      height: 100% !important;
      overflow: hidden;
      pointer-events: none;
      color: #000;
      background: rgba(255,255,255,1);
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      transition: all cubic-bezier(.77, 0, .175, 1) .5s;
      -webkit-perspective: 1000;
      perspective: 1000;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      opacity: 0;
  }
  .naviopen .main-header-wrapper:after{
      position: fixed;
      height: 100vh;
      width: 100%;
      left: 0px;
      content: '';
      background: rgba(0, 0, 0, 0.7);
      top: 0px;
      z-index: 2;
  }
  .naviopen .main-header-wrapper .row{position: relative; z-index: 10;}
  .header.naviopen{z-index: 999999999;}
    
  .menu-main .navi-tg{display: none;}
  .naviopen .main-header .navbar-collapse {
      pointer-events: auto;
      height: 100%;
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1);opacity: 1;
  }
  .tab_m{display:block}
  .header .hotline { float: none;}
  .navbar-collapse .hotline{display: inline-block;}
  .navbar-collapse .tab_m .hotline{display: none;}
  .fp-tableCell {display: block  !important;  }
  .section.fp-section,.section .fp-tableCell{height: auto !important;}
 
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-top .slider1 {height: calc( 100vh - 245px ) !important;  }
  .logo { margin-left: 25px;}
  .uudiem-pop .contact-popup .box .close-popup { right: 0%;}
  .introduce-right {
    margin-right: 0px;
    padding-left: 15px; padding-right: 15px;
    width: 100%;    padding-bottom: 20px;
  }
  .section {padding: 40px 0px;}
  .ver-center-mb{ display: grid;  }
    #tong-quan .container{order: 1;}
    .tong-quan .img-hover-mapster {position: relative;order: 2;    }
    .section.tong-quan{padding-bottom: 0px;}
    .container {width: 100%;   }

    .slider-top {padding-top: 52px;}

    .vi-tri .section-image {
        right: 0%;
        height: 813px;
        width: 991px;
        margin: 20px 0 0 0px;
        position: relative;
        transform: scale(1)!important;
    } 
    .w-utilities .w_img_ti img { height: 167px;}
    .tien-ich .slick-slide {width:800px;    margin: 0px 100px;    }
    .tien-ich .ul-description { max-width: 100%;}

    .tin-tuc .pic-img img, .new_orther .pic-img img {height: 195px;}
    .san-pham .slider .slick-prev { left: 3%;}
    .san-pham .slider .slick-next { right: 3%;}

    .introduce-left{width: 100%; padding-left: 15px; padding-right: 15px;    float: none;}
    .introduce-right{width: 100%; margin-top: 20px;    float: none;}

    #vi-tri .row{
      display: flex;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .w-location-r{width: 100%; order: 1; float: none;padding-left: 15px;  }
    .section-image-wrapper{width: 100%; order: 2; margin-top: 20px;  float: none;}
    .w-location-r { padding-left: 15px;}

    .tien-ich .slider .slick-prev { left: 8%;}
    .tien-ich .slider .slick-next { right: 8%;}

    .san-pham,.chinh-sach {background-position: center top;    min-height: 650px;}

    .contact-popup .box {
      background-size: 420px;
      height: 480px;
      padding-left: 450px;
    }
    .form-popup textarea { height: 70px;}



}

@media screen and (max-width: 991px) {
  .main-header .navbar-collapse {width: 50%;}
    .slider-top .slider1 {    height: 390px !important;    }
    .ver-center-mb{ display: grid;  }
    #tong-quan .container{order: 1;}
    .tong-quan .img-hover-mapster {
        position: relative;
        order: 2;
        transform: scale(1.4);
        left: 19%;
        padding: 70px 0px;
    }
    .introduce-left { padding-left: 15px;    float: none;}
    .section.tong-quan{padding-bottom: 0px;}
    .container {width: 100%;   }

    .slider-top {padding-top: 46px;}
    .logo { margin-left: 15px;}
    .vi-tri .section-image {
        right: 0%;
        height: 607px;
        width: 100%;
        margin: 0px 0 0 0px;
        position: relative;
        transform: scale(1) !important;
        margin-bottom: 40px;
    } 
    .w-utilities .w_img_ti img { height: 167px;}
    .tien-ich .section-content { width: 100%;}

    .tien-ich .ul-description { max-width: 100%;}
    .tien-ich .slick-prev{ left: 0px;}
    .tien-ich .slick-next{right: 0px;}
    .tin-tuc .pic-img img, .new_orther .pic-img img {height: 165px;}
    .introduce-right {
        float: none;    margin-top: 20px;
        margin-right: 0px;
        padding-left: 15px;
        padding-bottom: 20px;
    }
     .vi-tri .section-content {
        padding: 10px 15px 15px;
        position: relative;
        top: 0%;
        transform: translateY(0%);
        z-index: 3;
        width: 100%;
      }
    .section{padding: 40px 0px;} 
    .vi-tri{padding-bottom: 0px;} 
    .san-pham .slider .slick-prev { left: 3%;}
    .san-pham .slider .slick-next { right: 3%;}

    #vi-tri .row{
      display: flex;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .w-location-r{width: 100%; order: 1; float: none;padding-left: 15px;  }
    .section-image-wrapper{width: 100%; order: 2; margin-top: 20px;  float: none;}
    .w-location-r { padding-left: 15px;}

    .tien-ich .slider .slick-prev { left: 8%;}
    .tien-ich .slider .slick-next { right: 8%;}

    .san-pham,.chinh-sach {background-position: center top;    min-height: 650px;}

    .news_small_home .img-news img {height: 205px;}





}


/*IPAD Đứng*/
@media screen and (min-width:768px) and (max-width:979px){
   .section{padding: 40px 0px;} 
   .introduce-right img { height: 517px; }
   .introduce-right{margin-top: 20px;}
   .vi-tri .section-content {
      padding: 10px 15px 15px;
      position: relative;
      top: 0%;
      transform: translateY(0%);
      z-index: 3;
      width: 100%;
    }
    .w-utilities {
          background: url(../images/bg-tien-ich-slide.webp) center 100% no-repeat;
          background-size: 160%;
          padding-bottom: 20px;
          padding-top: 40px;
      }
    .vi-tri{padding-bottom: 0px;} 
    
    .tien-ich .slick-slide { width: 700px;  }
    .san-pham, .chinh-sach,#chinh-sach {
        min-height: 570px;
        height: auto;
    }
    .san-pham .nav-tabs>li a { font-size: 22px;}
    
    .w-tab-dev{
        width: 100%;
        margin: auto;
        float: none !important;
    }
    .contact .btn_register{display: inline-block;}
    .contact-popup .form-group.btn_register {
        left: 0%;
        transform: translateX(0%);
        margin-left: 0px;
        display: inline-block;
    }
    
    .contact-popup .box {
        width: 100%;
        height: 100%;
        background: none;
        padding-left: 0px;
        padding-bottom: 0px;
    }
    .uudiem-pop .contact-popup .box {width: 700px;height: 393px; }
      .uudiem-pop .w_form_pop iframe {width: 700px;height: 393px;    }
    .uudiem-pop .contact-popup .box .close-popup { right: 0%;top: -50px;    }  

    .ekko-lightbox .modal-dialog { max-width:750px !important;}
    .ekko-lightbox-container { height: 420px !important;}
    .ekko-lightbox .modal-header .close { margin-right: 0px;  right: 50px;  top: -20px;}
    .ekko-lightbox .modal-header {right: 0px;  top: -50px;}



}
@media screen and (max-width: 767px){
    
  .w-utilities { background-size: 180%;  padding-top: 50px;}
  .tien-ich .item {width: 600px;  }
  .tien-ich.tang-thuong-mai .slick-prev,.tien-ich.tang-thuong-mai .slick-next { top: 36%;}
  #tab-san-pham { width: 100%;}
    .san-pham .nav-tabs>li a { font-size: 24px;}

  .uu-diem {
        display: block;
        align-items: normal;    padding-bottom: 0px;
    }
    .video-uu-diem {
        position: relative;
        width: 100%;
        height: 100%;
        top: 0px;
        right: auto; padding-top: 40px;
    }


    .w-tab-dev{
        width: 100%;
        margin: auto;
        float: none !important; 
    }
    .contact .btn_register{display: inline-block;margin-bottom: 20px;}
    .contact-popup .form-group.btn_register {
        left: 0%;
        transform: translateX(0%);
        margin-left: 0px;
        display: inline-block;
    }
    .contact-popup .box .close-popup { right: 2%;}
    .form-popup textarea {height: 50px;}
    .contact-popup .btn_register { margin-top: 10px;}
    .contact-popup .box {width: 100%;    height: 100%; background: none;    padding-left: 0px;}  
    .news-page .page-title {
        font-size: 28px;
        line-height: 34px;
    }

     .uudiem-pop .contact-popup .box {width: 570px;height: 321px; }
      .uudiem-pop .w_form_pop iframe {width: 570px;height: 321px;    }
        .uudiem-pop .contact-popup .box .close-popup { right: 0%;top: -50px;    }  

   .vi-tri .section-image {height: 580px;  }     
   .san-pham, .chinh-sach { min-height: 560px;  height: auto;}
   .des-w { width:90%;}

   .ekko-lightbox .modal-dialog { max-width:650px !important;}
   .ekko-lightbox-container { height: 363px !important;}
   .ekko-lightbox .modal-header .close { margin-right: 0px;  right: 50px;  top: -20px;}
    .ekko-lightbox .modal-header {right: 0px;  top: -50px;}
}

@media screen and (max-width: 480px){
 
}
@media screen and (max-width: 480px) and (orientation : portrait) {
  body {
    text-align: justify;
  }
  .slider-top .slider1 {
      height: 210px !important;
  }
  .main-header .navbar-collapse {
      width: 100%;
  }
  .header.naviopen .logo{display: none;}
  .mobile-logo {display: block;  width: 210px;  margin: 30px auto 30px;}
  .main-header .navbar-collapse .menu-main ul { padding-top: 20px;}

  .sub-title-ab {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 32px;
    margin-top: 0px;
    text-align: left;
  }
    .sub-nom-2 { font-size: 23px;     padding-right: 0px;    }
    .sub-nom{font-size: 23px;}
  .tong-quan .img-hover-mapster {
      padding: 70px 0px;
      position: relative;
      order: 2;
      transform: scale(1.8);
      left: 38%;
  }  
  .contact-f a,.contact-f div{color: #471510 !important}  
  .w-overtq div { width: 100%;}
  .w-overtq .w-hetq {width: auto;}
  .des-tq {
    min-height: 0px;
    margin-bottom: 15px;
}
  .tag-svn {font-size: 70px;}
  .vi-tri .section-image {height: 317px;  }
  .w-utilities .w_img_ti img {
      height: 137px;
  }
  .w-utilities {
      background-size: 260%;
      padding-top: 30px;
  }
  .w-utilities .slider .slick-prev,.w-utilities .slider .slick-next{top: 45%;}
  
  .title {font-size: 29px;}
  .sub-title-ab br{display: none}
  .des-w { width: 100%; text-align: justify;}
  .san-pham .nav-tabs>li a { font-size: 19px;}  
  .san-pham .nav-tabs>li{margin-bottom: 20px;padding: 0px 7px;}
    .san-pham .nav-tabs>li.active a:after {
        bottom: -3px;
        height: 2px;
    }
  .uu-diem .sub-title-ab {font-size: 27px;}
  .thu-vien .slider .slick-prev,.thu-vien .slider .slick-next { margin-top: -25px; }
  #uu-diem.d-flex {
      margin-left: -15px;
      margin-right: -15px;
  }
      .des-udiem {
        text-transform: uppercase;
        text-align: left;
        font-size: 14px;
      }
  .chinh-sach .sub-nom { font-size: 85px;}    
    .sub-nom2 {
        padding-left: 125px;
        display: block;
        margin-top: 0px;
    }
   .tin-tuc .pic-img img, .new_orther .pic-img img {
      height: 235px;
  } 
  #tin-tuc .news-slider{padding-left: 0px; padding-right: 0px;}

  .w-tab-dev { padding: 0px 15px;}

  .contact h1 span { font-size: 29px;}
  .contact-popup .box { padding: 0px 15px;}
  .news-page .news-content { width: 100%;}
    .news-page .page-title {
        font-size: 22px;
        line-height: 28px;
        text-align: left;
        margin: 10px 0px 20px;
    }

  .new_orther  .p-top{margin-bottom: 20px;}
  .new_orther  .news-slider {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contact-f a{color: #fff !important;}
  .san-pham .w_sect_ul.slick-slide {width: 400px;}
    .san-pham .slider { height: 290px;} 
  .uudiem-pop .w_form_pop iframe,.uudiem-pop .contact-popup .box {width: 390px;   height: 220px;}

  .tien-ich .item { width: 450px;}
  .w-overtq {padding: 0px 5px 30px; text-align: left;}
  .introduce-right img { height: 267px;  }

  .w-loca {  width: 100%;}
  .vi-tri .w-overtq {margin-top: 30px;padding: 0px 0px 30px;   display: block;}
  .tien-ich .description { font-size: 16px;}

  .w-chinhsach { width: 100%;}
  .news_hot .wrap-ani-img img,.news_small_home .img-news img { height: 270px;}
  .news-item .img-news,.news-item .content-news,.info-left-ct{width: 100%;}
  .news-item .content-news{margin-top: 15px;}
  .contac-f .logo-partner{width: 50%;}
  .contac-f .row { display: block; align-items: normal;}

  .contac-f .logo-partner {
      width: calc(50% - 6px);
      float: left;
      margin-top: 20px;
  }
  .new_orther .news-slider .height_cus{width: 100%; float: none; display: block;}
  .new_orther .news-item .description{margin-bottom: 15px;}
  .chinh-sach .title-tab { font-size: 70px;}
  .sub-2 { line-height: 39px;}

  .des-tq br{display: none}

  .tien-ich .slider .slick-prev { left: 5%;}
  .tien-ich .slider .slick-next { right: 5%;}
  .san-pham .des-w { width: 100%;  text-align: justify;}
  .btn-callact {top: auto;bottom: 20%}

  .ekko-lightbox .modal-dialog { max-width:400px !important;}
   .ekko-lightbox-container { height: 221px !important;}
	.ekko-lightbox .modal-header .close { margin-right: 0px;  right: 50px;  top: -20px;}
    .ekko-lightbox .modal-header {right: 0px;  top: -50px;}
    .ekko-lightbox .modal-header .close {background-size: 25px;}

   .ekko-lightbox-nav-overlay a span { padding: 0 15px;}
}
@media screen and (max-width: 380px){
  .tag-svn { font-size: 65px;}
    .tag-svn .sub-nom2 { padding-left: 80px;}
  .vi-tri .description { font-size: 13px;}  
  .slider-top .slider1 { height: 190px !important;}
  .news_hot .wrap-ani-img img, .news_small_home .img-news img {
      height: 230px;
  }
  .tien-ich .item { width:370px;margin: 0px 150px;}
  .san-pham .des-w { width: 100%;}
  .san-pham .nav-tabs>li {
    margin: 0px 3px 10px;
  }
  .uu-diem .sub-title-ab {
      font-size: 22px;
      line-height: 40px;
  }

  .contact h1 {font-size: 21px;  }
  .address { font-size: 19px;}

  .san-pham .w_sect_ul.slick-slide {width: 360px;}
    .san-pham .slider { height: 290px;}  
    .san-pham .slider .slick-prev,.san-pham .slider .slick-next { top: 35%;}
.w-chinhsach .slick-prev, .thu-vien .slick-prev { margin-top: -25px;}
  .uudiem-pop .w_form_pop iframe,.uudiem-pop .contact-popup .box {width: 350px;  height: 197px;}
  .vi-tri .section-image { height: 283px;}

  .partner-1,.partner-2 { max-width: 150px;}
  .chinh-sach.chinh-sach-2 .sub-title-ab { font-size: 19px;  line-height: 26px;}
   .ekko-lightbox .modal-dialog { max-width:370px !important;}
  .ekko-lightbox-container { height: 199px !important;}
}

@media screen and (max-width: 360px){
 
  .title { font-size: 29px;line-height: 36px;}

    .san-pham .w_sect_ul.slick-slide {width: 350px;}

   .uudiem-pop .w_form_pop iframe,.uudiem-pop .contact-popup .box {width: 340px;  height: 191px;} 

   .vi-tri .section-image {   height: 271px;  }

   .tien-ich .item { width: 350px; }
   .btn-tuvan a { padding: 9px 18px 6px 46px;}
   .ekko-lightbox .modal-dialog { max-width:350px !important;}
   .ekko-lightbox-container { height: 190px !important;}

}
@media screen and (max-width: 330px){
  
  .sub-title-ab { font-size: 20px;line-height: 26px;}
    .sub-nom,.sub-nom-2 { font-size: 20px;}
    .sub-nom-2 { padding-left: 80px;}
    .tong-quan .img-hover-mapster {   padding: 65px 0px;  }
    .tag-svn {  font-size: 60px;}  
    .tag-svn .sub-nom2 { padding-left: 70px;}
    .vi-tri .section-image {height: 217px;}
    .w-utilities .w_img_ti img {
        height: 177px;
    }
    .tien-ich .item {
        width: 250px;
        height: 350px;
    }
    #tang-thuong-mai .title span{margin-bottom: 0px;}
    .san-pham .nav-tabs>li a {
        font-size: 17px;
    }
    .des-udiem {  font-size: 12px;    }
    .chinh-sach .sub-nom {
        font-size: 65px;
    }
      .sub-nom2 {
          padding-left: 55px;
      }
    .tin-tuc .pic-img img, .new_orther .pic-img img {
        height: 205px;
    }  
    .contact h1 { font-size: 18px;}
        .contact h1 span {font-size: 24px;}

    .san-pham .w_sect_ul.slick-slide {width: 320px;} 
    .uudiem-pop .w_form_pop iframe, .uudiem-pop .contact-popup .box {
        width: 300px;
        height: 170px;
    }  

   .ekko-lightbox .modal-dialog { max-width:330px !important;}
    .ekko-lightbox-container {height: 167px !important;} 
    
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

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

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes kenburns_custom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

@keyframes kenburns_zoom_out {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}