@charset "UTF-8";

/* Main */
:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;}
.h1, .h2, .h3, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;font-family: 'RobotoMedium';}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
.clearfix::after{ content: ""; clear: both; display: table;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; }
a{ text-decoration:none;}
a:focus{outline:none;color:#fff;text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
p{margin-bottom:8px;}
.slick-slide img{display: inline-block !important;}
a[href^="tel"] { color: inherit; text-decoration: none; }

.menu_top{display: none;}
.fixwidth{max-width:1200px;margin:auto;}
.fixpage{max-width:1200px;margin:auto;}
.maincontent{width:1366px;margin:auto;max-width: 1366px;overflow: hidden;}
.maincontent img{max-width: 100%;}
a{text-decoration: none !important;}
.wrap{text-align: center;}
#sub_img_detail{margin-top:10px;}
body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
body::-webkit-scrollbar{width: 8px; background-color: #F5F5F5;}
body::-webkit-scrollbar-thumb{ background-color: #999;}

img{max-width:100%;height:auto !important; }
a,input,textarea{outline:none;padding:0px;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{max-width:1200px;margin:0px auto; }
 
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}

.pagetitle{ border-bottom: 1px solid #ddd; text-transform: uppercase; font-family: 'RobotoBold'; font-weight: bold; font-size: 22px; margin-bottom: 25px; }

#wrapper{ overflow-x: hidden; }


/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.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:5px}
.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:600;}
.box-readmore ul li a:hover{color:#767676;}

/*=====menu======*/
 
.header{ background: rgba(40,167,69,0.4); padding: 10px 0; position: fixed; width:100%; top: 0; left: 0; z-index: 99;  }
.header_logo{float:left; position: relative; width:180px;  }
.header_logo img{ transition: all 0.3s; max-height:60px;}

.menu { position: relative; max-width: calc( 100% - 180px ); }
.menu ul.menu_cap_cha{margin:0; width:100%; position: relative; }
.menu ul.menu_cap_cha li{ float:left; transition:all ease-in-out 0.2s;position:relative; }
.menu ul.menu_cap_cha li.menulicha>a,.menu ul.menu_cap_cha li.menulicha>span{font-family: 'RobotoRegular'; text-decoration: none; color:#fff; font-size:16px;display: block; cursor: pointer; height: 60px; line-height: 60px; padding:0 15px; } 
.menu ul.menu_cap_cha li.menulicha>a:hover,.menu ul.menu_cap_cha li.active>a,.menu ul.menu_cap_cha li.menulicha>span:hover,.menu ul.menu_cap_cha li.active>span{ color:#f30000; }
.menu ul.menu_cap_cha li.menulicha>span:hover,.menu ul.menu_cap_cha li.active>span{ color:#f30000; }
 
.menu_in,.fixed {transition: all 0.3s; background: rgba(40,167,69,1);}
/*====BOX DỊCH VỤ====*/
div.tieude_giua {text-transform: uppercase; text-align: center; font-size: 25px; font-family: 'RobotoMedium'; position: relative; margin-bottom: 20px; color: #41b75e;}
.wrap-home{ margin-top: 100px; padding-bottom: 20px; }
div.khoi{ padding:60px 0; background: #ffffff;}
div.chay_khoi01{ color: #333333;}
 
div.khoi1 .noidung1{ margin-bottom:20px;}
div.khoi1 .noidung2{ width:48%; float:left;}
div.khoi1 .noidung3{ width:48%; float:right;}
div.khoi1 .noidung3 .img{ padding:7px 0; color: #3d3737;}
div.khoi1 .noidung3 .img img{ display:inline-block; vertical-align:middle; margin-right:10px;}

div.chay_khoi2{ color: #3d3737;}
div.khoi22{ position:relative;}

div.khoi22 .img_logo{position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width:40%;}
div.item_k2{ width:30%; float:left; margin-right:40%; padding:25px 0; text-align: justify;}
div.item_k2:nth-child(2n+1){ float:right; margin-right:0;}
div.item_k2 .img{ float:none; margin-right:5px; margin-top:1px;}
div.item_k2 h3{ margin-bottom:7px; font-size:18px; color: #008000;}
div.item_k2 .mota{clear: both;}
div.khoi2 .noidung1{ position: relative; z-index: 1; }

div.chay_khoi4{ color: #333333;}
div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:30px; color: #3d3737;}
.khoi-03 div.khoi44{ display:grid;  grid-template-columns:repeat(4,1fr);  text-align:center;  grid-gap:30px; color: #3d3737;}
div.item_k4 h3{ margin:10px auto; font-size:17px; color: #008000;}

div.chay_khoi5{ color: #333333;}

div.chay_khoi6{ color: #333333;}
div.hinhmo{position: relative;}
div.hinhmo:before{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0);}
div.khoi6{color:#ffffff;}
div.khoi66{display:grid; grid-template-columns:repeat(4,1fr); margin-top:30px;}
div.item_k6 h4{ font-size: 16px; color: #fff700;}
div.item_k6 h4 span{ color:#41b75e; font-size:35px; display:inline-block; vertical-align:middle; margin-right:7px;}

div.khoi-06 .frm-06{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
div.khoi-06 .item-06{ width:100%; margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi-06 .item-06 i{ position: absolute; left: 0px; top: 0px; line-height: 42px; background: #ddd; font-size:15px; text-align: center; width:30px; height: 100%}
div.khoi-06 input[type='text'],div.khoi-06 input[type='email'],div.khoi-06 select{ border:none; height:42px; background:none; color:#333; border: 1px solid #ccc; padding: 0 10px; padding-left: 40px; width:100%;}
div.khoi-06 input[type='text']::placeholder,div.khoi-06 input[type='email']::placeholder,div.khoi-06 textarea::placeholder{color:#333;}
div.khoi-06 textarea{ height:80px; width:100%; border:none; background:none; color:#333; border: 1px solid #ccc; padding: 7px 10px; padding-left: 40px; display: block;}

div.khoi-06 input[type='submit']{ background: #e86305; color:#ffffff; padding:9px 30px; border:none; text-transform:uppercase; font-family:'RobotoMedium'; border-radius:4px; cursor:pointer;}
div.khoi-06 input[type='submit']:hover{ background:red;}
div.khoi-06 .domain{ padding: 0px 10px; background: #e1e1e1; line-height: 42px; }


div.chay_khoi7{color: #333333;}
div.khoi77{ display:grid; grid-template-columns:repeat(3,1fr); margin:20px auto; text-align:center;}
div.item_k7{ background:#ffffff;}
div.item_k7 .muahost{ background:#41b75e; display:inline-block; color:#ffffff; padding:10px 40px; border-radius:30px; margin:15px auto; cursor:pointer;}
div.item_k7 .muahost:hover{ background:red;}
div.item_k7 h4{color:#ffffff; padding:13px; font-family: 'RobotoLight'; font-size:23px;}
div.item_k7 h4 span{ display:block;}
div.item_k7 ul{ list-style:none;}
div.item_k7 ul li{ padding:12px; border:1px solid #e0e0e0; margin-top:-1px; margin-left:-1px;}

div.chay_khoi8{ color: #333333;}
div.khoi8,div.khoi6{ position:relative; color:#ffffff;}
div.khoi8 .noidung{ float:left; width:50%; float:left; padding:0px 5%;}
div.khoi88{ width:50%; float:right; padding:0px 5%;}
div.khoi88 input[type='text'],div.khoi88 input[type='email'],div.khoi88 textarea{ width:100%; border:none; height:35px; background:none; border-bottom:1px solid #ffffff; color:#ffffff; margin-bottom:10px;}
div.khoi88 textarea{ padding:10px 0; height:70px;}
div.khoi88 input[type='submit']{ background: #e86305; color:#ffffff; padding:9px 30px; border:none; text-transform:uppercase; font-family:'RobotoMedium'; border-radius:4px; cursor:pointer;}
div.khoi88 input[type='submit']:hover{ background:red;}
div.khoi88 input[type='text']::placeholder,div.khoi88 input[type='email']::placeholder,div.khoi88 textarea::placeholder{ color:#ffffff;}

div.khoi9.wrap-main{ max-width: 1000px; width:97%; border-left: solid 2px #e8000000;  border-top: solid 3px #e8000000; padding: 30px; background: #fff0;  box-shadow: -6px -5px 15px 10px rgb(0 0 0 / 30%); }
div.khoi9 .frm-09{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
div.khoi9 .item-09{ width:calc( 50% - 20px ); margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi9 .item-09:nth-child(5){ width: 100%; margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi9 .item-09:nth-child(6){ width: 100%; margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi9 .item-09 i{ position: absolute; left: 0px; top: 0px; line-height: 42px; background: #ddd0; color: #fff; font-size:15px; text-align: center; width:30px; height: 100%}
div.khoi9 input[type='text'],div.khoi9 input[type='email'],div.khoi9 select{ border:none; height:42px; background:none; color:#fff; border: 1px solid #ccc; padding: 0 10px; padding-left: 30px; width:100%;}
div.khoi9 input[type='text']::placeholder,div.khoi9 input[type='email']::placeholder,div.khoi9 textarea::placeholder{color:#fff;}
div.khoi9 textarea{ height:80px; width:100%; border:none; background:none; color:#333; border: 1px solid #ccc; padding: 7px 10px; padding-left: 40px; display: block;}
div.khoi9 select option{ background: rgba(0,0,0,0.8);}

div.khoi9 input[type='submit']{ background: #e86305; color:#ffffff; padding:9px 30px; border:none; text-transform:uppercase; font-family:'RobotoMedium'; border-radius:4px; cursor:pointer; margin-left: 10px;}
div.khoi9 input[type='submit']:hover{ background:red;}

div.chay_khoi01{ color: #333333;}
div.khoi10 .noidung1{ width:50%; padding-right: 2%; float:none;}
div.khoi10 .noidung2{ width:50%; padding-left: 2%; float:none;}
div.khoi10 .noidung3{ width:100%; float:none;}
 
.khoi12 .left-training{ text-align: right; width: 100%; position: relative;}
.khoi12 .left-training:before{ content: '';  border-right: solid 1px #999; width: 1px; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.khoi12 .right-training{ text-align: left; width: 50%;}
.khoi12 .item-training{ display: flex; width: 50%; clear: both; margin-bottom: 20px; position: relative;}

.khoi12 .item-training .number-training{ padding: 0; color: #cd2431; display: block; position: relative; font-size: 18px; font-weight: bold; min-width: 150px; padding-right: 50px;}
.khoi12 .item-training .number-training::before{ position: absolute; bottom: 6px; z-index: 1; content: url('../images/ic-training-left.png'); width: 81px; height: 28px; right: 0;}

.khoi12 .left-training .item-training:nth-child(2n) {text-align: left;}
.khoi12 .left-training .item-training:nth-child(2n) .number-training{ padding-right: 0; padding-left: 50px;}
.khoi12 .left-training .item-training:nth-child(2n) .number-training::before{content: url('../images/ic-training-right.png'); left: -16px;}
.khoi12 .item-training .txt-training{font-size:16px; color:#606060; display:block; margin-bottom:0px; width:100%; line-height:25px; height: 75px;}

.khoi13 .wrapper_video{ position: relative; width:100%; padding-bottom: 70%; }
.khoi13 .wrapper_video iframe{ position: absolute; width:100%; height: 100%; }
div.khoi13 .noidung1{ width:50%; padding-right: 2%; float:none; color: #fff;}
div.khoi13 .noidung2{ width:50%; padding-left: 0%; float:none;}

div.khoi14 .noidung1{ width:50%; padding-right: 2%; float:none;}
div.khoi14 .noidung2{ width:50%; padding-left: 2%; float:none;}

div.khoi15{margin:0 -10px;}
div.khoi15 .item-gallery{ padding: 8px; width:calc( 100% / 4 ); position: relative; }
div.khoi15 .item-gallery a{display: block; position: relative; }
div.khoi15 .item-gallery a::before{ content: ''; width: 100%; height: 100%; background: rgba(221, 221, 221, 0.8); display: block; position: absolute; left:0px; top: 0px; z-index:1; opacity: 0; transition: all 0.4s; }
div.khoi15 .item-gallery:hover a::before{ opacity: 1; }
div.khoi15 .item-gallery a span{ opacity: 0; width: 90%; left:5%; top: 50%; transform: translateY(-50%); z-index:2; transition: all 0.4s; position: absolute; font-size: 22px; font-weight: 500; color:#333; text-align: center;}
div.khoi15 .item-gallery:hover a span{ opacity: 1; }
div.khoi15 .item-gallery img{ width:100%; display: block; }
 
div.khoi-16 div.wrap_list_16{ margin: 30px 0; }
div.khoi-16 div.wrap_list_16 .item-sp-list{ margin: 15px 10px; width: 70px; text-align: center; cursor: pointer; color: #096bff; }
div.khoi-16 div.wrap_list_16 .item-sp-list div:nth-child(1){ margin-bottom: 8px;}
div.khoi-16 div.wrap_list_16 .item-sp-list:hover,div.wrap_list_16 .item-sp-list.active{ color: #f00 !important;}

div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img{ position: relative; padding-top: 100%; overflow: hidden; margin-bottom: 15px; border: 1px solid #ddd;}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img::before{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba( 0,0,0,0.6); transition: all 0.3s; z-index:1; opacity: 0; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img:hover::before{ opacity: 1; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img .box_action{ position: absolute; left:50%; top: 50%; transition: all 0.3s; transform: translate(-50%,-50%); z-index:2; width: 120px; opacity: 0; transition: all 0.3s;}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img:hover .box_action{ opacity: 1; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img .box_action a:nth-child(1){ display: block; width: 120px; height: 38px; text-align: center; line-height: 38px; padding: 0; font-weight: 500; font-size: 14px; text-transform: uppercase; border: none; border-radius: 0; color: #fff; background-image: none; background: #FDC336; background: -moz-linear-gradient(left, #FDC336 0%, #EA9903 100%); background: -webkit-linear-gradient(left, #FDC336 0%, #EA9903 100%); background: linear-gradient(to right, #FDC336 0%, #EA9903 100%); border-radius: 5px !important; margin-bottom: 10px;}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img .box_action a:nth-child(1):hover{color: #fff; font-weight: 500;  text-transform: uppercase;  background: #119fd3;  background: -webkit-linear-gradient(135deg,#ea391b 30%,#e97f02 100%);  background: linear-gradient(135deg,#ea391b 30%,#e97f02 100%);}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img .box_action a:nth-child(2){ display: block; width: 120px; height: 38px; text-align: center; line-height: 38px; padding: 0; font-weight: 500; font-size: 14px; text-transform: uppercase;margin-bottom: 0; border: 2px solid #fff; border-radius: 5px !important; color: #fff;}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img .box_action a:nth-child(2):hover{color: #333; font-weight: 500;   text-transform: uppercase; background-color: #fff;}

div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_img img{ width: 100%; height: auto; display: block; margin: 0 0 8px; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%); -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-transition: all ease-in-out 3.2s; -moz-transition: all ease-in-out 3.2s; -o-transition: all ease-in-out 3.2s; transition: all ease-in-out 3.2s; position: absolute; top: 0; left: 0;}
div.khoi-16 div.wrap_sp_16 .item-sp:hover .item_sp_img img{top: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%);}
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_info div:nth-child(1){ font-size: 18px; font-weight: 400; color: #096f47;   margin-bottom: 5px; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_info div:nth-child(2){ color: #f00; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_info div:nth-child(2) .red{ color:#f00; }
div.khoi-16 div.wrap_sp_16 .item-sp .item_sp_info div:nth-child(2) span{ display: inline-block; text-decoration: line-through;font-size: 12px; color: #4e4747;}

div.khoi-16 .frm-16{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
div.khoi-16 .item-16{ width:100%; margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi-16 .item-16 i{ position: absolute; left: 0px; top: 0px; line-height: 42px; background: #ddd; font-size:15px; text-align: center; width:30px; height: 100%}
div.khoi-16 input[type='text'],div.khoi-16 input[type='email'],div.khoi-16 select{ border:none; height:42px; background:none; color:#333; border: 1px solid #ccc; padding: 0 10px; padding-left: 40px; width:100%;}
div.khoi-16 input[type='text']::placeholder,div.khoi-16 input[type='email']::placeholder,div.khoi-16 textarea::placeholder{color:#333;}
div.khoi-16 textarea{ height:80px; width:100%; border:none; background:none; color:#333; border: 1px solid #ccc; padding: 7px 10px; padding-left: 40px; display: block;}

div.khoi-16 input[type='submit']{ background: #e86305; color:#ffffff; padding:9px 30px; border:none; text-transform:uppercase; font-family:'RobotoMedium'; border-radius:4px; cursor:pointer;}
div.khoi-16 input[type='submit']:hover{ background:red;}
div.khoi-16 .domain{ padding: 0px 10px; background: #e1e1e1; line-height: 42px; }


div.khoi-17 div.wrap_list_17{ margin: 30px 0; }
div.khoi-17 div.wrap_sp_17 .item-sp-17{ text-align: center; }
div.khoi-17 div.wrap_sp_17 .item-sp-17:nth-child(1){ margin-bottom: 30px; }
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_img{ position: relative; overflow: hidden; margin-bottom: 15px;}
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_img img{width:100%; display:block; transform:scale(1.0); transition:all 0.3s;}
div.khoi-17 div.wrap_sp_17 .item-sp-17:hover .item_sp_img img{ transform: scale(1.1);}
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(1){ font-size: 16px; font-weight: 400; color: #2115de;   margin-bottom: 5px; }
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(2){ font-size: 14px; color: #000; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
 /*eight: 42px;*/}
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(4){  }
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(4) .red{ color:#f00; }
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(4) b{ color:#f00;}
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info div:nth-child(4) span{ display: inline-block; text-decoration: line-through;font-size: 12px; color: #4e4747; margin-left: 10px;}
div.khoi-17 div.wrap_sp_17 .item-sp-17 .item_sp_info a.muangay{ display: block; width: 120px; height: 38px; text-align: center; line-height: 34px; font-weight: 500; font-size: 14px; border: 2px #009933 solid;  color: #009933;  background: #fff; border-radius: 3px ; margin: auto; margin-bottom: 10px;}


div.khoi-17 .frm-17{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
div.khoi-17 .item-17{ width:100%; margin:0 10px; margin-bottom:10px; position: relative;}
div.khoi-17 .item-17 i{ position: absolute; left: 0px; top: 0px; line-height: 42px; background: #ddd; font-size:15px; text-align: center; width:30px; height: 100%}
div.khoi-17 input[type='text'],div.khoi-17 input[type='email'],div.khoi-17 select{ border:none; height:42px; background:none; color:#333; border: 1px solid #ccc; padding: 0 10px; padding-left: 40px; width:100%;}
div.khoi-17 input[type='text']::placeholder,div.khoi-17 input[type='email']::placeholder,div.khoi-17 textarea::placeholder{color:#333;}
div.khoi-17 textarea{ height:80px; width:100%; border:none; background:none; color:#333; border: 1px solid #ccc; padding: 7px 10px; padding-left: 40px; display: block;}

div.khoi-17 input[type='submit']{ background: #e86305; color:#ffffff; padding:9px 30px; border:none; text-transform:uppercase; font-family:'RobotoMedium'; border-radius:4px; cursor:pointer;}
div.khoi-17 input[type='submit']:hover{ background:red;}
div.khoi-17 .domain{ padding: 0px 10px; background: #e1e1e1; line-height: 42px; }
.loadkhung_product{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:27px;}


div.khoi-17 div.wrap_list_17{ margin: 30px 0; }
div.khoi-17 div.wrap_list_17 .item-sp-list-17{ margin: 5px; color: #121eb0; border: 1px solid #f00; padding: 5px 10px; text-align: center; cursor: pointer; }
div.khoi-17 div.wrap_list_17 .item-sp-list-17:hover ,div.wrap_list_17 .item-sp-list-17.active{ color: #f00 !important; border-color: #f00 !important;}


div.khoi-18 div.wrap_list_18{ margin: 30px 0; }
div.khoi-18 div.wrap_list_18 .item-sp-list-18{ margin: 5px; color: #121eb0; border: 1px solid #f00; padding: 5px 10px; text-align: center; cursor: pointer; }
div.khoi-18 div.wrap_list_18 .item-sp-list-18:hover ,div.wrap_list_18 .item-sp-list-18.active{ color: #f00 !important; border-color: #f00 !important;}

div.khoi-18 div.wrap_sp_18 .item-sp-18{ width: 50%; padding-bottom: 15px;  }
div.khoi-18 div.wrap_sp_18 .item-sp-18:nth-child(2n+1){ padding-right: 20px;}
div.khoi-18 div.wrap_sp_18 .item-sp-18:nth-child(2n){ padding-left: 20px;}

div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-img-18{width: 100px;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18-wrap{width: calc( 100% - 100px ); padding-left: 5px;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(1){font-size:16px; color: #000; max-width: 60%; white-space: nowrap; padding-right: 6px;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(2){ border-bottom: 1px dotted #000; width: 100%;    margin-bottom: 6px;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(3){ padding-left: 6px; white-space: nowrap;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(3) .red{ color:#f00; }
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18 b{color:#f00;}
div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-des-18{ max-width: 60%; color: #0e6032; }
 
.khoi-16 .owl-prev, .khoi-17 .owl-prev { position: absolute; left:0px; margin: 0px !important; font-size: 30px !important; top: 40%; transform: translate(-120%,-50%); width: 40px; height: 40px; background: #A8ACB3 !important; line-height: 41px !important; text-align: center; border-radius: 50% !important; color: #fff !important; }
.khoi-16 .owl-next, .khoi-17 .owl-next { position: absolute; right:0px; margin: 0px !important; font-size: 30px !important; top: 40%; transform: translate(120%,-50%); width: 40px; height: 40px; background: #A8ACB3 !important; line-height: 41px !important; text-align: center; border-radius: 50% !important; color: #fff !important; }
.khoi-16 .owl-prev:hover, .khoi-17 .owl-prev:hover,.khoi-16 .owl-next:hover, .khoi-17 .owl-next:hover {background: #7F8287 !important; }

.error_mes{ color: #f00; background: #fff; position: absolute; bottom: calc( 100% + 8px ); left: 30px; padding: 5px 10px; border: 1px #f00 solid; border-radius: 4px; min-width: 150px; display: none; font-size: 14px;}
.error_mes:after,.error_mes:before {top: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;	pointer-events: none;}
.error_mes:after {border-color: rgba(136, 183, 213, 0); border-top-color: #fff;	border-width: 5px;	margin-left: 0px;}
.error_mes:before {	border-color: rgba(194, 225, 245, 0); border-top-color: #f00;	border-width: 7px; margin-left: -2px;}
.error_mes i { position: relative !important; left: auto !important; top: auto !important; line-height: initial !important; background: none !important; font-size: 14px !important; text-align: center !important; width: auto !important; height: auto !important;}
.item-08,.item-position{position: relative;}

div.wap_footer { margin: auto; }
div.footer { display: grid; padding-top: 50px; padding-bottom: 30px; grid-template-columns: 32% 15% 15% 29%; grid-gap: 20px 3%;}
div.mxh { margin-top: 10px;}
div.mxh a { display: inline-block; vertical-align: top; margin: 0px 3px;}
div.mxh a img { max-height: 31px; border-radius: 4px; transition: 0.3s;}
div.mxh a img:hover { transform: translateY(-6px);}
p.td_ft { font-size: 19px; text-transform: uppercase;font-family: 'RobotoMedium'; margin-bottom: 10px; position: relative;}
div.item_ft ul {list-style: none;}
div.item_ft ul li a { display: block; color: #333333; padding: 5px 0;}
div.item_ft ul li a:hover { display: block; color: #f00; padding: 5px 0;}
div.wap_copy {  padding: 12px 0; text-align: center; border-top: 1px solid #cac7c7;}
div.copy {max-width: 1200px; margin: 0px auto;}

div.wap_footer_2 { margin: auto; }
div.footer_2 { display: grid; color: #fff; padding-top: 50px; padding-bottom: 30px; grid-template-columns: 32% 32% 32%; grid-gap: 20px 2%;}
div.mxh1 { margin-top: 10px;}
div.mxh1 a { display: inline-block; vertical-align: top; margin: 0px 3px;}
div.mxh1 a img { max-height: 31px; border-radius: 4px;}
div.mxh1 a img:hover { transition: 1s;  transform: rotate(360deg);}
p.td_ft_2 { font-size: 22px; color: #eeaa5e; text-transform: uppercase;font-family: 'RobotoMedium'; margin-bottom: 20px; position: relative;}
div.wap_copy_2 {  padding: 12px 0; text-align: center; border-top: 1px solid #fff;}
div.copy_2 {max-width: 1200px; margin: 0px auto; color: #fff;}
 
.validation-newsletter{ display: flex;  }
.validation-newsletter input{ width:calc( 100%  - 40px );padding: 5px 60px 5px 15px; font-style: italic; width: 100%; outline: none; color: #bcc0c4; background-color: #565f66; border: none;}
.validation-newsletter button{height: 40px; width:40px; background-color: #fbcd13; border: none;}
/*====BOX TIN TUC====*/
.wap_box_news2{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 25px;}
.box_news2{border: 1px solid #d4d4d4;width:100%;padding-bottom: 15px;}
.box_news2 h3 a{font-size: 15px;color:#1f1f1f;margin: 5px 5%;transition:0.4s;text-decoration:none;display:block;font-family: 'RobotoMedium';}
.box_news2 .ngaytao{display:none;}
.box_news2 .mota{line-height:1.7;padding: 0 5%;text-align: justify;font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.box_news2 h3 a:hover{color:#F00;transition:0.4s;}
.box_news2 .img img{width:100%}
.chayvien{position: relative;overflow: hidden;}
.i_chayvien{position: absolute;height: 0px;width: 0px;background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
    background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);transition: all 0.5s ease;z-index: 20; background: #ffffff;}
.i_chayvien:nth-child(1){left: 12px;}
.i_chayvien:nth-child(2){right: 12px;}
.i_chayvien:nth-child(3){top: 12px;}
.i_chayvien:nth-child(4){bottom: 12px;}
.chayvien:hover .i_chayvien:nth-child(1),.chayvien:hover .i_chayvien:nth-child(2){height: 100%;width: 1px;}
.chayvien:hover .i_chayvien:nth-child(3),.chayvien:hover .i_chayvien:nth-child(4){ width: 100%;height: 1px;}


/* Slider*/
div.slider { margin: auto; overflow: hidden;  height: 100vh;  position: relative;  display: flex;  align-items: center;  text-align: center;  width: 100%;
    justify-content: center;  color: #ffffff;}
div.noidung_slider { background: rgba(0,0,0,0.4); padding: 10px 20px; position: relative;}

/* Breadcrumb */
.breadCrumbs{background-color:#eee;margin-bottom:25px;}
.breadCrumbs .wrap-content{padding:0.75rem 10px;max-width:1200px;}
.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0;}
.breadCrumbs .wrap-content .breadcrumb-item a{color:var(--color-black);}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color:var(--color-gray);}

 
/* Bài viết */
.news{width:49%;float:left;margin-bottom:25px;display:block;}
.news:nth-child(2n){float:right;}
.news:nth-child(2n+1){clear:both;}
.news .pic-news{float:left;margin-right:4%;width:36%;}
.news .pic-news img{width:100%;}
.news .info-news{float:left;width:60%;}
.news .name-news a{color:#333;font-size:16px;display:block;line-height:normal;margin-bottom:5px;font-weight: bold;}
.news .name-news:hover a{color:var(--color-red);}
.news .time-news{color:var(--color-gray);margin-bottom:0.25rem;}
.news .desc-news{color:#333333;margin-top:5px;line-height:22px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px; margin-bottom: 20px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:var(--color-red);}
 
 
/* Contact */
.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;}
.top-contact .article-contact{width:48%;}
.form-contact{width:47%;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{text-indent:10px;}
.input-contact textarea{resize:none;height:150px;padding:10px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:500px; width: 100vw; transform: translateX(-50%); left: 50%;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}


/* Slider*/
.item_slider{position: relative;}
.slider_info{position: absolute; top: 0; left: 0%; bottom: 0; z-index: 2; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; opacity: 0; justify-content: space-between;}
.slider_info--text{width: 50%;margin:auto;}
.item_slider .thumb::before {display: none; content: ""; position: absolute; top: 30%; left: 0; bottom: 0; width: 450px; background: -moz-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%); background:linear-gradient(left, #fff -10%, rgba(255, 255, 255, 0) 100%); text-align:center; z-index: 1;}
#slider .owl-item.active .item_slider .slider_info, #slider_mb .owl-item.active .item_slider .slider_info {opacity: 1; -webkit-animation: fadeInRight 1s ease backwards; -moz-animation: fadeInRight 1s ease backwards; -o-animation: fadeInRight 1s ease backwards; -ms-animation: fadeInRight 1s ease backwards; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s;}
#slider .owl-item.active .owl-lazy, #slider_mb .owl-item.active .owl-lazy{opacity: 1}
@keyframes fadeInRight {from {opacity: 0;transform: translate3d(0%, -20%, 0);} to {opacity: 1;transform: none;}}
.fadeInRight {animation-name: fadeInRight;}
.thumb{ background-position: center center;background-repeat: no-repeat;background-size: cover; display: block; position: relative;/*padding-bottom: calc(439/850 * 100%);*/}
.slider_info__name{color: #fff; font-size: 65px; font-family: 'RobotoCondensedBold'; padding-bottom: 10px; text-align: center;}
.button-more{display: inline-block; vertical-align: top; color: #010101; position: relative; z-index: 2; background: #fff; border: none !important; font-family: "RobotoRegular"; padding: 12px 30px; font-size: 14px; letter-spacing: 1px; margin-left: 4px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.button-more:hover {color: #fff;background: #1a9edc;}
.btn-main:after, .btn-main:before {content: "";position: absolute;bottom: -4px;left: -4px;top: 0;right: 0;border: solid 1px #1a9edc;z-index: -1;}
.btn-main:after {right: -4px;top: -4px;bottom: 0;left: 0;z-index: -2;}
.slider_info__desc{font-size: 18px; font-family: 'RobotoMedium'; color: #fff;text-align: center;}
/* Slideshow */
.slideshow{position:relative;}
.slideshow a{display:block;cursor:pointer;}
.slideshow a img{width:100%;}
.slideshow:hover .control-slideshow{opacity:0.3;}
.slideshow .control-slideshow:hover{opacity:0.8;}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0px;background-color:#000000;border-radius:3px;}
.control-slideshow i{color:#ffffff;}
.prev-slideshow{left:20px;padding-right:3px;}
.next-slideshow{right:20px;padding-left:3px;}

/* Phân Trang */
.pagination-home{ margin-top: 20px; }
/*.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}*/

/* thiết lập style cho thẻ a */
.pagination-home .pagination .page-item .page-link{ color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: none; border-radius: 0px;}
/* thiết lập style cho class active */
.pagination-home .pagination .page-item.active .page-link{ background-color: dodgerblue;  color: white; }
/* thêm màu nền khi người dùng hover vào class không active */
.pagination-home .pagination .page-item:hover:not(.active) .page-link { background-color: #ddd; }

/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background:var(--color-red);color:#fff;border-color:var(--color-red);}

/* Phân Trang Ajax */
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background:var(--color-red);color:#fff;border-color:var(--color-red);}
/* Popup custom */
.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}

/* Popup */
#popup .modal-body{padding:0px;}
/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}
/* Hidden Check Grammar Coccoc */
coccocgrammar{display:none;}
/* Scroll Top */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:25px;right:13px;display:none;z-index:10;cursor:pointer;}
/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
/* Transition All */
.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
div.menu_mobi, div.menu_mobi_add { display: none;}

 
.left-training-hidden{ display: none; }
.wrap_footer_all{ padding-bottom: 48px; }
/* Responsive */
@media(max-width:1024px){
	div.khoi15 .item-gallery{ padding: 6px; width:calc( 100% / 3 ); position: relative; }
	.wrap-main{ max-width: 97%; }
	div.khoi8, div.khoi6 { padding: 0 1.5%;}
	div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:20px; color: #3d3737;}
	.khoi-03 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:20px; color: #3d3737;}

}
@media(max-width:960px){
    div.footer,div.footer_2 {display: block;}
    div.menu_mobi_add{background: #ffffff; display: block; position: fixed; left: -100%; top: 0; z-index: 99999; color: #080808; height: 100vh; overflow: auto; line-height: 1.5; padding-top: 60px; padding-bottom: 20px; width: 85%; min-width: 140px; max-width: 440px; box-shadow: inset -4px 0px 8px rgb(0 0 0 / 30%); transition: 0.5s;}
    div.menu_mobi_active {left: 0; transition: 0.5s;}
    .close_menu{position:absolute; top:5px; right:7px; font-size:20px; background:rgb(0,0,0,0.2); width:35px; text-align:center; line-height:35px; cursor: pointer;}
    div.menu_mobi_add ul { list-style: none;}
    .icon_menu_mobi{font-size:18px; text-decoration:none; display:block; cursor:pointer; display:block; cursor:pointer; float:right;}
    .menu_baophu{background:#000; opacity:0.8; z-index:998; left:0px; top:0px; position:fixed; width:100%; height:100%; display:none;}
    a.home_mobi {color: #fff; text-decoration: none; float: right; font-size: 20px; display: none;}
    .close_menu {position: absolute; top: 5px; right: 7px; font-size: 20px; background: rgb(0,0,0,0.2); width: 35px; text-align: center; line-height: 35px; cursor: pointer;}
    div.menu_mobi_add ul li a,div.menu_mobi_add ul li span {text-decoration: none; color: #000; display: block; border-bottom: 1px solid rgb(0,0,0,0.2); padding: 12px 40px 12px 10px; margin-left: 0px; font-size: 15px; position: relative;}
    div.menu_mobi_add ul li.active a,div.menu_mobi_add ul li.active span { color: #41B75E; }

    .menu ul.menu_cap_cha{ display: none !important; }

    div.menu_mobi { display: block; color: #fff; font-size: 18px; text-decoration: none; display: block; padding: 0px 10px; width: 100%; cursor: pointer; display: block; height: 100%; height: 60px; line-height: 60px; cursor: pointer; }
    div.wap_box_news2 { grid-template-columns: repeat(2,1fr);}
    .top-contact{display: block;}
    .top-contact .article-contact { margin-bottom:20px; width: 100%;}
    .top-contact .form-contact { width: 100%;}

    .main_footer_2,.ft_middle{ margin-bottom: 20px; }

    .loadkhung_product { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}

}
@media(max-width:850px){
	div.khoi-18 div.wrap_sp_18 .item-sp-18{ width:100%; padding-left: 0px !important; padding-right: 0px !important; }
}
@media(max-width:600px){
    div.khoi44,.khoi-03 div.khoi44 { grid-template-columns: repeat(2,1fr); grid-gap: 20px 10px;}
    div.khoi66, div.khoi77 { grid-template-columns: repeat(2,1fr); text-align: center;}
    div.khoi22 .img_logo {position: relative; top: auto; left: auto; margin-right: 0; transform: translate(0%, 0%); width: 60%; text-align: center; margin: auto;}
    div.khoi22 .img_logo { width: 80%;}
    div.item_k2, div.item_k2:nth-child(2n+1) {  width: 100%; margin-right: 0; float: none; padding: 15px 0;}
    .loadkhung_product {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 16px;}

}
@media(max-width:500px){
	div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-img-18 { width: 60px;}
	div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18-wrap { width: calc( 100% - 60px ); }
	div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-des-18 { max-width: 100%;}
	div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(1){ max-width: 60%; width: 60%; white-space: nowrap; padding-right: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	div.khoi-18 div.wrap_sp_18 .item-sp-18 .item-sp-content-18>div:nth-child(2) { width: 10%; }

	div.khoi14 .noidung2,div.khoi14 .noidung1,div.khoi13 .noidung2,div.khoi13 .noidung1,div.khoi10 .noidung2,div.khoi10 .noidung1,div.khoi1 .noidung2, div.khoi1 .noidung3, div.khoi88, div.khoi8 .noidung { width: 100%; float: none; padding: 0;}
    div.khoi10 .noidung1,div.khoi13 .noidung1,div.khoi14 .noidung1{ margin-bottom:20px; }
    div.khoi77 { grid-template-columns: repeat(1,1fr); text-align: center;}
    div.wap_box_news2 { grid-template-columns: repeat(1,1fr); width: 95%; margin: auto;}

    div.khoi9.wrap-main { padding: 20px 15px;}
    div.khoi9 .item-09 {width: 100%;}
    div.khoi { padding: 40px 0;}
    div.khoi15 .item-gallery { padding: 5px; width: 50%;}
    div.khoi15 {margin: 0 0px;}
    .left-training,.right-training{display: none !important;}
    .left-training-hidden{ display: block; }
    .khoi12 .item-training{ width: 100%; }
    .khoi12 .item-training .number-training::before{ display: none; }
    .khoi12 .item-training .number-training { width: 40%; padding-right: 6px;}
    .khoi12 .item-training .txt-training{ width: 60%; height: auto;}
    .loadkhung_product {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px;}
    .khoi12 .item-training .number-training{ font-size: 16px; }
}
@media(max-width:369px){
	 
}