@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; font-family: 'RobotoMedium';}
*:not(ul):not(ol){ 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;}
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;}

#toc-content table{width: 100% !important;}
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;}


.video_detail_iframe{ position: relative; padding-top: 40%; width:100%; }
.video_detail_iframe:before{ position: absolute; content: ''; left:0px; top: 0; width:100%; height: 100%; z-index:1; }
.video_detail_iframe iframe{ position: absolute; left: 0px; top: 0px; height: 100%; width:100%; display:block; }

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

#wrapper{ overflow: hidden; }

.button-block{ padding: 30px; text-align: center; }
.button-block .btn-img img{ max-width: 200px; max-height: 60px; display: inline-block !important;}
.button-block .btn-text{ padding: 10px 25px; font-size: 18px; white-space: nowrap;}
.button-block .btn-img,.button-block .btn-text{ cursor: pointer; display: inline-block !important; border-radius: 30px;}
/* 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;}

.pagination-ajax{ margin-top: 10px;}
.pagination-ajax .pagination{ justify-content: center; }

/*=====menu 1======*/
 
.header{ background: rgba(0,0,0,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;}

.ft_ul,.menu { position: relative; max-width: calc( 100% - 180px ); }
.menu ul{ list-style: none; padding:0; margin:0; }
.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:#41B75E; }
.menu ul.menu_cap_cha li.menulicha>span:hover,.menu ul.menu_cap_cha li.active>span{ color:#41B75E; }
 
.menu_in,.fixed {transition: all 0.3s; background: rgba(0,0,0,1);}


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

.menu2_fixright{ position: fixed; right: -310px; top: 0px; height: 100vh; width: 300px; background: #fff; transition:all 0.4s; z-index: 9999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 4px -1px rgba(0,0,0,0.5);/*FF 3.5+*/
-webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 4px -1px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); /*IE 5.5*/
}
.menu2_fixright.active{  right: 0px; transition:all 0.4s; }
.nen-menu-02{ position: absolute; right: 0px; top: 0px; height: 100vh; width: 100%; padding: 30px 0; }
.menu2_cap_cha{position: absolute; right: 0px; top: 30px; height: calc(100vh - 60px ); overflow-y: scroll; width: 100%;}
.menu2_cap_cha::-webkit-scrollbar { width: 5px; height: 5px;}
.menu2_cap_cha::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.menu2_cap_cha::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.menu2_cap_cha::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.menu2_cap_cha::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.menu2_cap_cha::-webkit-scrollbar-corner { background-color: #ffffff;}}
.menu2_cap_cha::-webkit-resizer { background-color: #666;}

.menu2_cap_cha .menulicha2{ border-bottom: 1px solid #ececec; }
.menu2_cap_cha .menulicha2:last-child{ border-bottom: none; }
.menu2_cap_cha .menulicha2 span, .menu2_cap_cha .menulicha2 a{ font-size: 16px; display: block; font-family: "Playfair Display", sans-serif; padding: 10px 20px; transition: all 0.3s; color: #333; cursor: pointer;}
.menu2_cap_cha .menulicha2:hover span, .menu2_cap_cha .menulicha2:hover a{ background:rgba(0,0,0,0.05); }
.close_menu2{ position: absolute; top:4px; right: 20px; font-size: 24px; color:#333; line-height: 1; }
.menu2_bar{ color:#fff; border:2px solid #fff; border-radius:50%; width: 30px; height: 30px; text-align: center; line-height: 29px; font-size: 18px; cursor: pointer; }
.menu2_bar:hover { color: #1D7037; border:2px solid #1D7037; }

.menu2_fixright_overlay{ position: fixed; z-index:-10; background:rgba(0, 0, 0, 0.5); top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; transition: all 0.3s;}
.menu2_fixright_overlay.active{ z-index:9998; transition: all 0.3s; visibility: visible;}

.right_fixnav{ position: fixed; z-index: 9997;  top: 50%; right: 20px; transform: translateY(-50%);}
.fixnav{display: block; width: 14px; height: 13px; margin: 7px; position: relative;}
.fixnav>span{ display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
.fixnav>span>span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

.fixnav:hover>span>span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px;}
.fixnav.active>span>span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background-color: #009900 !important;}


/*==========Menu 03===========*/
.wrap_header{height: 100px;}
.header3 { background: #0d5189; padding: 10px 0; position: relative; width: 100%; z-index: 99;}
.header3.fixed{ position: fixed; left:0px; top: 0px; }
.top-header{ padding:6px 0; }
.top-header .left-top i{ color:#0d5189; font-size:14px; }
.top-header .left-top a{ display: inline-block; padding:0 5px; color:#f45661; font-family: 'UTMAvo'; font-size: 16px;}
.top-header .right-top a{ display: inline-block; padding:0 2px; }

.header_logo3{ margin-left: 60px; }
.header_logo3 img{ max-height: 24px; }
.logo3_right{ max-width: 90%; margin: auto; }
.fixwidth-menu03{ width: 98%; margin: auto; }
.menu3_bar {color:#fff; border: 2px solid #fff; padding: 0 5px; width: 30px; height: 30px; text-align: center; line-height: 29px; font-size: 18px; cursor: pointer;}
.menu3_fixleft {  position: fixed;  left: -310px;  top: 0px;  height: 100vh;  width: 300px;  background: #fff;  transition: all 0.4s;  z-index: 9999;  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 4px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px -1px rgb(0 0 0 / 50%);
    box-shadow: 0 0 4px -1px rgb(0 0 0 / 50%);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000);
}
.close_menu3 { position: absolute; top: 4px; right: 10px; font-size: 24px; color: #fff; line-height: 1;}
.menu3_cap_cha { position: absolute; right: 0px; top: 80px; height: calc(100vh - 80px ); overflow-y: scroll; width: 100%;}
.menu3_cap_cha::-webkit-scrollbar { width: 5px; height: 5px;}
.menu3_cap_cha::-webkit-scrollbar-button {  width: 0px; height: 0px; }
.menu3_cap_cha::-webkit-scrollbar-track {  background-color: #c3c3c3;}
.menu3_cap_cha::-webkit-scrollbar-track-piece { background-color: #ffffff;}
.menu3_cap_cha::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
.menu3_cap_cha::-webkit-scrollbar-corner { background-color: #ffffff;}}
.menu3_cap_cha::-webkit-resizer { background-color: #666;}

.header3 .menu ul.menu_cap_cha li.menulicha>a,.header3 .menu ul.menu_cap_cha li.menulicha>span { font-family: 'RobotoRegular'; text-decoration: none; color: #fff; font-size: 16px; display: block; cursor: pointer; height: 40px; line-height: 40px; padding: 0 15px;}

.menu3_cap_cha .menulicha2 { }
.menu3_cap_cha .menulicha2 span, .menu3_cap_cha .menulicha2 a { font-size: 14px; display: block; font-family: 'UTMAvo'; padding: 10px 20px; transition: all 0.3s; color: #fff; cursor: pointer;}
.menu3_cap_cha .menulicha2:hover span, .menu3_cap_cha .menulicha2:hover a { background: #c75260;}
.menu3_fixleft_overlay { position: fixed; z-index: -10; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; transition: all 0.3s;}
.menu3_fixleft.active{  left: 0px; transition:all 0.4s; }
.menu3_fixleft_overlay.active{ z-index:9998; transition: all 0.3s; visibility: visible;}

.nen-menu-03{ position: absolute; left: 0px; top: 0px; height: 100vh; width: 100%; padding: 30px 0; }
/*==========Menu 03===========*/
/*====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.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.khoi2-2{ position:relative;}
div.khoi2-2 .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:left; 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.khoi-03 div.khoi44{ display:grid;  grid-template-columns:repeat(4,1fr);  text-align:center;  grid-gap:30px; color: #3d3737;}
div.khoi-03 div.item_k4 h3{ margin:10px auto; font-size:17px; color: #008000;}

div.chay_khoi5{ color: #333333;}
div.khoi-05 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:30px; color: #3d3737;}
div.khoi-05 div.khoi44 p.img{width: 80px;}
div.khoi-05 div.khoi44 p.img img {f }
div.khoi-05 div.item_k4 h3{ margin:0; margin-bottom: 5PX; font-size:18px; color: #333;}
div.khoi-05 div.item_k4 .item_k4_content{width: calc( 100% - 80px ); padding-left: 15px; text-align: left;}



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; text-align: center;}
div.item_k6 h4 span{ color:#41b75e; font-size:35px; display:block; vertical-align:middle; margin-top: 3px;}

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); grid-gap: 20px; 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: 'RobotoMedium'; font-size:23px;}
div.item_k7 h4 span{ display:block; font-family: 'RobotoLight';}
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.khoi7-2{ position:relative;}
div.khoi7-2 .img_logo{position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width:40%;}


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:#fff; 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;}
 
div.khoi-11 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:30px; color: #3d3737;}
div.khoi-11 div.item_k4 h3{ margin:10px auto; font-size:17px; color: #008000;}


.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; }


div.khoi-19 div.wrap_post_19{ margin: 30px 0; }
div.khoi-19 div.wrap_post_19 .loadkhung_19{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:27px;}

div.khoi-19 div.wrap_post_19 .box_news_19{ width:100%; }
div.khoi-19 div.wrap_post_19 .box_news_19 h3 a{font-size: 15px;color:#1f1f1f; margin: 5px 0;transition:0.4s;text-decoration:none;display:block;font-family: 'RobotoMedium';}
div.khoi-19 div.wrap_post_19 .box_news_19 .ngaytao{display:none;}
div.khoi-19 div.wrap_post_19 .box_news_19 .mota{line-height:1.7;padding: 0 ;text-align: justify;font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
div.khoi-19 div.wrap_post_19 .box_news_19 h3 a:hover{color:#F00;transition:0.4s;}
div.khoi-19 div.wrap_post_19 .box_news_19 .img img{width:100%}


div.chay_khoi20{ color: #3d3737;}
.sp_owl_20{ margin: 30px 0; }
.item_20{margin: auto;  border: 1px solid #007236;  border-radius: 5px;  color: #696969;  font-size: 18px;  padding: 7px 5px; text-align: center;}
.item_20.active20, .item_20:hover { background: #007236; color: #fff;}
.khoi-20 .owl-prev{ font-size: 25px !important; width: 30px; height: 30px; background: #A8ACB3 !important; line-height: 31px !important; text-align: center; color: #fff !important; }
.khoi-20 .owl-next{ font-size: 25px !important; width: 30px; height: 30px; background: #A8ACB3 !important; line-height: 31px !important; text-align: center; color: #fff !important; }
.khoi-20 .owl-prev:hover,.khoi-20 .owl-next:hover{background: #7F8287 !important; }



.khoi21-2{ margin-top: 30px; }
.swiper-slide { background-position: center; background-size: cover; max-width: 600px;}
.wrap-video-21{ position: relative; width: 100%; padding-bottom: 55%; width: 600px;}
.wrap-video-21:before{ content: ''; z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3);}
.wrap-video-21 iframe{ position: absolute; width: 100%; height: 100%; }

.flip-current .wrap-video-21:before{ display: none; }

.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;}



/*==========Khối 22==============*/
div.chay_khoi22{ color: #333333;}
div.khoi22 .noidung1{ margin-bottom:20px;}
div.khoi22 .noidung2{ width:55%; float:left; font-family: 'UTMAvo'; color: #0E76BC; line-height: 1.6;}
div.khoi22 .noidung3{ width:40%; float:right;}
div.khoi22 .title-khoi22{font-family: 'UTMAvoBold'; font-size: 26px; margin-bottom:10px; color: #0E76BC;}

/*==========Khối 23==============*/
div.chay_khoi23{ color: #3d3737;}
div.khoi23-2{ position:relative; display: grid;grid-template-columns: repeat(3,1fr); grid-gap:30px;}
div.item_k23{  text-align: justify;}
div.item_k23 .img{ width: 78px;}
div.item_k23 .item_k23_content{ width: calc( 100% - 90px ); font-family: 'UTMAvo';}
div.item_k23 .name_23{ margin-bottom:5px; line-height: initial; }
div.item_k23 .name_23 a{ font-size:18px; color: #008000; color: #0D5189;font-family: 'UTMAvoBold'; font-size: 16px; }
div.item_k23 .mota{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
div.khoi23 .noidung1{ position: relative; z-index: 1; }
div.title-khoi23{ text-align:center; margin-bottom: 40px; }
div.title-khoi23 span{ display: inline-block; position: relative; padding: 0 20px; color: #0D5189;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi23 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi23 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

/*==========Khối 24==============*/
div.chay_khoi24{ }
div.khoi24-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k24{  text-align: justify; background: #ffffff; border-radius: 16px; position: relative; padding-bottom: 30px;}

div.item_k24 .item_k24_content{ width: 100% ; font-family: 'UTMAvo';}
div.item_k24 .name_24{ margin-bottom:5px; line-height: initial; background: url(../images/img-data/bg-ga.gif) repeat-y center; background-size: 100% auto; width: 80%; padding: 10px; text-align: center; margin-bottom: 6px; border-top-left-radius: 16px; border-bottom-right-radius: 16px;}
div.item_k24 .name_24 a{ font-size:19px; color: #fff; font-family: 'UTMAvo'; font-size: 16px; font-weight: 600; }
div.item_k24 .mota{ padding: 10px 15px; font-size: 15px;}
div.khoi24 .noidung1{ position: relative; z-index: 1; }
div.title-khoi24{ text-align:center; margin-bottom: 40px; }
div.title-khoi24 span{ display: inline-block; position: relative; padding: 0 20px; color: #FF5F1F;font-family: 'UTMAvo'; font-size: 26px; }
div.title-khoi24 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi24 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
.xemthem-khoi-24{ background: url(../images/img-data/bg-ga.gif) repeat-y center; background-size: 100% auto; border-top-left-radius: 16px; border-bottom-right-radius: 16px; padding: 8px 15px; position: absolute; bottom: 0px; right: 0px; color: #fff;}
.xemthem-khoi-24:hover{ color: #FF5F1F;}


/*==========Khối 25==============*/
div.chay_khoi25{ color: #333333;}
div.khoi25 .noidung1{ margin-bottom:20px;}
div.khoi25 .noidung2{ width:45%; float:left; }
div.khoi25 .noidung3{ width:50%; float:right;font-family: 'UTMAvo'; color: #000; line-height: 1.6;}
div.khoi25 .title-khoi25{font-family: 'UTMAvo'; font-size: 36px; margin-bottom:10px; color: #000;}
div.btn-khoi-25{ margin-top: 20px; text-align: left; }
div.btn-khoi-25 .button-block{ text-align: left; padding: 20px 0;}

/*==========Khối 26==============*/
div.chay_khoi26{ color: #3d3737;}
div.khoi26-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k26{  text-align: justify;}
div.item_k26 .img{ width: 88px; margin: auto; margin-bottom: 10px;}
div.item_k26 .item_k26_content{ width: 100%; font-family: 'UTMAvo';}
div.item_k26 .name_26{ margin-bottom:5px; line-height: initial; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px; text-align: center; margin-bottom: 10px; }
div.item_k26 .name_26 a{ font-size:18px; color: #0D5189;font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k26 .mota{  }
div.khoi26 .noidung1{ position: relative; z-index: 1; }
div.title-khoi26{ text-align:center; margin-bottom: 40px; }
div.title-khoi26 span{ display: inline-block; position: relative; padding: 0 20px; color: #d9d9d9;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi26 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi26 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

/*==========Khối 27==============*/
div.chay_khoi27{ color: #3d3737;}
div.title-khoi27{ text-align:center; margin-bottom: 40px; }
div.title-khoi27 span{display:inline-block; position: relative; padding: 0 20px; color: #3CADE2;font-family: 'UTMAvoBold'; font-size: 28px; }
div.title-khoi27 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi27 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.khoi27-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k27{  text-align: justify; background: #fff; border-radius: 12px; padding-top: 60px; position: relative; box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);}
div.item_k27:before{ content: '';  border-top: 5px solid #3cade2; width: 100%; height: 5px; position: absolute; left: 0; top: 30px;}
div.item_k27 .img{ width: 45px; margin: auto; }
div.item_k27 .item_k27_content{ width: 100%; font-family: 'UTMAvo'; padding: 15px 20px; padding-bottom: 30px; text-align: center;}
div.item_k27 .name_27{ margin-bottom:5px; line-height: initial; text-align: center; margin-bottom: 10px; }
div.item_k27 .name_27 a{ font-size:20px; color: #0D5189;font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k27 .mota{  }
div.khoi27 .noidung1{ position: relative; z-index: 1; }
.xemthem-khoi-27{padding: 3px 20px 5px; background-color: #3cade2; color: #fff; font-size: 14px; margin-top: 1.5em; display: inline-block;}
.xemthem-khoi-27:hover{ background: #777; color: #fff;}


/*==========Khối 28==============*/
div.chay_khoi28{ color: #333333;}
div.khoi28 .noidung1{ margin-bottom:20px;}
div.khoi28 .noidung2{ width:50%; float:left; }
div.khoi28 .noidung3{ width:45%; float:right;font-family: 'UTMAvo'; color: #000; line-height: 1.6;}
div.khoi28 .title-khoi28{font-family: 'UTMAvoBold'; font-size: 30px; margin-bottom:20px; padding-bottom: 10px; color: #C32F96; }
div.khoi28 .title-khoi28 span{ display: inline-block; position: relative; padding: 0 30px; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px;}
div.khoi28 .title-khoi28 span:before{ content:''; position:absolute; left:100%; top: 50%; transform: translateY(-65%); width: 25px; height: 25px; background:url(../images/img-data/star.png)  no-repeat; background-size: 100% auto; }
div.khoi28 .title-khoi28 span:after{ content:''; position:absolute; right:100%; top: 50%; transform: translateY(-65%); width: 25px; height: 25px; background:url(../images/img-data/star.png)  no-repeat; background-size: 100% auto; }
div.btn-khoi-28{ margin-top: 20px; text-align: left; }
div.btn-khoi-28 .button-block{ text-align: left; padding: 20px 0;}
div.khoi28 .noidung2 h3 { font-size: 1.5rem;}

/*==========Khối 29==============*/
div.chay_khoi29{ color: #3d3737;}
div.title-khoi29{ text-align:center; margin-bottom: 40px; }
div.title-khoi29 span{display:inline-block; position: relative; padding: 0 20px; color: #EF4845;font-family: 'UTMAvoBold'; font-size: 28px; }
div.title-khoi29 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi29 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.khoi29-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k29{  text-align: justify; background: #fff; border-radius: 12px; padding-top: 60px; position: relative; box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);}
div.item_k29:before{ content: '';  border-top: 5px solid #f05a58; width: 100%; height: 5px; position: absolute; left: 0; top: 30px;}
div.item_k29 .img{ width: 45px; margin: auto; }
div.item_k29 .item_k29_content{ width: 100%; font-family: 'UTMAvo'; padding: 15px 20px; padding-bottom: 30px; text-align: center;}
div.item_k29 .name_29{ margin-bottom:5px; line-height: initial; text-align: center; margin-bottom: 10px; }
div.item_k29 .name_29 a{ font-size:20px; color: #0D5189;font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k29 .mota{  }
div.khoi29 .noidung1{ position: relative; z-index: 1; }
.xemthem-khoi-29{padding: 3px 20px 5px; background-color: #f05a58; color: #fff; font-size: 14px; margin-top: 1.5em; display: inline-block;}
.xemthem-khoi-29:hover{ background: #777; color: #fff;}
.nen-khoi-29{ padding:20px 0; }

/*==========Khối 30==============*/
div.chay_khoi30{ color: #3d3737;}
div.khoi30-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k30{  text-align: justify;}
div.item_k30 .img{ width: 88px; margin: auto; margin-bottom: 10px;}
div.item_k30 .item_k30_content{ width: 100%; font-family: 'UTMAvo';}
div.item_k30 .name_30{ margin-bottom:5px; line-height: initial; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px; text-align: center; margin-bottom: 10px; }
div.item_k30 .name_30 a{ font-size:18px; color: #0D5189;font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k30 .mota{  }
div.item_k30 .gia_30{ margin-bottom: 20px; text-align: center; }
div.khoi30 .noidung1{ position: relative; z-index: 1; }
div.title-khoi30{ text-align:center; margin-bottom: 40px; }
div.title-khoi30 span{ display: inline-block; position: relative; padding: 0 20px; color: #DD4F55;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi30 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi30 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

/*==========Khối 31==============*/
div.chay_khoi31{ color: #333333;}
div.khoi31 .noidung1{ margin-bottom:20px;}
div.khoi31 .noidung2{ width:45%; float:left; }
div.khoi31 .noidung3{ width:50%; float:right;font-family: 'UTMAvo'; color: #000; line-height: 1.6;}
div.khoi31 .title-khoi31{font-family: 'UTMAvoBold'; font-size: 26px; margin-bottom:20px; padding-bottom: 10px; color: #2F32C3; text-align: center; }
div.khoi31 .title-khoi31 span{ display: inline-block; position: relative; padding: 0 30px; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px;}
div.khoi31 .title-khoi31 span:before{ content:''; position:absolute; left:100%; top: 10px; width: 25px; height: 25px; background:url(../images/img-data/star.png)  no-repeat; background-size: 100% auto; }
div.khoi31 .title-khoi31 span:after{ content:''; position:absolute; right:100%; top: 10px; width: 25px; height: 25px; background:url(../images/img-data/star.png)  no-repeat; background-size: 100% auto; }
div.btn-khoi-31{ margin-top: 20px; text-align: center; }
div.btn-khoi-31 .button-block{ text-align: center; padding: 20px 0;}
div.btn-khoi-31 .button-block .btn-text { padding: 5px 25px; font-size: 15px; white-space: nowrap;}
 
/*==========Khối 32==============*/
div.chay_khoi32{ color: #333333;}
div.khoi32 .noidung1{ margin-bottom:20px;}
div.khoi32 .noidung2{ width:48%; float:left; }
div.khoi32 .noidung3{ width:48%; float:right;font-family: 'UTMAvo'; color: #000; line-height: 1.6;}

div.title-khoi32{ text-align:center; margin-bottom: 40px; overflow:hidden; }
div.title-khoi32 span{ display: inline-block; position: relative; padding: 0 20px; color: #017E31;font-family: 'UTMAvoBold'; font-size: 22px; }
div.title-khoi32 span:before{ content: ''; width: 150px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 12px;}
div.title-khoi32 span:after{ content: ''; width: 150px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 12px;}
div.khoi32-2{ position:relative; display: grid;grid-template-columns: repeat(3,1fr); grid-gap:30px;}
div.item_k32{  text-align: justify;}
div.item_k32 .img{ width: 105px; margin: auto; margin-bottom: 10px;border: 4px solid #a7ba9e; border-radius: 50%; box-shadow: 2px 2px 4px #777;}
div.item_k32 .img img{ border-radius: 50%;}
div.item_k32 .item_k32_content{ width: 100%; font-family: 'UTMAvo';}
div.item_k32 .name_32{ text-align: center; }
div.item_k32 .name_32 a{ font-size:18px; color: #0D5189;font-family: 'UTMAvoBold'; font-size: 16px; }
 

/*==========Khối 33==============*/
div.chay_khoi33{ color: #3d3737;}
div.khoi33-2{ position:relative; display: grid;grid-template-columns: repeat(4,1fr); grid-gap:30px;}
div.item_k33{  text-align: justify;}
div.item_k33 .img{ width: 88px; margin: auto; margin-bottom: 10px;}
div.item_k33 .item_k33_content{ width: 100%; font-family: 'UTMAvo';}
div.item_k33 .name_33{ margin-bottom:5px; line-height: initial; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px; text-align: center; margin-bottom: 10px; }
div.item_k33 .name_33 a{ font-size:18px; color: #0D5189;font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k33 .mota{  }
div.item_k33 .gia_33{ margin-bottom: 20px; text-align: center; }
div.khoi33 .noidung1{ position: relative; z-index: 1; }
div.title-khoi33{ text-align:center; margin-bottom: 40px; }
div.title-khoi33 span{ display: inline-block; position: relative; padding: 0 20px; color: #000;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi33 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi33 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

/*==========Khối 34==============*/
div.chay_khoi34{ color: #333333;}
div.khoi34{ min-height: 450px; border-radius: 20px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 2em 0em 2em 0em;
 }
div.khoi34 .noidung1{ margin-bottom:20px;}
div.khoi34 .noidung2{ width:50%; float:left; padding: 30px; border-radius: 20px; }
div.khoi34 .noidung3{ width:45%; float:right;font-family: 'UTMAvo'; color: #000; line-height: 1.6;}
div.khoi34 .title-khoi34{font-family: 'UTMAvoBold'; font-size: 30px; margin-bottom:20px; text-align: center; color: #0d5189; }
div.khoi34 .title-khoi34 span{ display: inline-block; position: relative; }
div.btn-khoi-34{ margin-top: 20px; text-align: left; }
div.btn-khoi-34 .button-block{ text-align: left; padding: 20px 0;}
div.khoi34 .noidung2 h3 { font-size: 1.5rem;}

/*==========Khối 35==============*/
div.chay_khoi35{ color: #3d3737; position: relative;}
div.chay_khoi35:before{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.chay_khoi35:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.khoi35-2{ position:relative; }
div.item_k35{  text-align: justify;}
div.item_k35 .img{ width: 100%; }
div.item_k35 .img img{ width: 100%; border: 1px solid #e6e6e6; }
div.khoi35 .noidung1{ position: relative; z-index: 1; }

div.title-khoi35{ text-align:center; margin-bottom: 40px; }
div.title-khoi35 span{ display: inline-block; position: relative; padding: 0 20px; color: #000;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi35 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi35 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

/*==========Khối 36==============*/
div.chay_khoi36{ color: #3d3737;}
div.khoi36-2{ position:relative; }
div.item_k36{  text-align: justify;}
div.item_k36 .img{ max-width: 130px; border-radius: 50%;  border: 4px solid #50636C; margin: auto; margin-bottom: 10px;}
div.item_k36 .img img{ width: 100%; border-radius: 50%;}
div.item_k36 .item_k36_content{ width: 100%; font-family: 'UTMAvo';}
div.item_k36 .name_36{ margin-bottom:5px; text-align: center; margin-bottom: 10px; font-size:18px; color: #606163; font-family: 'UTMAvo'; font-weight: 600; font-size: 16px; }
div.item_k36 .cv_36{ margin-bottom:15px; line-height: initial; background: url(../images/img-data/bg-line-title.png) no-repeat bottom center; background-size: 100% auto; padding-bottom: 10px; text-align: center; font-size: 14px; color: #606163;}
div.item_k36 .mota{  }
div.khoi36 .noidung1{ position: relative; z-index: 1; }
div.title-khoi36{ text-align:center; margin-bottom: 40px; }
div.title-khoi36 span{ display: inline-block; position: relative; padding: 0 20px; color: #000;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi36 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi36 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}

div.khoi{ padding:60px 0; background: #ffffff; position: relative;}

/*==========Khối 37==========*/
div.chay_khoi37{ color: #333333;}
div.khoi37 .noidung1{ width:100%; margin-bottom: 30px; }
div.khoi37 .noidung2{ width:100%; margin-bottom: 30px; }
div.title-khoi37{ text-align:center; margin-bottom: 20px; }
div.title-khoi37 span{ display: inline-block; position: relative; color: #000;font-family: 'RobotoBold'; font-size: 26px; }
div.item-video-khoi-37{ position:relative; padding-top: 57%; }
div.item-video-khoi-37 iframe{ border: 0; position:absolute; width: 100%; height: 100%; top: 0px; left: 0; }

/*==========Khối 38==============*/
div.chay_khoi38{ color: #3d3737; position: relative;}
div.chay_khoi38:before{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.chay_khoi38:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.khoi38-2{ position:relative; }
div.item_k38{  text-align: justify;}
div.item_k38 .img{ width: 100%; }
div.item_k38 .img img{ width: 100%; border: 1px solid #e6e6e6; }
div.khoi38 .noidung1{ position: relative; z-index: 1; }

div.title-khoi38{ text-align:center; margin-bottom: 40px; }
div.title-khoi38 span{ display: inline-block; position: relative; padding: 0 20px; color: #000;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi38 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi38 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.khoi38 .noidung1{ width:100%; margin-bottom: 30px; }
div.khoi38 .owl-theme .owl-dots .owl-dot{ outline: none; }
div.khoi38 .owl-theme .owl-prev{ position: absolute; left: 0; top: 50%; transform: translate(-110%,-50%); margin: 0 !important; font-size: 51px; padding: 0 8px 0 6px !important; background: #D6D6D6; line-height: 1;}
div.khoi38 .owl-theme .owl-next{ position: absolute; right: 0; top: 50%; transform: translate(110%,-50%); margin: 0 !important; font-size: 51px; padding: 0 8px 0 6px !important; background: #D6D6D6; line-height: 1;}

/*==========Khối 39==============*/
div.chay_khoi39{ color: #3d3737; position: relative;}
div.chay_khoi39:before{ content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.chay_khoi39:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 10px; #background: url(../images/img-data/bg-line.png) no-repeat center; #background-size: 100% auto;}
div.khoi39-2{ position:relative; }
div.item_k39{  text-align: justify;}
div.item_k39 .img{ width: 100%; }
div.item_k39 .img img{ width: 100%; border: 1px solid #e6e6e6; }
div.khoi39 .noidung1{ position: relative; z-index: 1; }

div.title-khoi39{ text-align:center; margin-bottom: 40px; }
div.title-khoi39 span{ display: inline-block; position: relative; padding: 0 20px; color: #000;font-family: 'UTMAvoBold'; font-size: 26px; }
div.title-khoi39 span:before{ content: ''; width: 250px; background: url(../images/img-data/bg-title-left.gif) no-repeat center; background-size: 100% auto; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.title-khoi39 span:after{ content: ''; width: 250px; background: url(../images/img-data/bg-title-right.gif) no-repeat center; background-size: 100% auto; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 20px;}
div.khoi39 .noidung1{ width:100%; margin-bottom: 30px; }
div.khoi39 .owl-theme .owl-dots .owl-dot{ outline: none; }
div.khoi39 .owl-theme .owl-prev{ position: absolute; left: 0; top: 50%; transform: translate(-110%,-50%); margin: 0 !important; font-size: 51px; padding: 0 8px 0 6px !important; background: #D6D6D6; line-height: 1;}
div.khoi39 .owl-theme .owl-next{ position: absolute; right: 0; top: 50%; transform: translate(110%,-50%); margin: 0 !important; font-size: 51px; padding: 0 8px 0 6px !important; background: #D6D6D6; line-height: 1;}
/*==========footer 1==========*/
div.wap_footer { margin: auto; position: relative }
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; color:#fff;}
div.nen-copyright-footer-01{ background: #292d2c !important; }

/*==========footer 2==========*/
div.wap_footer_2 { margin: auto; position: relative }
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: #337ab7; 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;}
 
/*==========footer 3==========*/
div.wap_footer_3 { margin: auto; border-top:1px solid #E9E9E9; position: relative }
div.footer_3 { display: grid; color: #000; padding-top: 50px; padding-bottom: 30px; grid-template-columns: 32% 32% 32%; grid-gap: 20px 2%;}
div.mxh3 { margin-top: 10px;}
div.mxh3 a { display: inline-block; vertical-align: top; margin: 0px 3px;}
div.mxh3 a img { max-height: 31px; border-radius: 4px;}
div.mxh3 a img:hover { transition: 1s;  transform: rotate(360deg);}
p.td_ft_3 { font-size: 22px; color: #0d5189; text-transform: uppercase;font-family: 'UTMAvoBold'; margin-bottom: 20px; position: relative;}
 
.item_ft_3:nth-child(2){ border-left:1px solid #000; border-right:1px solid #000; padding: 0 30px; }

.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: fadeInUp 1s ease backwards; -moz-animation: fadeInUp 1s ease backwards; -o-animation: fadeInUp 1s ease backwards; -ms-animation: fadeInUp 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;}

@keyframes fadeInUp {from {opacity: 0;transform: translate3d(20%, 0%, 0);} to {opacity: 1;transform: none;}}
.fadeInUp {animation-name: fadeInUp;}

.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: 45px; font-family: 'RobotoCondensedBold'; padding-bottom: 10px; text-align: center;}
.slider_info__desc{font-size: 18px; font-family: 'RobotoMedium'; color: #fff;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;}
/* Slideshow */
.slideshow{position:relative; background: #fff; }
.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 3px 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);}
.header div.menu_mobi,.header div.menu_mobi_add,.header2 div.menu_mobi,.header2 div.menu_mobi_add ,.header3 div.menu_mobi,.header3 div.menu_mobi_add { display: none;}

 
.left-training-hidden{ display: none; }
 
.hide_desk{ display:none; }
/* Responsive */
@media(max-width:1024px){
	.fixwidth{ max-width: 98%; }
	.right_fixnav { right: 2px;}

	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;}
	div.khoi-03 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:20px; color: #3d3737;}
	div.khoi-05 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:20px; color: #3d3737;}
	div.khoi-11 div.khoi44{ display:grid;  grid-template-columns:repeat(3,1fr);  text-align:center;  grid-gap:20px; color: #3d3737;}

	.slider_info__name{color: #fff; font-size: 35px; font-family: 'RobotoCondensedBold'; padding-bottom: 10px; text-align: center;}
	.slider_info__desc{font-size: 18px; font-family: 'RobotoMedium'; color: #fff;text-align: center;}

	.wrap-video-21 { padding-bottom: 60%; width: 550px;}
}
@media(max-width:960px){
    .header_logo3 { margin-left: 35px;}
    div.footer,div.footer_2 {display: block;}
    div.menu_mobi_add{background: #ffffff; display: block !important; 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;}
    .header .icon_menu_mobi,.header2 .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; }

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

    .header div.menu_mobi,.header2 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;}
    .slider_info__name{color: #fff; font-size: 30px; font-family: 'RobotoCondensedBold'; padding-bottom: 10px; text-align: center;}
	.slider_info__desc{font-size: 18px; font-family: 'RobotoMedium'; color: #fff;text-align: center;}
	.wrap-video-21 { padding-bottom: 60%; width: 450px;}

    div.khoi23-2 { grid-template-columns: repeat(3,1fr); grid-gap: 20px; }

    div.khoi24-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
    div.khoi26-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
    div.khoi27-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
    div.khoi29-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
    div.khoi30-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
    div.khoi33-2 { grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
}
@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:770px){
	.wrap-video-21 { padding-bottom: 60%; width: 350px;}
	div.khoi-19 div.wrap_post_19 .loadkhung_19{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:25px;}

    div.khoi22 .noidung2 { width: 100%; margin-bottom: 20px; }
    div.khoi22 .noidung3 { width: 100%; }

    div.khoi25 .noidung2 { width: 100%; margin-bottom: 20px;}
    div.khoi25 .noidung3 { width: 100%; }

    div.khoi28 .noidung2 { width: 100%; margin-bottom: 20px;}
    div.khoi28 .noidung3 { width: 100%; }

    div.khoi31 .noidung2 { width: 100%; margin-bottom: 20px;}
    div.khoi31 .noidung3 { width: 100%; }

    div.khoi32 .noidung2 { width: 100%; margin-bottom: 20px;}
    div.khoi32 .noidung3 { width: 100%; }

    div.khoi23-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi24-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi26-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi27-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi29-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi30-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    div.khoi33-2 { grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
}
@media(max-width:700px){ 
    div.khoi34 .noidung2 { width: 100%; padding: 30px; border-radius: 20px;}
    div.footer_3 { grid-template-columns: 100% 100% 100%; grid-gap: 20px 2%;}
    .hide_desk{ display:block; }
    .header3 .menu ul.menu_cap_cha { display: none;}

}
@media(max-width:600px){
    .header3 div.menu_mobi{display: none;}
    .left-top a:nth-child(2){display: none;}
    div.khoi-03 div.khoi44 { grid-template-columns: repeat(2,1fr); grid-gap: 20px 10px;}
    div.khoi-05 div.khoi44{ grid-template-columns: repeat(2,1fr); grid-gap: 20px 10px;}
    div.khoi-11 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.khoi2-2 .img_logo {position: relative; top: auto; left: auto; margin-right: 0; transform: translate(0%, 0%); width: 60%; text-align: center; margin: auto;}
    div.khoi2-2 .img_logo { width: 80%;}

    div.khoi7-2 .img_logo {position: relative; top: auto; left: auto; margin-right: 0; transform: translate(0%, 0%); width: 60%; text-align: center; margin: auto;}
    div.khoi7-2 .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;}
    .wrap-video-21 { padding-bottom: 60%; width: 300px;}

    div.title-khoi23 span,div.title-khoi24 span,div.khoi25 .title-khoi25,div.title-khoi26 span,div.title-khoi27 span,div.khoi28 .title-khoi28,div.title-khoi29 span,div.title-khoi30 span,div.khoi31 .title-khoi31,div.title-khoi33 span,div.khoi34 .title-khoi34,div.title-khoi35 span { padding: 0 15px; font-size: 20px;}
}
@media(max-width:500px){
    div.khoi23-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi24-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi26-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi27-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi29-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi30-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }
    div.khoi32-2 { grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
    div.khoi33-2 { grid-template-columns: repeat(1,1fr); grid-gap: 20px; }

    .video_detail_iframe{ position: relative; padding-top: 49%; width:100%; }
    .video_detail_iframe iframe{ position: absolute; left: 0px; top: 0px; height: 100%; width:100%; display:block; }
     

	div.khoi-19 div.wrap_post_19 .loadkhung_19{display: grid;grid-template-columns: repeat(1,1fr);grid-gap:25px;}

    .menu3_cap_cha .menulicha2 span, .menu3_cap_cha .menulicha2 a { padding: 10px 10px; }

	.wrap-video-21 { padding-bottom: 60%; width: 250px;}
	.slider_info__name{color: #fff; font-size: 22px; font-family: 'RobotoCondensedBold'; padding-bottom: 10px; text-align: center;}
	.slider_info__desc{font-size: 16px; font-family: 'RobotoMedium'; color: #fff;text-align: center;}


	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(1,1fr); grid-gap: 10px;}
    .khoi12 .item-training .number-training{ font-size: 16px; }

    div.khoi-05 div.khoi44 p.img { width: 100%; margin-bottom: 10px;}
    div.khoi-05 div.item_k4 .item_k4_content { width: 100%; padding-left: 0; text-align: center; }
     
}
@media(max-width:369px){
	 
}