@charset "UTF-8";
*{-webkit-appearance:none;margin:0;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::-webkit-scrollbar{background:#fff;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBBBBB}
img{max-width:100%!important;vertical-align:middle;height:auto!important;}
.grecaptcha-badge{display:none}
html{font-size: 62.5%;}
/* Main */
:root{--color-key:#F1140B;--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#333333;--color-gray:#6c757d;}
body{font-size:1.6rem;line-height:1.5;font-family:'Mulish',sans-serif;font-weight:400;overflow-x:hidden;/* max-width:1440px; */margin:auto!important;position:relative;background: #ffffff;}
a,a:hover{text-decoration:none;}
.hover-zoom:hover img{
    transform: scale(1.1);
}
.banner-product{width: 100%;height: 45vw;max-height: 29rem;background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom: 5rem;}
.banner-product{width: 100%;}
.for_pro_page{background-color: #f3f3f3;}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    content: '/';
}
.bottom-contact.map{margin-top: 3rem;}
.bottom-contact iframe{width: 100%!important;}
.breadcrumb-item+.breadcrumb-item{padding-left: 1rem!important;}
.breadcrumb-item+.breadcrumb-item::before{padding-right: 1rem!important;}
.hover-zoom{display: block;overflow: hidden;}
.banner-title{font-size: 3.2rem;color: #fff;font-weight: 600;}
p,ul{margin-bottom:0px;}
.img-block{max-width:100%;display:block;}
.img-block-full{max-width:100%;width:100%;display:block;}
.img-block-auto{max-width:100%;display:block;margin:0 auto;}
.hidden-vcard,.hidden-seoh{font-size:0px;width:0px;height:0px;visibility:hidden;opacity:0;text-indent:-999999999px;margin:0px;}
.text-split-2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.text-split-3{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:var(--split);line-height:20px;}
.posk{position:sticky;top:50px;}
.ez-toc-title-container{display:table;width:100%;}
.ez-toc-title-container p.ez-toc-title{font-size:17px;text-transform:capitalize;font-weight:500;display:table-cell;text-align:left;vertical-align:middle;padding-right:20px;}
.ez-toc-title-container span.ez-toc-title-toggle{display:table-cell;text-align:right;vertical-align:middle;}
.ez-toc-title-container span.ez-toc-title-toggle a{border:1px solid transparent;text-shadow:0 1px 0 #fff;background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;padding:1px 8px;font-size:12px;line-height:1.5;border-radius:3px;font-size:15px;cursor:pointer;}
.ez-toc-title-container span.ez-toc-title-toggle a i{}
.btn-view-detail{display: inline-block;padding: 12px 24px;border-radius: 50px;background-color: #fff;color: var(--color-key);line-height: 1;margin-top: 1.5rem;font-weight: 700;transition: all 0.4s ease;border: 1px solid #fff;}
.btn-view-detail:hover{background-color: var(--color-key);color: #fff;transition: all 0.4s ease}
.btn-view-more{display: inline-block;padding: 12px 50px;border-radius: 50px;background-color: var(--color-key);color: #fff;line-height: 1;margin-top: 1.5rem;font-weight: 700;transition: all 0.4s ease;border: 1px solid var(--color-key);}
.btn-view-more:hover{background-color: #fff;color: var(--color-key);transition: all 0.4s ease}
.main-title{font-weight: 600;font-size: 3.2rem;padding-left: 1rem;margin-bottom: 3.5rem;}
.main-title a{font-size: 1.6rem;font-weight: 600;color: #FF6B6B;}
.main-title a span{padding-right: 0.7rem;}
/* Shine */

.hover14 figure {
    position: relative;
}
.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hover14 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
/*Reset bootstrap*/
figure{margin: 0;}
.alert-warning{margin-top: 1.5rem;}
.mb-cus{margin-bottom: 1.7rem;}
.input-group-append{margin-left: 0;width: 100%;}
.container{padding-right:10px;padding-left:10px;max-width:1149px!important;width:100%!important;}
.row{margin-right:-10px;margin-left:-10px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:10px;padding-right:10px;}
.mb-cus-7rem{margin-bottom: 7rem;}
.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);.header:center;line-height:25px;font-size:11px;border-radius:100%;}
.breadCrumbs ol{padding:0.75rem 0;background:none;margin-bottom:0;}
.search-tool{gap: 3rem}
.search-tool a{color: var(--color-black);}
.search-tool a img{padding-right: 0.5rem;}
.search-tool a:hover,.search-tool a.active{color: var(--color-key);}
.search-tool .line{width: 1px;height: 2rem;background-color: var(--color-black);height: 2.4rem;}
.modal-dialog{max-width: 540px!important;margin: 10rem auto;}
.modal-dialog iframe{height: 310px!important;}
.modal-header{border-bottom: none;}
.modal-header .close{font-size: 4rem;color: #000;}
.modal .title-main{margin-bottom: 3rem;}
/*Custom Modal đăng ký*/
.modal-search .modal-content{background-color: transparent;border: none}
.modal-search .modal-dialog {margin-top: 15rem;}
/*Header*/
.header-top{padding: 1.3rem 0;background-color: #000;color: #b6b6b6;font-size: 1.4rem;}
.list-info{list-style: none;}
.list-info li img{padding-right: 5px;}
.list-info li {align-items: center;display: flex;margin-left: 2rem;}
.list-menu-header a{font-size: 1.4rem;color: #b6b6b6;padding-right: 1.8rem;display: inline-block;}
.header{position:relative;background:#fff;z-index:222;width:100%;transition:all 0.5s ease;padding: 2.5rem 0;}
.header .logo{width: 25%;}
.header .container-fluid{max-width: 1345px;}
.wrap-menu{ flex: 1;}
.social-slider{max-width: 180px;margin-top: 2.5rem;}
.social-slider img{max-height: 22px;}
.scrollUp {transform: translateY(-100%);}
.left-logo{width:242px;}
.right-logo{width:calc(100% - 242px);padding-top:36px;position:relative;}
.right-logo .banner{width:calc(100% - 200px);}
.top-show{position:absolute;top:0px;left:0px;height:36px;background:#ededed;width:100%;padding-left:10px;}
.top-show:before{width:39px;height:36px;background:url('../images/left-top.png') no-repeat left center;content:'';position:absolute;left:-39px;}
.top-show:after{width:100%;left:100%;content:'';height:36px;position:absolute;background:#ededed;}
.top-show p a img{max-height:27px;}
.info-header,.user-header a{color:#FFF;}
.info-header{font-family:'UTMSharnay';font-size:25px;margin:-7px 0px 0px;font-weight:400;position:relative;width:400px;display:block;}
.info-header:before{content:attr(data-text);width:100%;position:absolute;left:2px;bottom:-2px;font-size:25px;color:#333;z-index:0;-webkit-text-stroke:0.5px #FFF;-webkit-text-fill-color:transparent;}
.info-header span{position:relative;z-index:1;}
.hotline{width: 12%;font-size: 18px;color: #00B9F3;font-weight: 600;}
.hotline img{padding-right: 1rem;}
.social-header{list-style:none;}
.social-header a{margin:0px 2px;}
.social-header img{max-height:30px;}
.header-bottom{padding:10px 0px;}
.hotline-header p:nth-child(1){font-size:20px;font-weight:500;}
.hotline-header p:nth-child(2){font-size:25px;color:#FF0000;font-weight:900;}
.btn-search{cursor: pointer;}
.btn-search img{padding-left: 1rem;}
/*about us*/
.about-company{padding-top: 5rem;padding-bottom: 6rem;background-color: #f6f6f6;}
.about-company .title-main{text-align: left;}
.about-desc{margin-top: 3rem;}
.about-img{position: relative;}
.about-img:after{content: url('../images/img-border-top.svg');position: absolute;top: -3rem;left: -3rem;width: 131px;height: 131px;}
.about-img:before{content: url('../images/img-border-bottom.svg');position: absolute;bottom: -3rem;right: -3rem;width: 131px;height: 131px;}

/*Notification*/
.notification{padding-top: 8.5rem;padding-bottom: 8.5rem;color: #fff;}
.notification .title-main{text-align: left;}
.notification .title-main p{color: #fff;}
.notification .title-main h2{color: #E3B759;}
.slick-notifi{margin-top: 3.5rem;}
.notifi-desc{margin-top: 1.5rem;color: #b6b6b6;}
.notifi-name{color: #fff;font-size: 2rem;font-weight: 700;}
.notifi-img{position: relative;}
.notifi-img:before{content: url('../images/img-border-bottom-2.svg');position: absolute;bottom: -3rem;right: -3rem;width: 131px;height: 131px;}

/*Khóa dạy*/
.class-drive{padding-top: 6.5rem;padding-bottom: 5.5rem;}
.class-drive h2{animation: blinkcolor 1s linear infinite;}
@keyframes blinkcolor{
    from{color: #E3B759;}
    to{color: #a51713 ;}
}
.class-type{width: 100%;box-shadow: 0px 0px 40px rgba(124, 124, 124, 0.25);border-radius: 5px;padding-bottom: 3.5rem;transition: all 0.4s ease;position: relative;}
.col-class-type:nth-child(2) .class-type{box-shadow: none;background-color: #F1140B;color: #fff;overflow: hidden;}
.col-class-type:nth-child(2) .class-name h3 a{color: #fff}
.class-content{padding: 0 23px;margin-top: 3.5rem;background: url('../images/bg-mp.svg') no-repeat center 65px;}
.class-name{text-align: center; padding-top: 42px; font-size: 24px; line-height: 32px; margin-bottom: 15px; position: relative; padding-bottom: 5px}
.class-name::after{position: absolute; content:""; width: 55px; height: 3px; background: #D8D8D8; border-radius: 15px; left: 50%; bottom: 0; transform: translateX(-50%)}
.class-name h3{font-size: 24px ;line-height: 32px; font-weight: 700; }
.class-name h3 a{color: #000;}
.class-content h2,.class-content h1,.class-content h3, .class-content h4{position: relative;}
.class-content h4:before{content: "\27A4";position: absolute;left: 0px;}
.class-content h4{padding-left: 24px}
.price-class{}
.list-class{margin-top: 3.5rem;}
.col-class-type:nth-child(2) .class-type .class-name{/* background-color: #fff; */color: #fff;}
.col-class-type:nth-child(2) .class-type .btn-res{background-color: #fff;color: var(--color-key)!important;}
.col-class-type:nth-child(2) .class-type .btn-res::before{background: #fff}
.col-class-type:not(:nth-child(2)) .class-type{position: relative;top: 3rem;}
.class-type-ab{background: #FFBB00; display: inline-block; padding:6px 13px; border-radius: 0 0 10px 10px ; color: #000; font-size: 16px; line-height: 22px; }
.class-type-ab span{display: inline-block; margin-right: 8px;}
.class-type:hover{top: 0px !important;}
.price-new{font-size: 32px; line-height: 44px; font-weight: 700; color: #A51713; }
.col-class-type:nth-child(2) .class-type .price-new{color: #FFBB00}
.price-old{text-decoration: line-through; font-size: 16px; line-height: 22px; }
.btn-res,.see-class{display: inline-block; overflow: hidden;position: relative;color: #fff!important;padding: 1.3rem 2.5rem!important;border-radius: 50px;background-color: var(--color-key);text-transform: uppercase;font-weight: 700;margin-top: 26px;transition: all 0.4s ease;}
.btn-res{
	animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.btn-res-content{display: inline-block; transition: .5s all}
@keyframes xuathien{
	0%{transform: translateX(0%)}
	50%{transform: translateX(50%)}
	100%{transform: translateX(0%)}
}
.btn-res:hover .btn-res-content{animation: xuathien 1s linear}
.btn-res-icon{display: inline-block; margin-right: 8px;}
.btn-res-icon img{filter: brightness(0) invert()}
.col-class-type:nth-child(2) .btn-res-icon img{filter: unset}
.btn-res:before{position: absolute;content: "";background: var(--color-key);width: 0%;height: 100%;top: 0;right: 0;pointer-events: none;transition: .5s all; z-index: 2}
.btn-res:hover::before{animation: xuathien1 1s linear; transition: 1s all; width: 0%;  }
@keyframes xuathien1{
	0%{width: 0%}
	50%{width: 50%}
	100%{width: 0%}
}
/* .btn-res:hover{background-color: #a51713;} */
.see-class{background-color: var(--color-key)!important;color: #fff;}
.see-class:hover{color: var(--color-key)!important;background-color: #fff!important;}
/*đăng ký báo giá*/
.register {padding-top: 7rem;padding-bottom: 5.5rem;position: relative;}
.register .col-cus{position: relative;z-index: 10;}

.register .col-desc{max-width: 46rem;margin: 0 auto;}
.register .title{text-align: center;font-size: 2.4rem;font-weight: 600;color: #fff;margin-bottom: 2.4rem;text-transform: uppercase;}
.register .form-control{background-color: rgba(255, 255, 255, 0.2);backdrop-filter: blur(8px);border-radius: 4px;color: #fff;}
.register .form-control::placeholder{color: #fff;}
.register .title-main p{color: #fff;}
.register .title-main h3{color: #fff;}
.register .col-desc{max-width: 550px;}
.register .validation-contact{margin-top: 4rem;}
.col-feedback{width: 46rem;}
.feedback-item{padding: 1rem;border-radius: 10px;background-color: #fff;margin-bottom: 1rem;}
.slick-slide>div:nth-child(2) .feedback-item{flex-direction: row-reverse;}
.slick-slide>div:nth-child(2) .feedback-item .content{text-align: right;padding-right: 1rem;}
.slick-slide>div:nth-child(1) .feedback-item .content{padding-left: 1rem;}
.cus-name{font-weight: 600;}
/* Tin tức */
.news-index{padding-top: 5.3rem;padding-bottom: 6rem;}
.news-item{position: relative;box-shadow: 0px 3px 12px 3px rgba(124, 124, 124, 0.25);overflow: hidden;}
.news-title{border-radius: 5px;width: 90%;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.news-title h3{color: var(--color-black);font-weight: 700;transition: all 0.4s ease;min-height: 42px}
.news-item:hover .news-title{left: 10%;}
.news-item:hover .news-date{top: 0;}
.news-item:hover .news-title h3{color: var(--color-key);}
.news-item img{width: 100%}
.news-date{position: absolute;left: 0;top: -105px;background-color: #fff;padding: 1.7rem 1.1rem 1.3rem;text-align: center;border-bottom-right-radius: 20px;transition: all 0.3s ease;}
.news-date .day{font-size: 3.2rem;font-weight: 600;}
.news-info{padding: 2.4rem 1.2rem;}
.news-list{margin-top: 4rem;}
.news-index .title-main{position: relative;}
.news-index .title-main:before{content: url('../images/bg-mp-2.svg');position: absolute;left: 0;top: -16px;}

/*tại sao chọn chúng tôi*/
.why-choose{padding-top: 6.5rem;padding-bottom: 6rem;background-color: #f6f6f6;}
.why-desc{margin-top: 3.5rem;}
.list-why-choose{margin-top: 2rem;}
.list-why-choose ul{list-style: none;}
.list-why-choose ul li:hover .icon:before{transform: translate(-50%,-50%) rotate(135deg)}
.why-choose-name{font-size: 2.8rem;font-weight: 800;margin-top: 1.5rem;}
.why-choose .icon{width: 7.2rem;height: 7.2rem;position: relative;}
.why-choose .icon:before{width: 7.2rem;height: 7.2rem;content: '';background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);transition: all 0.4s ease;border-radius: 5px;}
.why-choose .icon img{max-height: 4rem;z-index: 5;}

/*Video index*/
.video-index{padding-top: 8.5rem;padding-bottom: 8rem;}
.video-item{width: calc((100%/3) - 2.4rem);margin: 0 1.2rem;}
.slick-video{margin-left: -1.2rem;margin-right: -1.2rem;margin-top: 6.5rem;}
.pic-video{position: relative;}
.icon-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;}
.name-video{margin-top: 2rem;font-size: 1.6rem;font-weight: 700;color: var(--color-black);transition: all 0.4s ease;}
.video-item:hover .name-video{color: var(--color-key);}

/* Album index */
.album-index{padding-top: 3.5rem;padding-bottom: 8rem;background-color: #f5f5f5;}
.album-item{width: 25%;}
.see-all{background-color: #E3B759;transition: all 0.4s ease;}
.see-all:hover{background-color: var(--color-key);}
.see-all a{color: #fff;}
.album-list {margin-top: 3rem;}

/* Đội ngũ giảng viên */
.staff{padding-top: 8rem;padding-bottom: 10rem;}
.staff-item{width: calc((100%/3) - 2.4rem);margin: 0 1.2rem;padding-bottom: 4rem;position: relative;}
.staff-info{position: absolute;right: 0;bottom: 1rem;box-shadow: 0px 3px 12px 3px rgba(124, 124, 124, 0.25);padding: 2rem 1rem;background-color: #fff;width: 80%;background-image: url('../images/staff-border.svg');background-repeat: no-repeat;background-position: top right;background-size: auto 100%;}
.staff-name{font-weight: 700;}
.staff-list{margin-left: -1.2rem;margin-right: -1.2rem;margin-top: 3rem;}
/* Đối tác */
.partner{padding-top: 5rem;padding-bottom: 5rem;}
.slick-doitac{margin-top: 3rem;}
.slick-doitac a{text-align: center;}
.slick-doitac img{margin: 0 auto;}
/*Menu*/
/*.wrap-menu{width:calc(100% - 240px);}*/
/*.logo{width:220px;}*/

.menu{}
.menu ul.menu-i{margin-top:1rem;flex:1;gap: 4rem}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:99;}
.menu ul.menu-i > li:first-child,.menu ul.menu-i > li:last-child{/* display:none; */}
.menu ul.menu-i > li{padding:0;display:flex;align-items:center;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);}
.menu ul li h2{line-height:normal;margin:auto;font-size:inherit;font-weight:normal;}
.menu ul li a{display:block;position:relative;z-index:1;text-align:center;text-decoration:none!important;transition: all 0.4s ease;}
.menu ul li a{font-size:1.5rem;color:var(--color-black);margin:0px;padding:10px 0px;font-weight:600;position:relative;font-family:'Mulish';text-transform: uppercase;}
section.header.fiedx .menu ul li a{color: #707070;}
.menu ul li a:before{content: '';position: absolute;width: 0;left: 0;bottom: 0;height: 2px;border-radius: 4px;background-color: var(--color-key);transition: width 0.4s ease;}
.menu ul li a:hover:before,.menu ul li a.active:before{width: 100%;color: var(--color-key);}
.menu ul li a:hover{color: var(--color-key);}
.menu ul li ul li a{color:#707070;} 
.menu ul.menu-i > li > a.active,.menu ul.menu-i > li:hover > a{color:var(--color-key);}
.menu ul.menu-i > li > a.active:after,.menu ul.menu-i > li:hover > a:after{/* transform:scale(1); */}
.menu ul li ul li a:hover{color:var(--color-key);}
.menu ul li ul{position:absolute;min-width:200px;background: #fff;box-shadow:0 3px 12px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;top:100%;}
.menu ul li ul.wpage{min-width:400px;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li a{text-align:left;border-bottom:1px solid rgb(199 188 188 / 20%);}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a{font-size:1.6rem;padding:7px 15px;text-transform:inherit;line-height:22px;}
.menu ul li ul li ul{top:0px;left:100%;}

/*Menu custom*/
.menu ul li ul.menu_spec{
    min-width: 600px;
    display: flex;
    flex-direction: row;
    padding: 2rem;
    width: auto;
    flex-wrap: wrap;
}
.menu ul li ul.menu_spec:after{
    /*position: absolute;
    top: -10px;
    left: 65px;
    content: '';
    width:0px;
  height:0px;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #2f2f2f; /* Tam giác phía dưới được đổ màu */
   
}
.menu ul li ul.menu_spec li ul{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;

}
.menu ul li ul.menu_spec > li{
    width: calc(100%/3);
}
.menu ul li ul.menu_spec li a{
    font-weight: 700;
}
.menu ul li ul.menu_spec li ul li a{
    font-weight: 400;
}
.see-more{display: inline-block;padding: 1.3rem 2.3rem;background-color: var(--color-key);color: #fff;text-transform: uppercase;margin-top: 3.5rem;font-size: 1.4rem;}

/* Search */
.search{width:100%;max-width: 66.6rem;display:flex;background:none;background: #00B9F3;border-radius:10px;padding: 3px;}
.search p{width:70px;height:55px;line-height:35px;cursor:pointer;text-align:center;margin:0px;color:var(--color-gray);font-size:16px;background-color: #FF6B6B;border-radius: 10px;}
.search input{width:calc(100% - 70px);height:55px;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size:12px;color:#000;font-size:14px;background-color: #fff;border-radius: 10px;margin-right: 3px;}
.search input::-webkit-input-placeholder{color:#ccc;}
.search input:-moz-placeholder{color:#ccc;}
.search input::-moz-placeholder{color:#ccc;}
.search input:-ms-input-placeholder{color:#ccc;}
.searchs-menu .search{border:1px solid #e6e6e6;min-width:inherit;margin-left:auto;}
#khoahoc option{color: #000;}
/*Title*/
.title-main{text-align:center;text-transform: uppercase;}
.title-main h3,.title-main h1,.title-main h4,.title-main h2{text-transform:uppercase;font-size:2.8rem;font-weight:800;color:var(--color-key);margin-bottom:0px;}
.title-main h3.white{color:#FFF;}
.title-main p{color:var(--color-black);margin-bottom: 0.5rem;}
.about-company-job{margin-top: 4.5rem;}
.title-main-news{text-align:left;}
.title-main-news p{font-size:28px;line-height:normal;font-weight:800;color: var(--color-key);}
.box-main{}
.left-main{width:270px;}
.left-main .left-title{padding-left:30px;background:url('../images/icon-list.png') no-repeat left center;text-transform:uppercase;font-size:18px;font-weight:500;color:#333;margin-bottom:12px;line-height:30px;}
.left-main .left-desc ul{list-style:none;}
.left-main .left-desc{border:1px solid #f3f3f3;padding:15px;}
.left-main .left-desc .left-menu-border li:not(:last-child){border-bottom:1px solid #f3f3f3;}
.left-main .left-desc .left-menu li{position:relative;}
.left-main .left-desc .left-menu li a{font-size:14px;color:#333;padding:6px 10px 6px 15px;position:relative;display:block;}
.left-main .left-desc .left-menu li a.tt{text-transform:uppercase;}
.left-main .left-desc .left-menu li a:before{width:5px;height:5px;position:absolute;left:0px;top:13px;content:'';background:#dedede;border-radius:50%;}
.left-main .left-desc .left-menu li ul{width:100%;left:100%;top:0px;position:absolute;background:#FFF;padding:0px 10px;z-index:20;box-shadow:0px 0px 5px #d9d9d9;opacity:0;visibility:hidden;margin-top:20px;transition:all 0.6s;}
.left-main .left-desc .left-menu li:hover > ul{opacity:1;visibility:visible;margin-top:0px;}
.left-main .left-desc .left-menu li:hover > a{color:var(--color-key);}
.left-main .left-desc .left-menu li:hover > a:before{background:var(--color-key);}
.left-main .left-desc .support-info{margin-left:5px;}
.left-main .left-desc .support-info p:nth-child(1){font-size:12px;}
.left-main .left-desc .support-info p:nth-child(2){font-size:15px;font-weight:700;color:#F00000;}
.left-main .left-desc .support-email{padding-left:35px;background:url('../images/icon-mail.png') no-repeat left center;line-height:30px;}
.left-main .left-desc.support-bg{padding-bottom:135px;background:url('../images/icon-support.png') no-repeat bottom right;}
.right-main{width:calc(100% - 300px);}
.wrap-slick-p-img{margin-top: 5rem;margin-bottom: 5rem;}
/*Product*/
#product-index{}
.product{transition:all 0.6s;}
.product:hover{box-shadow:0px 0px 10px #cccccc;}
.product-img{padding:10px 10px 0px 10px;position:relative;}
.product-img .price-per{width:37px;height:37px;display:inline-block;background:url('../images/icon-sale.png') no-repeat;position:absolute;top:10px;right:10px;color:#FFF;display:flex;align-items:center;justify-content:center;}
.code-product{margin-bottom:5px;}
.product-info{padding:10px;}
.product-info h3{line-height:15px;margin-bottom:5px;}
.product-info h3 a{font-size:14px;color:#333;line-height:20px;font-weight:700;}
.price-product .price-new{font-size:15px;color:#D61414;font-weight:700;}
.price-product .price-old{font-size:13px;color:#333;text-decoration:line-through;}
.price-product .price-per{display:inline-block;padding:2px 5px;color:#FFF;background:var(--color-key);border-radius:2px;font-size:13px;margin-left:9px;position:relative;}
.price-product .price-per:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-right-color:var(--color-key);border-width:5px;margin-top:-4px;}
.product-action{margin-top:15px;margin-bottom:15px;z-index:2;opacity:0;visibility:hidden;position:relative;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;}
.product-action button{height:40px;line-height:40px;padding:0 15px;color:#ff2a2d;background:#fff;border-radius:5px;position:relative;font-size:13px;border:none;box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);-o-box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);-os-box-shadow:0 0 1rem 0 rgba(0,0,0,0.1);text-transform:uppercase;font-weight:700;margin:0px 5px;}
.product-action button:hover{background:#ff2a2d;color:#fff;}
.product:hover .product-action{visibility:visible;opacity:1;}
.banner-product{position: relative;}
.banner-product .content{width: 100%;}

/* Sản phẩm chi tiết */
.slide-inpage{margin-bottom: 98px;}
.khoahoclaixe-inpage{position: relative;}
.khoahoclaixe-inpage::before{position: absolute;content:"";max-width: 456px;width: 100%;height: 677px;background: url("../images/ab1.png") no-repeat;left: 0;top: 390px;z-index: -1;}
.khoahoclaixe-inpage::after{position: absolute;content:"";max-width: 467px;width: 100%;height: 762px;background: url("../images/ab2.png") no-repeat;right: 0;top: 1500px;z-index: -1;}
.class-detail-top{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 110px}
.class-detail-top-left{width: calc(500% * 100 / 1130)}
.slogan-detail-top{margin-top: 27px; font-size: 16px; line-height: 24px; margin-bottom: 14px; color: #222222}
.name-slogan-top{font-weight: 700; }
.desc-slogan-top{font-weight: 500}
.name-static-top{font-size: 28px; line-height: 34px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px;}
.desc-static-top{font-size: 16px; line-height: 24px;}
.class-detail-top-right{width: calc(578% * 100 / 1130); margin: -12px; display: flex; flex-wrap: wrap;}
.col-tieuchi{width: 50%; padding: 12px;}
.tieuchi{background: #F0F0F0; border-radius: 8px; overflow: hidden; padding: 32px 24px 28px 24px; height: 100% }
.tieuchi-img{display: flex;justify-content: center;align-items: center;width: 96px;height: 96px;background: #FDCBC9;border-radius: 50%;margin: auto;margin-bottom: 27px;border: 2px dashed #F1140B;}
.name-tieuchi{font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 9px; text-align: center; }
.desc-tieuchi{font-size: 16px; line-height: 24px;}
/* Quyền lợi */
.box-quyenloi, .box-thongbao{margin-bottom: 108px;}
.box-title-quyenloi{margin-bottom: 36px}
.slogan-quyenloi{font-size: 16px; font-weight: 500; margin-bottom: 6px; }
.title-quyenloi{font-size: 28px;font-weight: 700;line-height: 34px;}
.quyenlois{border-bottom: 1px solid #dbdbdb;}
.quyenloi{margin-bottom: 24px}
.quyenloi-img{border-radius: 8px; overflow: hidden; margin-bottom: 27px; }
.name-quyenloi{font-size: 20px; line-height: 28px; min-height: 56px; font-weight: 700; margin-bottom: 9px;}
.name-quyenloi a{color: #222; transition: .5s all}
.name-quyenloi a:hover{color: var(--color-key)}
.desc-quyenloi{font-size: 16px; line-height: 24px; }
/* Video */
.box-video{margin-bottom: 102px}
.slick-video-khoahoc{margin: 0px -10px;}
.slick-video-khoahoc .slick-slide{padding: 0 10px;}
.box-video .slick-video-khoahoc{border-bottom: 1px solid #dbdbdb; padding-bottom: 10px}
.video-khoahoc-img{position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; margin-bottom: 27px;}
.xem-video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; background: rgba(0,0,0,0.32);display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; pointer-events: none}
/* Hình ảnh học viên */
.box-hinhanh, .box-khoahoc{margin-bottom: 102px;}
.grid-hinhanh{display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(6, 112px); grid-gap: 8px; margin-bottom: 8px;}
.hinhanh,.hinhanh a{height: 100%;}
.hinhanh img{height: 100% !important; object-fit: cover; width: 100%}
.hinhanh-item:nth-child(1), .hinhanh-item:nth-child(4){grid-row: 1/3}
.hinhanh-item:nth-child(2){grid-row: 1/4}
.hinhanh-item:nth-child(3){grid-row: 1/4; grid-column: 3/5}
.hinhanh-item:nth-child(5){grid-row: 3/5}
.hinhanh-item:nth-child(6){grid-row: 3/5}
.hinhanh-item:nth-child(7){grid-row: 5/7 }
.hinhanh-item:nth-child(8){grid-row: 4/7; grid-column: 2/3 }
.hinhanh-item:nth-child(9){grid-row: 4/7; grid-column: 3/5}
.hinhanh-item:nth-child(10){grid-row: 5/7; grid-column: 5/6}
.hinhanhs{margin: -4px; display: flex; flex-wrap: wrap;}
.col-hinhanh{padding: 4px; width: calc(100% /3)}
/* Tại sao */
.box-taisao{margin-bottom: 102px;}
.taisao{display: flex; flex-wrap: wrap; justify-content: space-between}
.taisao-content{width: calc(612% * 100 / 1200)}
.desc-taisao{font-size: 16px; line-height: 24px; margin-bottom: 40px}
.desc-taisao h4{position: relative; font-weight: 700; font-size: 16px; line-height: 24px; margin-bottom: 8px;}
.desc-taisao-bottom{margin-bottom: 48px}
.desc-taisao-bottom h4{padding-left: 24px}
.desc-taisao-bottom h4::after{position: absolute; content:"\2713"; left: 0; top: 50%; transform: translateY(-50%); color: #6AD084}
.box-icon-taisao{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 571px; width: 100%}
.icon-taisao{display: flex; width: 244px; margin-bottom: 26px; }
.img-icon-taisao{width: 32px; margin-right: 16px;}
.content-icon-taisao{flex: 1}
.name-icon-taisao{font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 8px;}
.desc-icon-taisao{font-size: 16px; line-height: 24px;}
.taisao-img{width: calc(486% * 100 / 1200); border-radius: 8px; overflow: hidden;}
/* Điểm đón */
.diemdons{background:#FAFAFA; padding: 102px 0 102px;}
.box-diemdon-inpage{margin-bottom: 102px;}
.diemdon{border-radius: 8px; border: 1px solid var(--color-key); padding: 16px; height: 100% }
.box-diemdon .row{margin: -10px;}
.box-diemdon .row .col-12{padding: 10px;}
.name-diemdon{font-size: 16px; font-weight: 700; line-height: 24px; text-align:center; text-transform: uppercase; padding: 12px; border-radius: 30px; color: var(--color-key); background: #FDCBC9; border: 2px dashed; margin-bottom: 28px; }
.content-diemdon{display: flex;}
.img-diemdon{width: 24px; margin-right: 12px;}
.desc-diemdon{font-size: 16px; flex: 1;}
/* Feedback */
.box-feedback{margin-bottom: 102px}
.feedback{display: flex; flex-wrap: wrap; justify-content: space-between;}
.feedback-img{width: 96px; border-radius: 50%; overflow: hidden; height: 96px; margin-right: 16px;}
.feedback-content{flex: 1;margin-top: 15px;text-align: justify;font-size: 16px;line-height: 24px;}
.desc-feedback{margin-bottom: 10px;}
.name-feedback{font-weight: 700;}
/* Modal */
#popup-dangky .modal-content, #popup-result .modal-content{max-width: 480px; margin: auto; background: transparent;}
#popup-dangky .modal-content .modal-body, #popup-result .modal-content .modal-body{padding: 0; }
.form-dangky, .popup-result{border-radius: 16px;overflow: hidden;background: #fff;padding: 72px 48px 48px 48px;position: relative}
.btn-dangky-close{position: absolute; right: 24px; top: 24px; font-size: 28px; color: #000}
.name-form-dangky{font-size: 32px; line-height: 44px; font-weight: 700; text-align: center; margin-bottom: 37px; }
.input-dangky {margin-bottom: 16px; position: relative;}
.input-dangky input, .input-dangky select{height: 48px; border-radius: 24px; padding: 0 16px; font-size: 16px;}
.select-dangky-down{position: absolute;  right: 16px; top: 13px; pointer-events: none }
.btn-modal-dangky{display: inline-block;color: #fff!important;padding: 1.3rem 2.5rem!important; margin: 26px auto 0; height: 48px; font-size: 16px;;border-radius: 50px;background-color: var(--color-key);text-transform: uppercase;font-weight: 700;margin-top: 26px;transition: all 0.4s ease;}
.btn-modal-dangky:hover{background-color: #a51713;}
/* Modal đăng ký thành công */
.rlink{position: absolute;font-size: 31px;color: #222;top: 18px;right: 24px;display: flex;align-items: center;justify-content: center;}
.popup-result-img{margin-bottom: 26px;}
.popup-result-text{font-size: 20px; line-height: 28px; font-weight: 700; margin-bottom: 30px;}



.wrap-jobs{padding-top: 6.5rem;padding-bottom: 3rem;background-color: #f7f8f9;}
.wrap-jobs .main-title{border-left: 5px solid #00b9f3;}
.wrap-jobs .job-item{padding: 0;border-radius: 10px;overflow: hidden;}
.wrap-jobs .company-img{position: relative;}
.wrap-jobs .company-logo{width: 50px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 2.5rem;top: 15.5rem;border-radius: 50%;border: 2px solid var(--color-key);}
.wrap-jobs .job-info{padding-top: 5rem;padding-bottom: 2rem;padding-left: 1.5rem;padding-right: 1.5rem;}
.wrap-jobs .job-name{min-height:6rem;display: block;}
.wrap-jobs .job-location-salary img{max-width: 1.6rem!important;}
.wrap-jobs .job-location-salary>div{margin-bottom: 1rem;}
.wrap-jobs .job-location-salary>div:last-child{margin-bottom: 0;}
.job-item .company-img{display: block;overflow: hidden;}
.job-item .company-img img{transform: scale(1);transition: all 0.3s ease;}
.job-item:hover .company-img img{transform: scale(1.2);}
.company-name img{margin-top: 0.5rem;}
.list-banner a{display: block;margin-bottom: 1.7rem;line-height: 0;}
.jobs-fit{padding-top: 6rem;}
.jobs-fit .main-title{border-left: 5px solid #ff6b6b;}
.date-view{margin-top: 1.3rem;}
.date-view .date{font-size: 1.4rem;color: #909090;}
.date-view  img{max-width: 1.6rem!important;margin-right: 0.5rem;}
/*Product Detail*/

.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;width:100%;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;display:flex;justify-content:flex-start;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;background:#eee;padding:10px 16px;text-transform:capitalize;font-weight:600;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:var(--color-key);color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.content-tabs-pro-detail{padding: 2rem;background-color: #f7f8f9;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}
.tabs-pro-detail{margin-top: 5rem;}
.jobs-detail{padding-top: 2rem;padding-bottom: 2rem;margin-top: 2rem;}

/* Like Share */
.social-plugin{display:flex;justify-content:flex-start;margin-top:10px;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;}

/*News*/
.news-box{display:flex;justify-content:flex-start;margin-bottom:5px;}
.news-box .img-box{width:115px;}
.news-box .desc-box{width:calc(100% - 125px);margin-left:10px;position:relative;text-align:left;color:#777777;transition:all 0.2s linear;-ms-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.news-box .desc-box .tt-background{content:'';position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;display:block;background:#ffffff;transition:all 0.2s linear;-ms-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.news-box:hover .desc-box .tt-background{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);}
.news-box .desc-box .tt-zindex{position:relative;z-index:2;}
.news-box .name-news-home a{font-size:14px;color:#333;font-weight:500;}
.news-box .view-news-home{margin-top:10px;}
.news-box .view-news-home a{display:inline-block;padding:3px 10px;color:#333;border:1px solid #333;}

/*News page*/
#news-index{margin-top:30px;}
.news{margin-bottom:15px;}
.news .pic-news{}
.news .info-news{margin-top:15px;text-align:center;}
.news-orther .info-news{margin-top: 0!important;}
.news-orther .info-news .name-news{text-align: left!important;}
.news .info-news .name-news{line-height:normal;font-size:inherit;font-weight:normal;margin-bottom:9px;text-align:center;}
.news .info-news .name-news a{color:#333;display:inline-block;font-size:18px;font-family:Tahoma,Geneva,sans-serif;}
.news .info-news .time-news{font-style:italic;margin-bottom:10px;}
.news .info-news .desc-news{margin-bottom:15px;line-height:23px;color:#706666;-webkit-line-clamp:4;font-size:14px;font-weight:400;}
.news-orther .info-news .desc-news{text-align: left;}
/*News Detail*/

.left-news-detail{width:calc(75% - 15px);}
.right-news-detail{width:calc(25% - 15px);}
.info-news-detail ul,.info-news-detail ol{padding-left:40px;}
.info-news-detail p,.info-news-detail li{margin-bottom:10px;}
.info-news-detail h2{font-size:20px}
.info-news-detail h3{font-size:17px}
.time-main{font-style:italic;}
.time-main i{margin-right:5px;}
.othernews{margin:15px 0px;padding:15px;background:#f7f7f7;}
.othernews h6{font-size:20px;text-transform:uppercase;color:#333;margin-bottom:10px;font-weight:600;}
.othernews li{margin:5px 0px;list-style:none;}
.othernews li a{color:#333;}
.other-title{padding:8px 10px;background:var(--color-key);color:#FFF;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.other-title h5{font-size:15px;color:#FFF;margin-bottom:0px;text-transform:uppercase;}
.other-title a{color:#FFF;font-style:italic;}
.news-other{margin-bottom:15px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.news-other .pic-news{width:calc(35% - 5px);}
.news-other .info-news{width:calc(65% - 5px);}
.news-other .info-news .name-news{font-size:14px;line-height:1.5}
.news-other .info-news .name-news a{color:#333;}
.news-other:hover .info-news .name-news a{color:var(--color-key);}
.news-other .info-news .time-news{font-style:italic;margin-bottom:10px;}
.news-other .info-news .desc-news{margin-bottom:15px;}
.col-news-left{padding-right: 6rem;border-right: 1px solid #d4d4d4;}
.col-news-right{padding-left: 6rem;}
.col-news-right .title{font-weight: 800;font-size: 2.8rem;margin-bottom: 2rem;}
.other-news ul{list-style: none;}
.other-news ul li a{color: var(--color-black);transition: all 0.4s ease;margin-bottom: 1.5rem;display: block;}
.other-news ul li a:hover{color: var(--color-key);}
.other-news{margin-bottom: 5rem;}
.title-form{background-color: #4678b2;padding: 1.5rem 2rem;text-align: center;text-transform: uppercase;color: #fff;font-weight: 700;margin-bottom: 1rem;}
.other-news-item{margin-top: 2rem;}
.other-news-title{font-size: 1.6rem;color: #000;font-weight: 700;margin-top: 1.5rem;transition: all 0.4s ease;}
.other-news-title:hover{color: var(--color-key);}
.other-news-desc{margin-top: 1rem;}
/*video-fanpage-form-index*/
#video-fanpage-form-index{padding:30px 0px;background:#F2F2F2;}
.video-fanpage-form-box{margin:0px -20px;}
.col-page{width:calc(100% / 3);padding:0px 20px;overflow:hidden;}
.col-page h5{font-size:24px;font-family:'UTMAvoBold';padding-left:10px;border-left:3px solid var(--color-key);text-transform:uppercase;padding-bottom:3px;margin-bottom:20px;}
.col-page .input-contact input,.col-page .input-contact textarea{border:1px solid #FFF;background:#FFF;border-radius:0px;}
.col-page .input-contact textarea{height:125px;}
.col-page .btn{border-radius:0px;background:var(--color-key);border:1px solid var(--color-key);min-width:165px;text-align:center;text-transform:uppercase;}
.col-page .img-video{margin-bottom:10px;}

/*desc-index*/
.desc-index .left-index{width:515px;}
.col-desc .img-video{position:relative;overflow:hidden;}
.col-desc .img-video h3{position:absolute;width:100%;left:0px;padding:25px;background:rgba(0,0,0,0.5);color:#FFF;font-size:16px;bottom:0px;margin-bottom:0px;}
.col-desc .img-video span{display:inline-block;width:81px;height:81px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.6s;}
.col-desc .img-video span img{z-index:1;position:relative;}
.col-desc .img-video span:after{position:absolute;width:121px;height:121px;top:-20px;left:-20px;content:'';background:rgba(255,255,255,0.2);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,0.2);animation:morphing 10s infinite;z-index:0;}
@-moz-keyframes morphing{
	0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,0.2);}
	25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;}
	50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,0.2);}
	75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;}
}
@-webkit-keyframes morphing{
	0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,0.2);}
	25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;}
	50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,0.2);}
	75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;}
}
@-o-keyframes morphing{
	0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,0.2);}
	25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;}
	50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,0.2);}
	75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;}
}
@keyframes morphing{
	0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:15px 15px 50px rgba(0,0,0,0.2);}
	25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%;}
	50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;box-shadow:-10px -5px 50px rgba(0,0,0,0.2);}
	75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;}
}
.desc-index .right-index{width:calc(100% - 515px);padding:20px 20px 20px 20px;background:#F1F1F1;}



/*Album*/
.album{}
.album .name-album{font-size:18px;margin-top:10px;text-align:center;display:block;}
.album .name-album a{color:#333;}

.banner-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    color: #fff;
}

/*Contact*/
.top-contact{display:flex;justify-content:space-between;flex-wrap:wrap;}
.maps-contact{width:calc(50% - 15px)}
.maps-contact iframe{width:100%!important;height:310px!important;display:block;}
.form-contact{width:calc(50% - 15px)}
.input-contact{position:relative;margin-bottom:10px;}
.input-contact input,.input-contact textarea{width:100%;padding:20px 0;outline:none;font-size:14px;border-radius: 4px;}
.input-contact select{padding: 0 10px;height: 40px;font-size: 1.4rem;}
.input-contact input{text-indent:10px;}
.input-contact textarea{resize:none;height:150px;padding:10px;}
.input-contact .custom-file-label::after{content:attr(title);}
.input-contact #noidung{max-height: 133px;}
.form-contact .title-page{padding-bottom:0;}
.form-contact .title-page p{color:#333;}
.form-contact .title-page:after{opacity:0;}
.btn-submit-advise{width: 100%;background-color: var(--color-key);text-align: center;border-color: var(--color-key);height: 40px;font-family: 'Mulish',sans-serif;font-size: 14px;font-weight: 700;border-radius: 4px;}

/*Footer*/
/* #footer{padding:6rem 0px 0rem;color:#000;}
#footer a{color: #000;transition: all 0.3s ease;}
#footer a:hover{color: var(--color-key);}
#footer .info{padding-left: 4rem;padding-right: 4rem;}
.logo-ft img{max-width: 17.6rem;}
.title-footer{font-size:1.6rem;margin-bottom:1.5rem;position:relative;font-weight:700;color: #000;}
#footer ul{list-style: none;}
#footer ul li{line-height: 1;margin-bottom: 2rem;}
.list-menu{margin-top: 1.5rem;}
h2.tencongty{color:#C3921B;font-family:'Playfair Display',serif;font-size:20px;line-height:normal;font-weight:600;margin-bottom:12px;}
.info-footer p{margin-bottom:5px;}
.info-footer p img{margin-right:6px;}
.footer-ul{list-style:none;}
.footer-ul li{margin-bottom:7px;}
.footer-ul li a{color:#000;}
.newsletter-input{position:relative;}
.newsletter-input input{padding:0px;font-size:14px;text-indent:10px;border-radius:0px;background-clip:unset;border:1px solid #FFF;}
.newsletter-button{margin-top:5px;}
.newsletter-button input[type=submit]{border:0px;background-color:#FFF;color:var(--color-red);display:inline-block;padding:5px 16px;text-transform:uppercase;font-weight:500;cursor:pointer;}
.list-tags{list-style:none;padding:0px;margin:0px;}
.list-tags li{margin:0px 5px 5px 0px;}
.list-tags li a{color:#fff;background-color:var(--color-red);padding:6px 15px 8px 15px;border-radius:3px;display:block;border:1px solid #FFF;}
.list-tags li a:hover{background-color:var(--color-mediaum-red);}
#footer-map iframe{width:100%!important;}
#footer-powered{padding:15px 0px;color:#fff;border-top:1px solid rgba(255, 255, 255, 0.3);font-size:15px;background-color: #000;text-align: center;}
#footer-powered p{margin:0px 5px;text-align:center;}
#footer-powered p a{color:#C3921B;text-decoration:none;}
.social-footer{list-style:none;margin-bottom:15px;}
.social-footer li{margin:0 5px;}
.list-redirect{list-style: none;}
.list-redirect li{margin-bottom: 15px;}
.list-redirect li a{color: #000;font-size: 1.6rem;transition: all 0.4s ease;}
.list-redirect li a:hover{padding-left: 10px;}
.social{margin-top: 2.5rem;display: flex;justify-content: center;}
.social a{display: inline-block;margin: 0 1.5rem}
.social a:hover{padding-left: 0!important;}
.footer-article{margin-top: 2.8rem;padding-top: 3.5rem;border-top: 1px solid #E3B759;}
.staff-call{position: fixed;bottom: 8rem;left: -46rem;width: 46rem;background-color:#f6f6f6;padding: 2rem 4.5rem;z-index: 999;transition: all 0.4s ease;}
.open-staff{position: absolute;top: 115px;right: -165px;background-color: var(--color-key);color: #fff;text-transform: uppercase;padding: 1rem 3rem;font-size: 20px;font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;transform: rotate(90deg);cursor: pointer;}
.staff-call.show{left: 0rem;}
.chuyenvien-item{display: flex;flex-wrap: wrap;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-bottom: 1px dashed #808080;}
.chuyenvien-item:last-child{border-bottom: none;}
.hot-line img{padding-right: 5px;}
.hot-line .number{color: var(--color-key);font-size: 2.8rem;font-weight: 800;padding-left: 5px;}
.list-chuyenvien{margin-top: 2.8rem;}
.chuyenvien-info{width: 70%;}
.chuyenvien-img{width: 30%;}
.chuyenvien-img img{border-radius: 50%;max-width: 84px;} */
/*Footer*/
#footer{padding:6rem 0px 0rem;color:#000;}
#footer a{color: #000;transition: all 0.3s ease;}
#footer a:hover{color: var(--color-key);}
#footer .info{padding-left: 4rem;padding-right: 4rem;}
.wrap-btn-map .btn-map-footer.active, .wrap-btn-map .btn-map-footer:hover{background: var(--color-key); color: #fff !important; }
.wrap-btn-map .btn-map-footer{padding: 12px 24px; margin-right: 8px; color: #141414 !important;  border: 1px solid var(--color-key); display: inline-block; margin-bottom: 1px }
.logo-ft img{max-width: 17.6rem;}
.title-footer{font-size:1.6rem;margin-bottom:1.5rem;position:relative;font-weight:700;color: #000;}
#footer ul{list-style: none;}
#footer ul li{line-height: 1;margin-bottom: 2rem;}
.list-menu{margin-top: 1.5rem;}
h2.tencongty{color:#C3921B;font-family:'Playfair Display',serif;font-size:20px;line-height:normal;font-weight:600;margin-bottom:12px;}
.info-footer p{margin-bottom:5px;}
.info-footer p img{margin-right:6px;}
.footer-ul{list-style:none;}
.footer-ul li{margin-bottom:7px;}
.footer-ul li a{color:#000;}
.newsletter-input{position:relative;}
.newsletter-input input{padding:0px;font-size:14px;text-indent:10px;border-radius:0px;background-clip:unset;border:1px solid #FFF;}
.newsletter-button{margin-top:5px;}
.newsletter-button input[type=submit]{border:0px;background-color:#FFF;color:var(--color-red);display:inline-block;padding:5px 16px;text-transform:uppercase;font-weight:500;cursor:pointer;}
.list-tags{list-style:none;padding:0px;margin:0px;}
.list-tags li{margin:0px 5px 5px 0px;}
.list-tags li a{color:#fff;background-color:var(--color-red);padding:6px 15px 8px 15px;border-radius:3px;display:block;border:1px solid #FFF;}
.list-tags li a:hover{background-color:var(--color-mediaum-red);}
#footer-map iframe{width:100%!important;}
#footer-powered{padding:15px 0px;color:#fff;border-top:1px solid rgba(255, 255, 255, 0.3);font-size:15px;background-color: #000;text-align: center;}
#footer-powered p{margin:0px 5px;text-align:center;}
#footer-powered p a{color:#C3921B;text-decoration:none;}
.social-footer{list-style:none;margin-bottom:15px;}
.social-footer li{margin:0 5px;}
.list-redirect{list-style: none;}
.list-redirect li{margin-bottom: 15px;}
.list-redirect li a{color: #000;font-size: 1.6rem;transition: all 0.4s ease;}
.list-redirect li a:hover{padding-left: 10px;}
.social{margin-top: 2.5rem;display: flex;justify-content: center;}
.social a{display: inline-block;margin: 0 1.5rem}
.social a:hover{padding-left: 0!important;}
.footer-article{margin-top: 2.8rem;padding-top: 3.5rem;border-top: 1px solid #E3B759;}
.staff-call{position: fixed;bottom: 8rem;left: -46rem;width: 46rem;background-color:#f6f6f6;padding: 2rem 4.5rem;z-index: 999;transition: all 0.4s ease;}
.open-staff{position: absolute;top: 115px;right: -165px;background-color: var(--color-key);color: #fff;text-transform: uppercase;padding: 1rem 3rem;font-size: 20px;font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;transform: rotate(90deg);cursor: pointer;}
.staff-call.show{left: 0rem;}
.chuyenvien-item{display: flex;flex-wrap: wrap;padding-bottom: 1.5rem;margin-bottom: 1.5rem;border-bottom: 1px dashed #808080;}
.chuyenvien-item:last-child{border-bottom: none;}
.hot-line img{padding-right: 5px;}
.hot-line .number{color: var(--color-key);font-size: 2.8rem;font-weight: 800;padding-left: 5px;}
.list-chuyenvien{margin-top: 2.8rem;}
.chuyenvien-info{width: 70%;}
.chuyenvien-img{width: 30%;}
.chuyenvien-img img{border-radius: 50%;max-width: 84px;}
/*Brand*/
#brand{width:calc(100% - 540px);}
.brand img{}
.arcontactus-widget .messanger span{background-color: transparent!important;}
/*Partner*/
#partner{padding:15px 0px;}


/*breadcrumb*/
.breadcrumb a{color:#fff;display:inline-block;font-size:1.6rem;text-transform:capitalize;}

/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:20px;border-radius:5px;background-color:#eeeeee;margin-top:20px;display:inline-block;}
.box-readmore li ul>li{margin:0;margin-bottom:4px;}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:3px;}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:400;font-size:13px;}
.box-readmore ul li a:hover{color:#767676;}

/* Slideshow */
.slideshow{margin:0 auto;}
.slick-slideshow,.slick-p-img{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slick-slideshow img{width: 100%;}
.slick-slideshow.slick-initialized,.slick-p-img.slick-initialized{
    visibility: visible;
    opacity: 1;    
}
.slick-slideshow .slick-dots{
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    bottom: auto;
}


.slick-slideshow .slick-dots li{display: block;margin: 1rem 0;}
.owl-carousel.in-home-slider img{max-width:100%;display:block;}
.owl-carousel.in-home-slider .owlleft,.owl-carousel.in-home-slider .owlright{width:55px;height:55px;position:absolute;bottom:20px;background:#FFF;}
.owl-carousel.in-home-slider .owlleft{right:120px;}
.owl-carousel.in-home-slider .owlright{right:60px;}
.owl-carousel.in-home-slider .owlleft svg,.owl-carousel.in-home-slider .owlright svg{width:55px!important;height:55px!important;}
.owl-carousel.in-home-slider .a{fill:none;stroke:#198c5f;stroke-width:560;stroke-miterlimit:10;}
.owl-carousel.in-home-slider .owl-nav{position:absolute;bottom:0px;width:100%;left:0px;}
.owl-carousel.in-home-slider .caption-slider{position:relative;}
.owl-carousel.in-home-slider .caption-slider .postion{padding:40px;text-align:left;position:absolute;top:50%;transform:translateY(-50%);}
.owl-carousel.in-home-slider .caption-slider .postion h5{font-size:30px;color:#FFF;font-weight:700;text-transform:uppercase;}
.owl-carousel.in-home-slider .caption-slider .postion p{margin-top:15px;color:#FFF;font-size:15px;line-height:24px;}
.owl-carousel.in-home-slider .caption-slider .postion p a{font-size:13px;padding:6px 20px;color:#FFF;border:1px solid #FFF;display:inline-block;border-radius:30px;text-transform:uppercase;}
.owl-carousel.in-home-slider .caption-slider .postion p a:hover{color:#FFF;border:1px solid #FFF;}
.owl-carousel.in-home-slider .active .postion{animation:2s .2s zoomIn both;}
.owl-carousel.in-home-slider .active .slide-caption__title{animation:1s 1s fadeInUp both;}
.owl-carousel.in-home-slider .active .slide-caption__desc{animation:1s 1.5s fadeInUp both;}
.owl-carousel.in-home-slider .active .slide-caption__btn{animation:1s 2s fadeInUp both;}
.caption-slider img{width:100%;}
/*product*/

/*Menu-Search-Mobile*/
.opacity-menu.open-opacity{content:" ";width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0px!important;left:0px;z-index:555;}
.header-left-fixwidth{top:0!important;width:255px;min-height:100vh;position:fixed;float:left;background:#fff;width:290px;position:fixed;z-index:666;left:-100%;top:0;visibility:hidden;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.header-left-fixwidth.open-sidebar-menu{visibility:visible;left: 0;}
.header-left-fixwidth.open-menu{padding-top:15px;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.header-left-fixwidth .wrap-header{overflow-y:auto;position:relative;min-height:100vh;max-height:100vh;padding:4rem 2.4rem;overflow-x:hidden;background:#fff;}
.header-left-fixwidth .wrap-header::-webkit-scrollbar-track{-webkit-box-shadow:inset transparent;background-color:transparent}
.header-left-fixwidth .wrap-header::-webkit-scrollbar{width:1px;background-color:transparent}
.header-left-fixwidth .wrap-header::-webkit-scrollbar-thumb{border:1px solid transparent}
.header-left-fixwidth .wrap-header .logos-menu{padding:10px 0px;}
.header-left-fixwidth .wrap-header .logos-menu img{max-width:100%;display:block;margin:0 auto;}
.header-left-fixwidth .wrap-header .searchs-menu .search-bar{width:100%;position:relative;}
.header-left-fixwidth .wrap-header .searchs-menu .search-text{width:100%;height:35px;border-radius:5px;border:solid 1px #e5e6ec;padding:0 40px 0 10px;outline:none;font-size:var(--font-size);background:#F0F0F0;}
.header-left-fixwidth .wrap-header .searchs-menu .search-btn{position:absolute;right:0px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--color-key);top:0px;border:none;background:transparent;cursor:pointer;}
.header-left-fixwidth .wrap-header .account-cart-menu{text-align:left;padding:20px 0px;}
.header-left-fixwidth .wrap-header .account-cart-menu a{color:var(--color-key);}
.header-left-fixwidth .wrap-header .account-cart-menu span{padding:0px 5px;}
.header-left-fixwidth .wrap-header .nav-menu ul a{display:block;font-size:15px;color:#000;padding:10px 10px;position:relative;white-space:nowrap;overflow:hidden;text-transform:uppercase;text-overflow:ellipsis;font-weight:700;}
.header-left-fixwidth .wrap-header .nav-menu ul li{position:relative;border-top:1px solid #fff;list-style:none;}
.header-left-fixwidth .wrap-header .nav-menu ul li a:hover{/* background-color:#F0F0F0; */}
.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu{position:absolute;right:0px;font-size:25px;display:flex;width:43px;height:43px;background:transparent;top:0px;justify-content:center;flex-wrap:wrap;align-items:center;color:#8a8987;z-index:1000;cursor:pointer;transition:all 0.6s;border-left:1px solid #fff;border-right:1px solid #fff;}
.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu i{transition:all 0.6s;font-weight:400;font-size:17px;}
.header-left-fixwidth .wrap-header .nav-menu ul li span.btn-dropdown-menu.active i{transform:rotate(90deg);color:#c0921f;}
.header-left-fixwidth .wrap-header .nav-menu ul li a i{}
.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu a{padding:12px 20px;font-weight:400;text-transform:capitalize;}
.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu ul.sub-menu a{padding:12px 35px;font-weight:500;}
.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu.none{display:none;}
.header-left-fixwidth .wrap-header .nav-menu ul.sub-menu.block{display:block;}
.btn-close{width: 3.2rem;margin-top: 3rem;margin-bottom: 3rem;margin-right: auto;margin-left: auto;}
/*Owl-page-arrow*/
.owl-carousel.in-arrow .owlleft,.owl-carousel.in-arrow .owlright{width:35px;height:35px;position:absolute;background:transparent;}
.owl-carousel.in-arrow .owlleft{left:0px;}
.owl-carousel.in-arrow .owlright{right:0px;}
.owl-carousel.in-arrow .owlleft svg,.owl-carousel.in-arrow .owlright svg{width:35px!important;height:35px!important;}
.owl-carousel.in-arrow .a{fill:none;stroke:#2f2f2f;stroke-width:560;stroke-miterlimit:10;}
.owl-carousel.in-arrow .owl-nav{position:absolute;bottom:50%;width:100%;left:0px;margin-top:calc(-35px / 2);}
.owl-carousel.in-arrow-detail .owlleft,.owl-carousel.in-arrow-detail .owlright{width:20px;height:20px;position:absolute;background:#FFF;top:0px;}
.owl-carousel.in-arrow-detail .owlleft{left:0px;}
.owl-carousel.in-arrow-detail .owlright{right:0px;}
.owl-carousel.in-arrow-detail .owlleft svg,.owl-carousel.in-arrow-detail .owlright svg{width:20px!important;height:20px!important;}
.owl-carousel.in-arrow-detail .a{fill:none;stroke:#198c5f;stroke-width:560;stroke-miterlimit:10;}
.owl-carousel.in-arrow-detail .owl-nav{position:absolute;bottom:57%;width:100%;left:0px;height:0;}

/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:80px;right:25px;display:none;z-index:10;cursor:pointer;}
.scale-img{overflow:hidden;display: block;}
.scale-img img{transition:all 0.6s; width: 100%;}
.scale-img:hover img{transform:scale(1.1);}
.hover-desc:hover .name-news a{color:var(--color-key);}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@-webkit-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}

/* Button Frame */
.btn-frame{display:block;width:40px;height:40px;position:fixed;left:24px;z-index:10;cursor:pointer;z-index: 555;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:40px;height:40px;border-radius:50%;background:var(--color-key);position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:60%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:var(--color-key);opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgb(37 38 158 / 35%);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}
.arcontactus-widget .arcontactus-message-button{background-color: var(--color-key)!important;}
.btn-frame .number{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 145px;
    left: 27px;
    padding: 5px;
    background: #c31d1d;
    text-align: center;
    color: #fff;
    border-radius: 0 50px 50px 0;
}
.btn-phone.num-2{bottom: 105px;}
.btn-phone.num-3{bottom: 170px;}
/* Zalo */
.btn-zalo{bottom:170px;}

.btn-fb{bottom:140px;}
/* Phone */
.btn-phone{bottom:40px;}

.btn-mail.btn-frame i{background: #c31d1d;}
.btn-mail.btn-frame .kenit-alo-circle{border:2px solid #c31d1d;border-color:#c31d1d}
.btn-mail.btn-frame .kenit-alo-circle-fill{background-color: #c31d1d;}

.btn-zalo.btn-frame i,.btn-fb.btn-frame i{background: #2196f3;}
.btn-zalo.btn-frame .kenit-alo-circle,.btn-fb.btn-frame .kenit-alo-circle{border:2px solid #2196f3;border-color:#2196f3}
.btn-zalo.btn-frame .kenit-alo-circle-fill,.btn-fb.btn-frame .kenit-alo-circle-fill{background-color: #2196f3;}

.btn-phone.btn-frame i{background: #c31d1d;}
.btn-phone.btn-frame .kenit-alo-circle{border:2px solid #c31d1d;border-color:#c31d1d}
.btn-phone.btn-frame .kenit-alo-circle-fill{background-color: #c31d1d;}
.btn-frame i,.js-facebook-messenger-box svg#fb-msng-icon{
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
@-webkit-keyframes phone-vr-circle-fill {
  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);}
}
/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;cursor:pointer;width:40px;height:40px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:25px;height:25px;position:absolute;top:8px;left:8px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:11px;left:11px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;left:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}

/* Toolbar */
.toolbar{background:var(--color-key);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;display:none;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}
.title-about{text-align:left;margin-bottom:2.5rem;}
.title-about h2{display:inline-block;position:relative;margin:auto;line-height:normal;font-weight:normal;text-transform:uppercase;color:#000;font-size:27px;padding-bottom:10px;font-family:'Mulish',sans-serif;}
.title-about h2:after{content:'';position:absolute;width:45%;height:3px;background:#000;left:0;bottom:0;}
.mota-about{}
.mota-about p{margin-bottom:10px;}

.wrap-tintuc{padding:35px 0;padding-bottom:0;}
.title-page{text-align:center;padding-bottom:10px;margin-bottom:30px;position:relative;margin-top: 6rem;}
.title-page:after{content:'';position:absolute;height:1px;width:14%;left:43%;background:var(--color-key);bottom:0;}
.title-page > span{display:block;font-size:15px;color:#333333;margin:auto;max-width:700px;margin-top:4px;}
.title-page h1,.title-page h2,.title-page h3,.title-page h4,.title-page h5,.title-page h6,.title-page p{margin:auto;line-height:normal;text-transform:uppercase;color:var(--color-key);font-size:27px;font-family:'Mulish',sans-serif;font-weight:600;}

.xemthem-duan{text-align:center;margin-top:2rem;}
.xemthem-duan a{display:inline-block;color:#C3921B;border:1px solid #C3921B;text-transform:uppercase;font-weight:600;font-size:15px;padding:9px 20px;transition:all 0.2s ease;}
.xemthem-duan a:hover{color:#fff;background:#C3921B;}
.wrap-doitac{background:url(../images/bg_doitac.png) no-repeat;padding:35px 0;background-size:cover;}
.row-doitac{}
.row-doitac .col-doitac{padding:0 10px;}
.box-doitac{}
.box-doitac p{text-align:center;}
.box-doitac p a{display:inline-block;border:1px solid #dfdfdf;}
.box-doitac p a img{}
.footer-news .col-desc{}
.footer-news .col-desc .row{margin:0 -3px;}
.footer-news .col-desc .row .col-6{padding:0 3px;}
.footer-news .col-desc form > input{background:#c5951e;border-color:#c5951e;font-weight:700;text-transform:uppercase;}
.footer-news .col-desc .input-contact{margin-bottom:6px;}
.footer-news .col-desc .input-contact input{background:#2F302F;border-color:#2F302F;border-radius:0;height:42px;color:#828282;font-style:italic;}
section.header.fiedx{position:fixed;top:0;z-index:333;/* max-width:1440px; */margin:auto;}
.w_slider{position: relative;}

.pagingInfo{position: absolute;bottom: 8.5rem;right: 18rem;color: #fff;font-weight: 600;font-size: 1.6rem;}

.slick-desc .animated{opacity: 0;}
.slick-desc{position: absolute;top: 50%;transform: translateY(-50%);left: 15.6rem;color: #fff;max-width: 55rem;}
.slick-desc > div > h6:nth-child(1){
	display: block;
	text-align: left;
	font-size: 4rem;
	font-weight: 800;
	font-family:'Mulish',sans-serif;
	color: var(--color-key);
}
.slick-desc > *{line-height: 1;margin-bottom: 0;}
.slick-desc > div > h6:nth-child(2){
	display: block;
	text-align: left;
	font-size: 2.4rem;
	font-weight: 400;
	font-family:'Mulish',sans-serif;
	color: #fff;
	margin-top: 2rem;
}
.slick-desc > div > .image-desc{
	display: block;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 400;
	font-family:'Mulish',sans-serif;
	color: #fff;
	margin-top: 2.5rem;
    line-height: 1.5;
}
.slick-desc > div > a{
	display: inline-block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	font-family:'Mulish',sans-serif;
	color: #00104A;
	padding: 1.5rem 3rem;
	text-transform: uppercase;
	background-color: #fff;
	margin-top: 3rem;
    min-width: 180px;
}
.slick-slideshow .slick-next{
	right: 5rem;
}
.slick-slideshow .slick-prev{
    left: 5rem;
}

.col-slick-slideshow{background-size:cover!important;background-position:center center!important;position:relative;}

.on-show{opacity:1!important;}
div#list_mobile_fixed_bottom{position:fixed;height:51px;bottom:0;left:0;width:100%;background:var(--color-key);display:flex;align-items:center;justify-content:center;padding:0 3px;z-index:333;display:none;}
a.item_list_fixed_mb{width:25%;display:flex;flex-direction:column;align-items:center;border-right:1px solid #fff;}
p.title_svg{color:#FFFFFF;font-size:12px;}
a.item_list_fixed_mb img{height:24px;width:auto;margin-bottom:1px;animation:ring 2s ease infinite;}
a.item_list_fixed_mb:nth-child(3) img{height:24px;width:49px;}
@-webkit-keyframes ring{
	0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);}
	2%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
	4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
	6%{-webkit-transform:rotate(18deg);transform:rotate(18deg);}
	8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg);}
	10%{-webkit-transform:rotate(22deg);transform:rotate(22deg);}
	12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
	14%{-webkit-transform:rotate(18deg);transform:rotate(18deg);}
	16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}
	18%{-webkit-transform:rotate(12deg);transform:rotate(12deg);}
	20%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes ring{
	0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);}
	2%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
	4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
	6%{-webkit-transform:rotate(18deg);transform:rotate(18deg);}
	8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg);}
	10%{-webkit-transform:rotate(22deg);transform:rotate(22deg);}
	12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg);}
	14%{-webkit-transform:rotate(18deg);transform:rotate(18deg);}
	16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}
	18%{-webkit-transform:rotate(12deg);transform:rotate(12deg);}
	20%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
a.item_list_fixed_mb:last-child{border-right:0;}

.wraper-cauhoi{background:#F8F8F8;border:1px solid #DDDDDD;padding:50px 37px;padding-bottom:25px;}
.wrap-cauhoithuonggap{padding:40px 0;}
.wraper-cauhoi ul{list-style:none;}
.wraper-cauhoi ul li{border-bottom:1px solid #C8C8C8;padding-bottom:15px;margin-bottom:15px;}
.wraper-cauhoi ul li > p{font-family:'Mulish';font-style:normal;font-weight:700;font-size:15px;line-height:19px;color:#C2931B;padding:7px 0px;cursor:pointer;}
.wraper-cauhoi ul li p span{}
.wraper-cauhoi ul li p i{font-size:18px;color:#1E1E1E;}
.wraper-cauhoi ul li p.active i:before{content:'\f068';}
.wraper-cauhoi .cauhoi-texxt{max-height:160px;overflow-y:scroll;transition:all 0.5s ease;height:0;}
.wraper-cauhoi .cauhoi-texxt .text-ch{padding-right:10px;}
.wraper-cauhoi ul li:last-child{margin-bottom:0;border:0;}
.wrap-banner{margin:auto;/* max-width:1440px; */}
.box-banner-quangcao{position:relative;}
.text-banner-quangcao{position:absolute;left:0;top:0;width:100%;height:100%;}
.text-banner-quangcao .title-banner-quangcao{}
.text-banner-quangcao .title-banner-quangcao p{font-family:'Mulish';font-style:normal;font-weight:700;font-size:32px;line-height:44px;color:#fff;text-transform:uppercase;}
.text-banner-quangcao .title-banner-quangcao div{font-family:'Mulish';font-style:normal;font-weight:400;font-size:32px;line-height:44px;text-transform:uppercase;color:#fff;}
.wrap-nhantin-bottom{margin:50px auto;background:url(../images/bg_nhantin_bot.png) no-repeat right bottom;max-width:1440px;padding:36px 0;margin-bottom:0;}
.wrap-nhantin-bottom .input-contact{margin-bottom:10px;}
.wrap-nhantin-bottom .input-contact input{background:rgba(255,255,255,0.3);border-radius:4px;border-color:rgba(255,255,255,0.3);font-family:'Mulish';}
.wrap-nhantin-bottom .input-contact div{width:auto;position:absolute;top:5px;right:10px;}
.wrap-nhantin-bottom .input-contact textarea{height:89px;background:rgba(255,255,255,0.3);border-radius:4px;border-color:rgba(255,255,255,0.3);font-family:'Mulish';}
.wrap-nhantin-bottom button{font-family:'Mulish';font-style:normal;font-weight:700;font-size:14px;line-height:19px;/* identical to box height */text-align:center;text-transform:uppercase;/* C2931B */color:#C2931B;background:rgba(255,255,255,0.9);border-radius:4px;outline:none;border:0;padding:8px 13px;cursor:pointer;}
.wrap-nhantin-bottom button i{}
p.text-nhantin{font-family:'Mulish';font-style:normal;font-weight:700;font-size:18px;line-height:25px;text-align:center;color:#fff;margin-top:1.5rem;}
.wrap-nhantin-bottom .input-contact input::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#fff;opacity:1; /* Firefox */}
.wrap-nhantin-bottom .input-contact input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#fff;}
.wrap-nhantin-bottom .input-contact input::-ms-input-placeholder{ /* Microsoft Edge */
color:#fff;}
.wrap-nhantin-bottom .input-contact textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#fff;opacity:1; /* Firefox */}
.wrap-nhantin-bottom .input-contact textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#fff;}
.wrap-nhantin-bottom .input-contact textarea::-ms-input-placeholder{ /* Microsoft Edge */
color:#fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Firefox */
input[type=number]{-moz-appearance:textfield;}

div.g1-drop{margin-bottom:0;margin-left: 18px;float:right;position:relative;width:31px;height: 31px;text-align:center;0;line-height: 0;background-color: #fff;border-radius: 50%;}
div.g1-drop a{text-decoration:none;color:#20BDDF;line-height: 32px;position:relative;font-size:0;font-family:"Mulish",sans-serif;text-transform:uppercase;-webkit-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out,opacity .375s ease-in-out;-moz-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out,opacity .375s ease-in-out;-o-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out,opacity .375s ease-in-out;transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out,opacity .375s ease-in-out;display:inline-block}
div.g1-drop a i{display:inline-block;font-style:normal;text-align:center;vertical-align:middle;font-size:15px;font-weight:400;}
div.v_Search{display:block;visibility:hidden;filter:alpha(opacity=0);opacity:0;-webkit-transform:translate(0px,20px);-moz-transform:translate(0px,20px);-ms-transform:translate(0px,20px);-o-transform:translate(0px,20px);transform:translate(0px,20px);-webkit-transition:visibility 0s,opacity .375s ease-in-out,-webkit-transform .375s ease-in-out;-webkit-transition-delay:.55s,.175s,.175s;-moz-transition:visibility 0s .55s,opacity .375s ease-in-out .175s,-moz-transform .375s ease-in-out .175s;-o-transition:visibility 0s .55s,opacity .375s ease-in-out .175s,-o-transform .375s ease-in-out .175s;transition:visibility 0s .55s,opacity .375s ease-in-out .175s,transform .375s ease-in-out .175s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;right:0;left:auto;width:320px;top:100%;position:absolute;z-index:99;background-color:#fff;-webkit-box-shadow:0 15px 45px 15px rgba(0,0,0,.07);-moz-box-shadow:0 15px 45px 15px rgba(0,0,0,.07);box-shadow:0 15px 45px 15px rgb(0 0 0 / 7%);padding:11px 10px;}
div.v_Search:after{content:'';position:absolute;top:-8px;right:15px;box-shadow:-1px -1px rgb(0 0 0 / 00%);width:17px;height:17px;background:#fff;transform:rotate(45deg);}
div.g1-drop:hover .v_Search{visibility:visible;filter:alpha(opacity=100);opacity:1;-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);-ms-transform:translate(0px,0px);-o-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:visibility 0s ease-in-out,opacity .375s ease-in-out,-webkit-transform .375s ease-in-out;-webkit-transition-delay:.175s,.175s,.175s;-moz-transition:visibility 0s ease-in-out .175s,opacity .375s ease-in-out .175s,-moz-transform .375s ease-in-out .175s;-o-transition:visibility 0s ease-in-out .175s,opacity .375s ease-in-out .175s,-o-transform .375s ease-in-out .175s;transition:visibility 0s ease-in-out .175s,opacity .375s ease-in-out .175s,transform .375s ease-in-out .175s}
div.w_timk{position:relative;background:#fff;}
div.w_timk input{margin-bottom:0!important;width:100%!important;-webkit-appearance:none;height:40px;line-height:1.5;font-family:"Mulish",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:8px!important;border-width:1px;font-size:15px!important;border-style:solid;border-color:#e6e6e6;background-color:transparent;color:inherit;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding-right:40px;-webkit-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out;-moz-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out;-o-transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out;transition:border-color .375s ease-in-out,background-color .375s ease-in-out,color .375s ease-in-out;outline:none!important}
div.w_timk i{font-size:19px;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}
div.w_timk input:focus{border-color:#1f72be}

#tool-support{display:flex; background: #F1140B; position:fixed; bottom: 0; left: 0; width: 100%; z-index: 2147483650; }
.box-tool-support{height: 48px; width: calc(100% / 3); display: flex; align-items: center; justify-content: center; border-right: 1px solid #fff }
.box-tool-support:last-child{border-right: none;}
.tool-support{color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.tool-support:hover{color: #fff}
.tool-support span{display: block}
.tool-support-img{width: 24px; margin-right:8px}
.ul-tool-support{position:absolute;display: none; z-index: 2; bottom: calc(100% + 10px); background:rgba(255,255,255,0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);; min-width: 165px; border-radius: 4px; left: 10px; padding: 24px 14px; margin: 0; list-style: none;}
.ul-tool-support.active{display: block}
.ul-tool-support li:not(:last-child){margin-bottom: 24px;}
.ul-tool-support li a{color: #000; font-size: 16px;}




button:focus{outline: none!important;}
.mota-about{text-align: left;}
@media screen and (min-width:1025px){
   .btn-open-search{display: none;}
}
@media screen and (min-width:992px){
	div.col-conso{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.row-album-five .col-five{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
}
@media screen and (max-width:1366px){
    .slick-next{right: -20px;}
    .slick-prev{left: -20px;}
}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:1080px){
	.menu ul li a h2{padding:12px 15px 13px;}
}   
@media screen and (max-width:1024px){
    .staff-call{display: none;}
    .header{background-image: url('../images/bg-header.svg');background-repeat: no-repeat;background-size: auto 100%;}
    .btn-open-search{display: none;}
	.wrap-nhantin-bottom{background:#C2931B;}
	.logo img{height:66px;}
	.menu ul.menu-i > li{padding:0;height:auto;}
    .header{padding: 2rem 0;text-align: center;}
	.list-tab{display:block!important;white-space:nowrap;overflow:auto;padding-bottom:5px;}
	.list-tab::-webkit-scrollbar{background:#fff;width:10px;height:3px;border-radius:50px}
	.list-tab::-webkit-scrollbar-thumb{background:#C3921B;border-radius:50px}
	.row-duan{margin:0 -10px;}
	.row-duan .col-duan{padding:0 10px;margin-bottom:20px;}
	.col-page{width:calc(100% / 2);margin-bottom:20px;}
	.col-page:nth-child(2){display:none;}
	.about-left{width:100%;}
	.about-right{width:100%;padding-left:0px;}
	.top-show{display:none!important;}
	.right-logo{padding-top:0px;}
	.right-logo .banner{width:100%;}
	.hotline{display:none;}
	.menu ul li:not(:last-child),.menu ul li:not(:first-child){display:none;}
	.menu ul.menu-i > li:first-child,.menu ul.menu-i > li:last-child{display:block;}
	.menu-mobile-btn{display:flex;width:35px;height:35px;position:absolute;left: 2.4rem;top: 50%;transform: translateY(-50%);flex-wrap:wrap;cursor:pointer;}
	.menu-mobile-btn span{display:inline-block;width:100%;height:3px;background:#fff;margin:4px 0px;border-radius: 32px;}
    .menu-mobile-btn span:nth-child(3){width: 50%;}
	.menu ul.menu-i > li:last-child{flex-grow:1;margin-left:10px;display:none;}
	.menu ul.menu-i{justify-content: flex-end!important;}
    .header .search{display: flex;width: 100%;position: absolute;border-radius: 0;background-color: #fff;bottom: 0;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
    .header .search.show{opacity: 1;visibility: visible;bottom:-35px ;;transition: all 0.4s ease;}
    .searchs-menu .search{display: block;width: 100%;position: relative;}
    .wrap-menu{display: none;}
    .header .logo{width: auto;}
    .btn-open-search{padding: 10px;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;cursor: pointer;}
    .slick-slideshow .slick-next{right: 0;}
    .slick-slideshow .slick-prev{left: 0;}
    .slick-desc{left: 5rem;}
    .slick-desc > div > p{margin-top: 1.5rem;}
    .notifi-content{padding-left: 3rem;}
    .notifi-img:before{display: none;}
    .searchs-menu .search input{height: 35px;background-color: transparent;}
    .searchs-menu .search{background: #f6f6f6;padding: 0;}
    .nav-menu{margin-top: 2.5rem;}
    .list-info-mobile {list-style: none;}
    .nav-info{margin-top: 2rem;padding-top: 2rem;border-top: 1px solid #787579;}
    .list-info-mobile li{margin-bottom: 1.5rem;}
    .list-info-mobile .btn-res{width: 100%;margin-top: 0;text-align: center;}
}
@media screen and (max-width:992px){
    .header-top{display: none;}
    .list-why-choose ul{flex-wrap: wrap;}
    .list-why-choose ul li{width: 50%;margin-bottom: 2.5rem;}
	#footer-powered{margin-bottom: 48px}
}
@media screen and (max-width:768px){
	div#list_mobile_fixed_bottom{display:none;}
	.maps-contact{width:100%;}
	.form-contact{width:100%;margin-top:20px;}
	.footer-news{margin-bottom:25px;}
	.left-logo{width:120px;}
	.right-logo{width:calc(100% - 160px);}
	.left-main{display:none;}
	.right-main{width:100%;}
	.toolbar{display:block;}
	.about-one .mota-about-one .content-main{color:#333333;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:30px;-moz-column-gap:30;column-gap:30px;text-align:justify;font-size:15px;line-height:26px;}
	.col-text-about-two{padding:20px 10px 0 10px;}
    .slick-prev, .slick-next{width: 32px;height: 32px;}
    .slick-slideshow .slick-next{bottom: 2rem;right: 2.5rem;}
    .slick-slideshow .slick-prev{bottom: 2rem;right: 7rem;}
    .social-slider{display: none!important;}
    .image-desc{display: -webkit-box!important;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;}
    .service-item{margin-bottom: 3rem;}
    .about-content{padding-left: 0;}
    .about-content{margin-top: 6rem;}
    .title-about{text-align: center;font-size: 2.8rem;}
    .title-about h2:after{left: 50%;transform: translateX(-50%);}
    .slick-prev{left: 0;}
    .slick-next{right: 0;}
    .banner-text{top: 60%;}
    #footer{padding: 6rem 0 0rem;}
    .btn-mail,.btn-zalo,.btn-phone{}
    .social-footer{margin-bottom: 0;padding-bottom: 2.5rem;border-bottom: 1px solid #E3E3E3;}
    .title-footer{margin-top: 2.5rem;}
    .list-redirect{padding-bottom: 2.5rem;border-bottom: 1px solid #E3E3E3;}
    .service-product-item{padding-bottom: 3.5rem;margin-bottom: 3.5rem;border-bottom: 1px solid #E3E3E3;}
    .row div:last-of-type .service-product-item{border-bottom: none;margin-bottom: 0;}
    .wrap-form-tuvan{margin-top: 2.5rem;}
    .container.product-detail{margin-bottom: 3rem;}
    .col-news-left{padding-right: 10px;}
    .col-news-right{padding-left: 10px;margin-top: 5rem;}
	.class-detail-top-left{width: 100%;margin: 0;margin-bottom: 48px;}
	.class-detail-top-right{width: 100%;margin: -8px;flex: 1;}
	.col-tieuchi{padding: 8px}
	.tieuchi{padding: 24px 12px 19px 12px}
	.tieuchi-img{margin-bottom: 14px}
	.slogan-detail-top{margin-top: 0px; font-size: 14px; margin-bottom: 5px; }
	.name-static-top{font-size: 20px; line-height: 28px; margin-bottom: 20px;}
	.desc-static-top{font-size: 14px;}
	.class-detail-top, .box-quyenloi, .box-video, .box-thongbao, .box-khoahoc, .box-hinhanh, .box-taisao, .box-feedback,.slide-inpage, .box-diemdon-inpage{margin-bottom: 57px}
    .diemdons{padding: 57px 0;}
	.box-title-quyenloi{margin-bottom: 26px}
	.slogan-quyenloi{font-size: 14px;}
	.title-quyenloi{font-size: 20px; line-height: 28px}
	.quyenloi-img{margin-bottom: 19px}
	.name-quyenloi{font-size: 18px; line-height: 26px; min-height: unset; margin-bottom: 7px}
	.desc-quyenloi{font-size: 14px;}
	.taisao-img{width: 100%; order: -1; margin-bottom: 40px;}
	.taisao-content{width: 100%;}
	.desc-taisao{font-size: 14px;line-height: 24px;}
	.desc-taisao h4{font-size: 18px; line-height: 26px; margin-bottom: 8px; }
	.col-class-type:not(:nth-child(2)) .class-type{position: relative;top: 0rem;}
	.class-name, .class-name h3{font-size: 20px; line-height: 28px; }
	.price-new{font-size: 24px; line-height: 32px; }
	.price-old, .class-type-ab,.desc-icon-taisao, .desc-tieuchi{font-size: 14px; line-height: 21px;}
	.class-content h4{font-size: 16px; line-height: 24px;}
	.grid-hinhanh{grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 132px)}
	.hinhanh-item{grid-column: auto !important; grid-row: auto !important}
	.col-hinhanh{width: 50%}
	.icon-taisao{width: calc(50% - 8px)}
	.desc-taisao-bottom{margin-bottom: 40px}
	.name-icon-taisao, .name-tieuchi{font-size: 14px; margin-bottom: 7px}
	
}
@media screen and (max-width:660px){
	.col-page{width:calc(100% / 1);}
	.col-page:nth-child(2){display:block;order:3;}
	.left-logo{width:90px;}
	.right-logo{width:calc(100% - 100px);}
	.right-pro-detail{width:100%;margin-top:20px;}
	.left-pro-detail{width:100%;}
    .header .container{justify-content: center;}
    .wrap-banner-ads{padding-bottom: 60%;}
	.col-class-type:nth-child(2){order: -1}
}
@media screen and (max-width:550px){
	.wraper-cauhoi{padding:40px 16px;}
	.row-ykien .slick-arrow{display:none!important;}
	.row-ykien{margin:0;padding:0;}
	.row-ykien .col-ykien{padding:0;}
	.title-page h1,.title-page h2,.title-page h3,.title-page h4,.title-page h5,.title-page h6,.title-page p{font-size:23px;}
	.box-ykien > span{margin:auto;margin-bottom:20px;}
	.box-ykien .info-ykien{width:100%;padding-left:0;background:none;text-align:center;}
	h2.tencongty{color:#C3921B;font-family:'Playfair Display',serif;font-size:17px;line-height:normal;font-weight:600;margin-bottom:12px;}
	.row-album-one .col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
	.box-als{margin-bottom:22px;}
	.logo{padding:7px 0;}
	.menu ul.menu-i > li{padding:0;height:auto;}
	.logo img{max-width: 200px!important;}
    .header{padding: 3rem 0;}
	.list-tab li{width:36%;}
	.box-duan .info-duan h3 a{font-size:15px;}
	.box-dinhhuong .overlay,.box-dinhhuong .overlay .info-photo-dinhhuong{opacity:1;}
	.box-newsnb{margin-bottom:20px;}
	.box-newsnb .info-newsnb h3 a{font-size:15px;}
	.box-newsnb > a{width:170px;}
	.box-newsnb .info-newsnb p{display:none;}
	.box-newsnb .info-newsnb div{display:none;}
	.box-newsnb .info-newsnb{width:calc(100% - 170px);padding-left:10px;}
    html{font-size: 8px;}
    .pro-detail-section.thongso table{
        width: 100%!important;

    }
    .pro-detail-section.thongso table td{
        padding-right: 15px;
    }
    .wrap-banner-ads{padding-bottom: 100%;}
    .banner-text{width: 90%;}
    .pro-detail-button a{width: 100%;}
    .btn-res-drive{margin-bottom: 2rem;}
    .pro-detail-button{flex-direction: column;}
    .item-info {padding-left: 0;padding-right: 0;}
    .item-price{flex-direction: column;align-items: flex-start!important;}
    .price-old{margin-left: 0;}
    .slick-desc{top: 75%;left: 2.4rem;}
    .slick-slideshow button{display: none!important;}
    .about-company .row,.notification .row{flex-direction: column-reverse;}
    .about-img{padding: 0 2rem;}
    .about-img:after{top: -20px;left: -4px;}
    .about-img:before{bottom: -20px;right: -4px;}
    .notifi-content{padding-left: 0;margin-top: 4rem;}
    .notification{padding-top: 5rem;padding-bottom: 7rem;}
    .notification .slick-next{bottom: -5px;top: auto;}
    .notification .slick-prev{bottom: -5px;top: auto;right: 60px;left: auto;}
    .notifi-desc{min-height: 100px;}
    .class-type{width: 100%;margin-bottom: 4rem;top: 0;}
    .class-type:not(:nth-child(2)){top: 0;}
    .class-drive{/* padding-left: 0.4rem; *//* padding-right: 0.4rem; */}
    .why-choose{padding-top: 4rem;padding-bottom: 4rem;}
    .list-why-choose{margin-top: 5rem;}
    .album-item{width: 50%;}
    .news-date{top: 0;}
    #footer-powered{font-size: 12px;}
}