/*@font-face{font-family:'arialr';src:url('font/arialr.ttf');}*/
@font-face{font-family:'SVN-Poppins-Bold';src:url('font/SVN-Poppins-Bold.ttf');}
@font-face{font-family:'SVN-Poppins-Thin';src:url('font/SVN-Poppins-Thin.ttf');}
@font-face{font-family:'SVN-Poppins-Medium';src:url('font/SVN-Poppins-Medium.ttf');}

@font-face{font-family:'SVN-Poppins-Regular';src:url('font/SVN-Poppins-Regular.ttf');}
@font-face{font-family:'SVN-Poppins-ExtraBold';src:url('font/SVN-Poppins-ExtraBold.ttf');}
@font-face{font-family:'SVN-Poppins-SemiBold';src:url('font/SVN-Poppins-SemiBold.ttf');}

/*@font-face{font-family:'Roboto-Black';src:url('font/Roboto-Black.ttf');}*/
*{
    padding:0;margin:0;
}
body {
    font-size: 14px;
    color: #000;font-family:'SVN-Poppins-Regular';
}
img{max-width: 100%}
*:focus {
    outline: none;
}
header{position: fixed;    z-index: 9999;width: 100%;    padding: 20px 0;}
#main-menu ul{text-align: right;margin-bottom: 0;padding:5px 0;margin-top: 50px;margin-right: 10%;}
#main-menu,#main-menu ul,#main-menu ul li,#main-menu ul li a,#main-menu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#main-menu:after,#main-menu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#main-menu #head-mobile{display:none}
#main-menu > ul > li{display: inline-flex;align-items: center;}
#main-menu > ul > li > a{   padding: 10px 20px;font-size:16px;text-decoration:none;color:#fff;font-weight:700;text-transform: uppercase;    font-family: 'SVN-Poppins-ExtraBold';}
#main-menu > ul > li.language > a{padding:10px 5px;}
#main-menu > ul > li > a img{max-width: 25px;border:1px solid #0124562e;    margin-top: -15px;}
#main-menu > ul > li > a img:hover{max-width: 30px;transition: 1s;}
#main-menu > ul > li:hover > a{color:#ffc50b}
#main-menu ul > li.active > a{color:#ffc50b}
#main-menu > ul > li:hover,#main-menu ul li.active:hover,#main-menu ul li.active,#main-menu ul li.has-sub.active:hover{color:#ffac00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#main-menu > ul > li.has-sub > a{padding-right:30px}
#main-menu > ul > li.has-sub > a:after{position:absolute;top:17px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#main-menu > ul > li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#main-menu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#main-menu ul ul{position:absolute;left:-9999px;z-index: 99999;top:36px}
#main-menu ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease}
#main-menu ul ul li:hover{}
#main-menu li:hover > ul{left:auto}
#main-menu li:hover > ul > li{border-bottom:1px solid #fff;}
#main-menu ul ul ul{margin-left:100%;top:0}
#main-menu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);line-height: 24px;padding:11px 15px;width:280px;font-size:16px; text-align: left; text-decoration:none;color:#fff;font-weight:400;}
#main-menu ul ul li:last-child > a,#main-menu ul ul li.last-item > a{border-bottom:0}
#main-menu ul ul li:hover > a,#main-menu ul ul li a:hover{color:#ffc50b}
#main-menu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#main-menu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#main-menu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#main-menu ul ul ul li.active a{border-left:1px solid #fff}
#main-menu > ul > li.has-sub > ul > li.active > a,#main-menu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #fff}
#main-menu .submenu-button{display: none;}
#main-menu > ul > li:last-child{
  /*border:1px solid #fff;*/
  /*margin-left: 10px;*/
}

/*@media(min-width: 1001px) and (max-width: 1300px){#main-menu ul{margin-right: 0px;}}
@media (max-width:1000px){*/
nav#main-menu{width:235px;   position: absolute;
    right: 10%;}
#main-menu{width:100%}
#main-menu ul{width:100%;display:none}
#main-menu ul li{width:100%;display: inline-grid;}
#main-menu ul li:hover{background:#fef3f8;    min-height: 46px;}
#main-menu > ul > li > a{text-align: left;}
#main-menu ul ul li,#main-menu li:hover > ul > li{height:auto}
#main-menu ul li a,#main-menu ul ul li a{width:100%;border-bottom:0}
#main-menu > ul > li{float:none}
#main-menu ul ul{top:0;padding-bottom: 0;}
#main-menu ul ul li a{padding-left:25px}
#main-menu ul ul li{background:#fff!important;}
#main-menu ul ul li:hover{background:#fef3f8!important}
#main-menu ul ul ul li a{padding-left:35px}
#main-menu ul ul li a{color:#fff;background:none}
#main-menu ul ul li:hover > a,#main-menu ul ul li.active > a{color:#ffac00}
#main-menu ul ul,#main-menu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#main-menu > ul > li.has-sub > a:after,#main-menu > ul > li.has-sub > a:before,#main-menu ul ul > li.has-sub > a:after,#main-menu ul ul > li.has-sub > a:before{display:none}
#main-menu #head-mobile{display:block;padding:0px;color:#1f4a36;font-size:18px;font-weight:700}
#main-menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;background-color: #c0c7d2;border-radius: 12px;}
#main-menu .button:after{position:absolute;top:22px;right:17px;display:block;height:8px;width:20px;border-top:3px solid #012456;border-bottom:3px solid #012456;content:''}
#main-menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:17px;display:block;height:3px;width:20px;background:#012456;content:''}
#main-menu .menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#012456;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#main-menu .menu-opened:before{top:23px;background:#012456;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#main-menu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer}
#main-menu .submenu-button.submenu-opened{background:#ded7da}
#main-menu ul ul .submenu-button{height:34px;width:34px}
#main-menu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#main-menu ul ul .submenu-button:after{top:15px;right:13px}
#main-menu .submenu-button.submenu-opened:after{background:#ffc50b}
#main-menu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#main-menu ul ul .submenu-button:before{top:12px;right:16px}
#main-menu .submenu-button.submenu-opened:before{display:none}
#main-menu ul ul ul li.active a{border-left:none}
#main-menu > ul > li.has-sub > ul > li.active > a,#main-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.col2_header{padding:0;}
#main-menu ul{background-color: #012456;}
#main-menu > ul > li:last-child {border: 0px solid #fff;margin-left: 0px;}
/*}*/

/* end menu */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slide22 img{width:100%}
.feedback_kh{overflow: hidden}
.feedback_kh .fb_kh:nth-child(4n+1){clear: both}
.muangay{margin-top: 20px;margin-bottom: 20px}
.bomargin{margin:0}
.scrollq{
    position: fixed;top:0;width: 100%;background-color: #fff;z-index: 999;box-shadow: 1px 3px 6px 0px rgb(0 0 0 / 14%);transition: 1s;    padding: 5px 0;
}
.scrollq .cot1_logo  img{max-height: 50px;transition: 1s;}
.slider{
    position: relative;
  }
  .logo{
    position:absolute;width: 100%;top:20px;    z-index: 9;
  }
  .logo img{max-width: 150px;}
  .slick-slide22 img{
    width: 100%;
    /*filter:brightness(50%);*/
}
.hieuungzoom_bg{
  position: relative;
 opacity:1;
   -webkit-transition: opacity 200ms linear;
   -moz-transition: opacity 200ms linear;
   -o-transition: opacity 200ms linear;
   -ms-transition: opacity 200ms linear;
   transition: opacity 200ms linear;

}
@-webkit-keyframes breath {
 0%   {  background-size: 110% auto; }
 50%  {  background-size: 130% auto; }
 100% {  background-size: 110% auto; }      
}
.hieuungzoom_bg:hover{
   opacity:0.8;
   -webkit-transition: opacity 200ms linear;
   -moz-transition: opacity 200ms linear;
   -o-transition: opacity 200ms linear;
   -ms-transition: opacity 200ms linear;cursor: pointer;
   transition: opacity 200ms linear;
 -webkit-animation: breath 5s linear infinite;


}
.content_slide{
    position:absolute;width: 100%;left: 0;right:0;margin:0 auto;top:38%;color: #fff;
}
.content_slide h1{text-transform: uppercase;font-family:'SVN-Poppins-SemiBold';   position:relative; font-size: 62pt;    padding-bottom: 20px;margin-bottom: 30px;
}
.content_slide h1:before{
  content: '';position:absolute;left: 0;right:0;width: 100px;margin:0 auto;height: 3px;background-color: #fff;bottom:0;
}
.box1{
  background:url('')center no-repeat;
  background-size: cover;padding:40px 0;padding-bottom: 0;
}
.box1 p{
   margin-bottom: 20px;    line-height: 26px;
}
.box1 hr{
  margin-top:30px;
}
.title_chung{
      text-transform: uppercase;
    font-size: 24px;
    margin: 20px 0;font-weight: 600;
    padding-bottom: 20px;
    position: relative;

}
.title_chung:before{
  content: "";
  position: absolute;width: 30px;height: 2px;background-color: #000;bottom: 10px;
}
.tongquan2 p{font-size: 16px;}
.tongquan3 p{font-size: 16px;}
.content_gt p.title{
  font-family:'SVN-Poppins-SemiBold';    font-size: 20px;
}
.ykh{
  padding:40px 0;
}
.phay{
    position: absolute;
    right: 25px;
    top: 20px;
    max-width: 35px;
}
.baoquanh_ykien{
  background-color: #f2f2f2;margin:0 25px;padding:25px;position: relative;min-height: 212px;
}
.image_ykien img{max-width: 70px;margin-top: -45px;    margin-bottom: 12px;}
.name_ykien{font-family:'SVN-Poppins-Bold';margin-bottom: 10px;font-size: 24px;}

.slick-ykien .arrow{
  position: absolute;bottom:35%;z-index: 99;

    background: #d2d2d29e;
padding: 2px 15px;
    border-radius: 50%;
}
.slick-ykien .arrow:hover{cursor: pointer;}
.slick-ykien .arrow.prev {
  left: -5%;
}
.slick-ykien .arrow.next {
  right: -5%;
}
.slick-ykien .arrow i{
  font-size: 34px;color: #fff;
}
.transino_on_social{
    background:url('../images/bg_social.png')top center no-repeat;
  background-size: cover;padding:40px 0;padding-top: 20px;
}
.transino_on_social .title_chung{color: #fff;}
.transino_on_social .title_chung:before{background-color: #fff;}
.img_sanpham_popup{text-align: center;}
.img_sanpham_popup img{max-width: 300px;margin:0 auto;}
.content_popup_sp1{
   background:url('../images/bg_sp2.png')top center no-repeat;
      background-size: cover;padding:10px 15px;
}
.content_popup_sp1 h1.name_sp{position: relative;;padding-bottom: 20px;margin-bottom: 30px;}
.content_popup_sp1 h1.name_sp:before{
  content: "";width: 40px;height: 2px; background:#333333;position:absolute;bottom:0;left: 0;right:0;
    margin: 0 auto;
}
.content_popup_sp2{
      background:url('../images/bg_sp1.png')top center no-repeat;
      background-size: cover;padding:10px 15px;
}
.box7{
  background:url('')top center no-repeat;
  background-size: cover;padding:40px 0;
}
.content_ykien{
  line-height: 26px;
}
.box7 form{border:1px solid #000;padding:30px;}
/*.box7 form label{text-align:left;}*/
.box7 form button{
  background-color: #fff0;border:1px solid #000;padding:15px 25px;  font-family:'SVN-Poppins-Bold'; 
}
.box7 form button:hover{
  background:#0008a3;color: #fff;
}
.box7 form input{
  background-color: #ebf3f9;min-height: 55px;margin-bottom: 15px;
}
.box7 .cot2 .title_chung{
  text-transform: uppercase;color: #000;position:relative;padding-bottom:10px;margin-bottom: 30px;font-size: 24px;font-family:'SVN-Poppins-Bold'; 
}
.box7 .cot2 .title_chung:before{
  content: "";width: 40px;height: 2px; background:#333333;left: 0;position:absolute;bottom:0;
}
.box7 .cot1{padding-right: 50px;}
.box7 .cot2{padding-top: 0px;}
.box7 .cot1 img{margin-bottom: 15px;}
.box7 .cot3 p{
  font-family:'SVN-Poppins-Bold'; 
}
.video_list{
padding:40px 0;
}
.video_list .arrow,.slick-product .arrow{
  position: absolute;bottom:40%;z-index: 99;
      background: #fff;
    width: 40px;    border: 1px solid #000;
   text-align: center;    padding: 5px 13px;
}
.video_list .arrow:hover,.slick-product .arrow:hover{cursor: pointer;}
.video_list .arrow.prev,.slick-product .arrow.prev{
    left:-5%;

}
.video_list .arrow.next,.slick-product .arrow.next {
  right:-5%;
}
.video_list .arrow i,.slick-product .arrow i{
  font-size: 28px;color: #000;
}
.baoquanh_listvideo{
  padding: 0 15px;
}
/*.slide_video {
      -webkit-mask-image: linear-gradient(90deg,#000 50%,transparent);
    mask-image: linear-gradient(90deg,#000 50%,transparent);text-align: center;
}
.slide_video .slick-list{
  -webkit-mask-image: linear-gradient(275deg,#000 50%,transparent);
    mask-image: linear-gradient(275deg,#000 50%,transparent);
}*/
.slide_video .img_video{
  display: flex;align-items: center;
}
.slide_video .img_video img{
margin: 0 auto;
}
.slide_video .img_video img:hover{cursor: pointer;}

footer{
  background:#012456;padding:20px 0;text-align: center;color: #fff;
}
footer p{margin:0;   margin-bottom: 5px;}
footer ul{display: inline-flex;}
footer ul li{
border-right:1px solid #fff;padding:0 15px;list-style-type: none;
}
footer ul li:last-child{
  border:none;
}
footer ul li a{color: #fff;}
.title_ft{
  text-transform:uppercase;font-weight: bold;font-size: 18px;margin-bottom: 10px;margin-top: 20px;
}
.mangxh img{max-width: 30px;margin:10px;}
footer a{color: #fff;}

@media(max-width: 767px){
  .cot1_logo  img{
    max-width: 96px;
    max-height: 50px;
  }
  nav#main-menu {
    right: 0;
}
nav#main-menu{margin-top: 0px;}#main-menu .button{right:20px;top:-50px;left: auto;}.col-logo img{max-width: 80px}
header {
    padding: 10px 0px;
}
  .logo img {
    max-width: 96px;
    max-height: 50px;
}
#main-menu ul{margin-top: 0;}
#main-menu > ul > li > a{font-size: 14px;}
.content_slide {top:20%;}
  .content_slide h1{font-size: 14pt;    padding-bottom: 10px;margin-top: 40px;
    margin-bottom: 20px;}
    .content_slide h3{font-size: 10pt;margin-bottom: 0;
    margin-top: 10px;}
.box1 img{margin-bottom: 15px;}
.content_product {
    height: auto!important;
    -webkit-line-clamp: 20!important;
}
.slick-ykien .arrow.prev {
  left: 0%;
}
.slick-ykien .arrow.next {
  right: 0%;
} 
 .slick-product .arrow{
  bottom:70%;
 }
.video_list .arrow.prev,.slick-product .arrow.prev{
    left:2%;

}
.video_list .arrow.next,.slick-product .arrow.next {
  right:2%;
}
.transino_on_social img{margin-bottom: 15px;}
.baoquanh_ykien {
    margin: 0;
}
.img_sanpham_popup img {
    max-width: 200px;
    margin: 0px auto;
}
.content_popup_sp1 h1.name_sp{font-size: 18px;}

footer ul{display: block;}
footer ul li{border:none;}
}