*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1.4;-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer */
-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
-webkit-user-select: none; /* Chrome, Safari, and Opera */
-webkit-touch-callout: none;
}
.hidden {
    display: none
}
.hidden-seoh {
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden
}
.breadcrumb{
    margin-left: 0px;
}
ul, ol{
    padding: 0px;
}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html,body {font-size: 14px;line-height: 1.4;text-rendering: optimizeLegibility;font-family: rr;min-width:1230px;}
body {max-width: 1366px;width: 100%;margin: 0 auto;top: 0 !important;color: #000;background-size: 100% auto;}
a {text-decoration:none;color: #000;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;outline:  none;}
a:hover { text-decoration:none !important; color:#F00; }
img{border:none;max-width:100%;vertical-align:middle;height: auto;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
a:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{margin-left: 20px;text-decoration: none !important;}
hr {margin-top: 0;}
p {margin-bottom: 7px;}
.hidden-imp {display: none  !important;}
.none {display: none}
.wikis {max-width: 1230px;width: 100%;margin: 0 auto;position: relative;padding: 0 15px;}
.w_1300 {max-width: 1366px;width: 100%;margin: 0 auto;position: relative;padding: 0 0px;}
.w_1200 {max-width: 1200px;width: 100%;margin: 0 auto;position: relative;padding: 0 0px;}
.w_1000 {max-width: 1000px;width: 100%;margin: 0 auto;}
.flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
}
.fr {float: right;}
.fl {float: left;}
.fn {float: none;}
.mw_50 {max-width: 50%;}
.w_75 {width: 75%;}
.w_50 {width: 50%;}
.w_25 {width: 25%;}
.col_2 {margin: 0 -15px;}
.col_2 > div {max-width: calc((100% / 2) - 30px);margin: 15px;width: 100%;}
.col_3 {margin: 0 -10px;}
.col_3 > div {max-width: calc((100% / 3) - 20px);margin: 10px;width: 100%;}
.col_4 {margin: 0 -10px;}
.col_4 > div {max-width: calc((100% / 4) - 20px);margin: 10px;width: 100%;}
.col_5 {margin: 0px -5px;}
.col_5 > div {max-width: calc((100% / 5) - 10px);margin: 5px;width: 100%;}
iframe {width:100%;max-width:100%;display: block;}
.map>iframe {width:100%;max-height:100%;}
.grecaptcha-badge {z-index: -1;opacity: 0;}
.images img {width: 100%;}
.pad_5 {padding: 5px;}
.pad_10 {padding: 10px;}
.pad_15 {padding: 15px;}
.pad_20 {padding: 20px;}
.bor_1 {border: 1px solid ;}
.br_50, .br_50 img{border-radius: 50%;}
.br_5{border-radius: 5px;}
.br_10{border-radius: 10px;}
.text-center {text-align: center;}
.text-cap {text-transform: capitalize;}
.text-upp {text-transform: uppercase;}
.breadcrumd {/* display:  none; */padding: 10px 0;}
.text-sd {-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#fff)"; text-shadow: 0 2px 0 #fff, 0 0 2px #fff, 2px 0 0 #fff, 2px 2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff);}
.text-sd-den {-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#000)"; text-shadow: 0 2px 0 #000, 0 0 2px #000, 2px 0 0 #000, 2px 2px 0 #000, -2px 0 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000);}
.flag_lang {margin: 5px;height: 25px;}
.bg_f {background: #fff;}
.of_hd {overflow: hidden;}
.grid {display: grid;grid-gap:30px;}
.bt_open {cursor:pointer;}
.box_hide {display: none;position: absolute;top: 100%;right: 0;}
.intro_tpl {position: fixed;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;align-items: center;font-size: 20px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#000000)";box-shadow: 0 0 30px rgba(0,0,0,0.2) inset;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#000000);}
.grid.cot_2 {grid-template-columns: repeat(2, 1fr);}
.grid.cot_3 {grid-template-columns: repeat(3, 1fr);}
.grid.cot_4 {grid-template-columns: repeat(4, 1fr);}
.phantrang{text-align:center;background:rgba(0,0,0,0);padding:5px 0px;}
.phantrang a,.phantrang span {display: inline-block;background: #dfdfdf;color: #000;cursor: pointer;font-size: 11px;margin: 10px 3px 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#9D9DA3)";box-shadow: 0 0 1px 1px rgba(0,0,0,0.1), 0 3px 0 #9D9DA3;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#9D9DA3); }
.phantrang span{background: #b5b5ba;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang a:hover {background: none repeat scroll 0 0 #929292;color: #FFFFFF;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 100px; right:10px; text-align:center; display:none;z-index: 999999;}
.button1{padding: 10px 25px;text-transform: capitalize;display: inline-block;font-family: rr;margin: 10px 0 0 0;cursor: pointer;border: 1px solid #d61414;background: #fff;color: #d61414;border-radius: 5px;}
.button{padding: 10px 20px;text-transform: none;display: inline-block;font: 15px rb;margin: 15px 0 0 0px;cursor: pointer;text-transform: uppercase;background: #0c5ea8;color: #fff;border: none;border-radius: 0;}
.more.button {box-shadow: none;font: 14px rr;padding: 15px 30px;}
.rs_button {background: #333333;color: #fff;}
.button:hover{color: #fff !important;background: #093d6c !important;}
.bt_tragop {text-align: center;background: #fdc81a;text-transform: none;font-size: 13px;width: 300px;max-width: 100%;padding: 10px;border-radius: 5px;border-bottom: 3px solid #d4a91c;}
.bt_tragop:hover {border-color: #670000;}
.bt_tragop .name {font-family: 'Oswald';font-size: 20px;font-weight: bold;text-transform: uppercase;}
.button1:hover{color: #fff;background: #d61414;}
.input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border: 1px solid rgba(86, 86, 86, 0.5);border-radius: 0;}
.center{ max-width:1000px; margin:0 auto; position:relative;}
.w-clear {position: relative;}
.w-clear:after{display:block; content:"";clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox,.zalo-share-button{display: inline-block;vertical-align: top;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{width:100%;height:100%;position:fixed;z-index: 999999;background: url(../img/loadding.gif) no-repeat center #009bff;/* display:none; */top: 0px;left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit {position: relative;/* padding: 0 0  15px 0; */text-align: center;margin: 0px 0px 15px 0;/* background: url(../img/tcat-b.png) no-repeat center bottom; */}
.main-tit:before {position: absolute;display: inline-block;width: 7px;top: calc(100% + 2px);left: 0;height: 6px;background: url(../img/bg-tcat.png);border-right: none;}
.main-tit.text-right {background: url(../img/tcat-b-w.png) no-repeat bottom center, url(../img/dashed-w.png) repeat-x bottom 11px center;}
.main-tit .icon {position: absolute;right: -22px;background: #013da7;padding: 5px 6px;bottom: 0;border: 3px solid #fff;border-radius: 50%;}
.main-tit .icon img {width: 26px;height: 26px;filter: brightness(0) invert(1);-ms-filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1);-o-filter: brightness(0) invert(1);}
.main-tit .name h2 {position: relative;font: 22px/1.6 utmhi;/* background: url(../img/tcat-l.png) no-repeat left center; */margin: 0px 0;vertical-align: middle;display: inline-block;text-transform: uppercase;z-index: 22;/* padding: 0 0 0 40px; */color: #0c5ea8;}
.main-tit .tt {font: 15px/1.4 ml;/* margin: 5px 0 0 0; */}
.main-tit .name span {border-bottom: 3px solid #245537;padding: 12px 0;display: inline-block;background: #fff;}
.main-tit .dmc1 {padding: 9px 10px;display: inline;}
.main-tit .more {/* float: right; *//* font-size: 13px; *//* font-family: rb; *//* padding: 10px; */}
.tt {font-family: rr;margin: 5px 0;font-size: 15px;font-weight: 300;}
.dm_title {background: url(../img/bg-tt.png) repeat-x bottom left;border-radius: 0 10px;margin: 0 0 15px 0;}
.dm_title .name {font-size: 16px;font-family: rb;color: #fff;text-transform: uppercase;background: #34bd21;display:  inline-block;padding: 10px 20px;line-height: 1.5;min-width: 250px;border-radius: 0 10px;}
.main-tit.main-tit-w .name {color: #fff;font-size: 24px;}
.col_left {position: -webkit-sticky; position: sticky; top: 50px;}
.scroll_x {overflow-y: hidden;overflow-x: scroll;}
.scroll_y {overflow-x: hidden;overflow-y: scroll;}
.add_cart {cursor: pointer;}
.tabs .img_ab {position: absolute;opacity: 0;width: 100%;}
.tabs .img_ab.active {position: relative;opacity: 1;}
.tabs .title-tab {position: relative;text-align: center;}
.tabs .content-tab {padding: 15px 0;}
.tabs .title-tab .tab {font-family: sfufbk;font-size: 15px;cursor: pointer;padding: 10px 15px;display:inline-block;text-transform: uppercase;position: relative;}
.tabs .title-tab .tab .fa {border: 1px solid ;padding: 4px;border-radius: 50%;margin-right: 10px;}
.tabs .title-tab .tab.active {background: #2fc6ff;color: #fff;}
.spkm {padding: 10px 20px;background: #000;color: #fff;font-family: rm;font-size: 15px;margin: 0 0 -1px 0;text-transform: uppercase;line-height: 20px;}
.spnb .title-tab {margin: 0px 0;}
.spnb .title-tab .tab {float: left;color: #000;font-family: rb;background: #ffffff;font-size: 15px;text-transform: uppercase;padding: 11px 25px;line-height: 21px;z-index: 3; border-left: 1px solid #d7d7d7;border-bottom: 5px solid #9a9a9a;}
.spnb .title-tab .tab span {position: relative;z-index: 9;}
.spnb .title-tab .tab.active {color: #e60f1e;position: relative;border-color: #e60f1e;}
.spnb .title-tab .tab.active:before {top: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #ff0000;border-width: 8px;margin-left: -8px;}
.slick-img-thumb{padding: 4px 0px;}
.slick-img-thumb img.thumb{box-shadow: none !important;border: 1px solid #CCC !important;background: #fff;}
.slick-dots{margin: 0px !important;left: 0;right: 0;}
#smenu{display: none;color: #000000;padding: 0;background: #0c5ea8;}
.i-menu{width: 37px;padding: 1px; margin-right: 10px; cursor: pointer; background: rgba(69,69,69,0.3);}
.title {position: relative;text-align: left;margin: 0px 0px 15px 0;/* background: url(../img/tcat-b.png) no-repeat left bottom; */}
.title .name:before {position: absolute;display: inline-block;width: 20px;top: 0;left: 0;bottom: 0;border: 4px solid #16990c;border-right: none;z-index: -1;}
.title .icon {display: inline-block;vertical-align: middle;}
.title .name {position: relative;font: 17px rb;margin: 0px 0;padding: 0 0 5px 0px;vertical-align: middle;display: inline-block;text-transform: uppercase;z-index: 22;color: #0c5ea8;/* border-bottom: 1px solid #0c5ea8; */}
.title .name span {color: #002f65;}
.title .tt {font: 24px qs;}
.list_video {right: 0;border-top: 5px solid #fff;padding: 7px;background: #0c5ea8;/* FF3.5+ *//*Saf3.1+, Chrome*//* Opera 10.5 *//* IE 9 */transform: translate(0,-50%);}
.list_video .listvideos {display: block;background: #fff;border: 7px solid #0c5ea8;}
.if-video {position: relative;float: left;width: calc(100% - 40px);}
.single-item .item{
	position: relative;
	padding-bottom: 20%;
}
.if-video iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
:-moz-placeholder{color: #999;}
.box-share {margin: 10px 0 0 0;padding: 5px 10px;border: 1px solid #cdcdcd;background: -ms-linear-gradient(0deg, #EFEFEF 0, #fefefe 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');background: linear-gradient(0deg, #EFEFEF 0, #fefefe 100%);border-radius: 5px;}
#header_fix {z-index: 8000;}
#banner {position: relative;margin: 0px auto;background: #fff;z-index: 99999;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
#banner:before {display:block;position: absolute;left: 0;top: 100%;right: 0;background: url(../img/bg-banner.png) repeat-x top center;height: 8px;z-index: -1;}
.top-banner {font-size: 13px;line-height: 30px;padding: 5px 0;background: #e9e9e9;color: #000;z-index: 11;font-family: rr;z-index: 9910;}
.top-banner .flex {align-items: center;justify-content: space-between;}
.top-banner span {display:inline-block;vertical-align: top;}
.top-banner .mxh a {margin: 0px;}
.top-banner-l {float: left;}
.top-banner-l span {margin-right: 15px;}
.top-banner-l a {color: #fff;}
.top-banner-r {float: right;background-size: 100% 100%;font-size: 14px;box-sizing: border-box;position: relative;}
.menu-banner {position: relative;}
.menu-banner ul {position: absolute;top: 100%;left: 0;background: #fff;z-index: 9;padding: 0 0 5px 0;margin: 0;width: 200px;text-align: left;display: none;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000)";box-shadow: 0 1px 2px rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000); }
.menu-banner:hover > ul {display:block ; }
.menu-banner ul li {display:block;border-top:1px solid #cdcdcd;padding: 0 15px;}
.top-banner-r .menu-banner > a {padding: 0 9px;color: #fff;font-family: rr;border-right: 1px solid rgba(255, 255, 255, 0.2);display: inline-block;text-transform: capitalize;vertical-align: middle;}
.top-banner-r .hotline {padding: 0;margin: 0;}
.top-banner-r .hotline b {color: #f00;font-size: 16px;}
.top-banner-r select{border: none; background: none;}
.banner-hl{position: relative;float: right;text-align: right;}
.banner-hl img{ margin-right: 10px; }
.banner-hl span{font-size: 14px; color: #fff;display: inline-block;margin: 0 10px;}
.banner-hl a{font-size: 14px; color: #ff0;display: inline-block;font-weight: bold;}
.banner {position: relative;z-index: 990;background-size: cover;}
.banner .mocua {color: #ed1c24;font: 15px rb;padding: 10px 0 10px 30px;background: url(../img/open-26.png) no-repeat left center;text-align: left;}
.banner .mocua span {color: #000;font: 14px rr;}
.banner a {vertical-align: bottom;}
.banner > .flex {justify-content: space-between;align-items: center;flex-wrap: nowrap;}
#banner .banner .name_ct {flex-basis: auto;font-family:rb;font-size:32px;color:#7fc709}
#banner .mxh {position: absolute;display: inline-block;top: 0;right: 0;background: url(../img/bg-mxh.png) no-repeat bottom -1px left #28292c;padding: 1px calc(50% - 600px) 1px 60px;}
.banner .flex {flex-wrap: nowrap;align-items: center;justify-content: space-between;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.banner-right > .flex {justify-content: flex-end;padding: 15px 0 5px 0;}
.banner-right > .flex > span {margin: 0 0 0 10px;}
.logo {/* max-height: 105px; */display: inline-block;position: relative;z-index: 999999;}
.logo img,.banner_img {z-index: 99;position: relative;max-height: 100px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.logo:hover img { }
.banner_img {z-index: 99;display: inline-block;}
.banner .email {font-family: rr;font-size: 16px;text-align: left;}
.hotline  {text-align: left;font: 15px/20px ml;padding: 0px 0px 0px 50px;display: inline-block;z-index: 850;vertical-align: bottom;position: relative;background: url(../img/phone-40.png) no-repeat  left top;}
.banner .hotline .name {font-family: rm;font-size: 14px;/* text-transform: uppercase; */color: #ff0000;}
.banner .hotline:before {width: 36px;height: 36px;background: url(../img/phone-36.png);position: absolute;right: -10px;top: -10px;}
.hotline span {color: #d80101;font: bold 18px/1.2 ml;vertical-align: initial;display: block;}
.banner .banner-l {position: relative;text-align: left;z-index: 99;}
.banner .banner-mid {display: inline-block;position: relative;/* padding: 5px 0 0 0; */vertical-align: middle;text-align: left;margin: 0 0 0 0px;}
.banner-mid .goiy {font: 13px sfufb;margin: 5px 0px 0 0;}
.goiy b {font: 900 13px sfuf;}
.banner .gopy {color: #fff;text-align: left;margin: 10px 0 0 0;}
.banner .banner-right {position: relative;/* margin: 50px 0 0 0; */text-align: center;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;font: 15px rr;z-index: 22;white-space: nowrap;}
.banner-right .fa, .banner-right .far, .banner-right .fas {color: #fff;}
.banner-right > span {display: inline-block;}
.banner-right .banner-top {border-bottom:1px solid #fff;padding: 7px 0;line-height: 35px;color: #fff;}
.banner-right .banner-top span {display: inline-block;margin: 0 5px;}
.banner-right .mxh a {vertical-align: middle;display: inline-block;}
.banner:before {position: absolute;bottom: -45px;right: 0;top: 0;left: 0;background: url(../img/bg-banner.png) no-repeat center center;margin: 0;background-size: cover;}
.banner-right .lang {position: relative;}
.banner-right .lang:before {content: "";position: absolute;top: -10px;left: 0;right: -30px;bottom: -10px;background: #d24602;z-index: -1;height: 40px;transform: rotate(360deg) scale(1, 1) skew(45deg, 0deg) translate(0, 0);}
.banner-right .cskh {font-family: 'Oswald';font-size: 17px;white-space: nowrap;}
.banner-right .cskh > .w-clear {display: inline-block;}
.banner-right .cskh .phone {font-weight: bold;color: #fff601;}
.hotline .icon {display: inline-block;font-size: 20px;text-align: center;color: #fff;vertical-align: middle;background: none;width: 50px;height: 50px;top: 0;left: 0px;margin: 0;border: none;}
.banner .banner-right .icon .fa {line-height: 24px;}
.banner .thanh_timkiem {display: inline-block;margin: 10px;vertical-align: middle;}
.mxh {margin: 0px 0;position: fixed;left: 0;top: 50%;/* FF3.5+ *//*Saf3.1+, Chrome*//* Opera 10.5 *//* IE 9 */transform: translate(0, -50%);z-index: 9999;}
.mxh a {display:inline-block;margin: 2px;}
.mxh img {vertical-align: bottom;}
.hotro {font-size:16px;line-height:30px;background: url(../img/bg-hotro.png) no-repeat top center;padding: 20px 30px;border:  1px solid #e6e6e6;}
.box-hotro {text-align:  center;margin: 15px auto 0 auto;display:  inline-block;font-size: 14px;}
.box-hotro .name {color: #ff4900;border-bottom:  1px dashed #cdcdcd;}
.hotro .hotline {font-family: rb;text-transform: uppercase;margin: 20px 0;}
.hotro .hotline span {font-size: 26px;color: #f00;}
.cart_menu {display: inline-block;text-align: left;text-transform: none !important;/* padding: 10px 12px; */color: #fff;font-size: 16px;position: relative;/* background: #ff5151; */margin: 0 0 0 20px;}
.cart_menu > span {vertical-align: middle;display:inline-block;position: absolute;top: -5px;right: -5px;font-size: 11px;font-weight: bold;color: #fff;background: #0c5ea8;width: 16px;height: 16px;line-height: 16px;text-align: center;border-radius: 50%;}
.cart_menu > span > div {font-family: rb;font-size: 16px;}
.cart_menu:hover {color: #ff0;}
.menu_com {position: relative;z-index: 999;padding: 0px 0 0;}
#menu {z-index: 9999;box-sizing:border-box;background: #0c5ea8;position: -webkit-sticky;position: sticky; top: 0px;}
.menu_com:before{background: #fc0;background-size: 100% 100%;right: 0;position: absolute;top: 0;bottom: 0;width: calc(50% - 600px);}
.menu {position: relative;}
.menu:before {position: absolute;top: 0;bottom: -4px;right: -40px;left: -40px;background: url(../img/bg-menu-l.png) no-repeat left top, url(../img/bg-menu-r.png) no-repeat right top;}
#menu .menu-line {position: relative;flex-grow: 1;/* padding: 0 1px 0 0; *//* background: url(../img/line_menu.png) no-repeat right center; */}
#menu .menu-line.sh_dm {position: inherit;}
#menu .menu-line .ic_mn {display: block;margin: 0 auto;}
.menu-line.line-dot {padding: 0 20px;position: relative;background: url(../img/dot-8.png) no-repeat left 6px center,url(../img/dot-8.png) no-repeat right 6px center;}
#menu .menu-line.home {display: inline-block;border-radius: 0;flex-grow: 0;}
#menu .menu-line.home a {color: #000;font-size: 27px;display: inline-block;padding: 10px;background: #01a451;color: #fff;}
#menu .menu-line.menu-line-r {float: right;}
#menu .menu-line.menu-logo {width: 270px;}
#menu .menu-line.menu-logo a.logo {padding: 0;}
#menu .menu-line:last-child {padding: 0px;background: none;border: none;}
.sm-blue .menu-line>a {color: #fff;padding: 5px 0px;font: 15px/35px rm;white-space: nowrap;text-transform: uppercase;}
.sm-blue .menu-line:hover>a>.img {background-position: 0 -40px;}
.sm-blue .menu-line>ul {display: none;padding: 0px;text-align: left;border: 1px solid #cdcdcd;}
.sm-blue .menu-line>ul a {padding: 10px 10px;color: #000;/* font-family: os; */font-size: 15px;}
.sm-blue .menu-line .icon {width: 26px;margin: 0 5px;display: inline;vertical-align: middle;}
.box_scroll.scroll-fix {position: sticky;position: -webkit-sticky;top: 0;z-index: 9999;}
.box_scroll {position: sticky;top: 0;position: -webkit-sticky;z-index: 9999;}
.box_scroll.scroll-fix #banner {padding: 0;}
.scroll-fix .banner .banner-right > .flex {padding: 0px 0;}
.scroll-fix img {max-height: 60px;}
.fixing_tool {position: fixed;top: 0px;left: 0px;right: 0;background: #fff;box-shadow: 0 3px 5px #7D7D7D;z-index: 999;}
.scroll-fix .logo img {max-height: 60px;}
.sm-blue a {color: #000;position: relative;z-index: 1; }
.sm-blue ul {background: #fff;}
.sm-blue .menu-line:hover { }
.sm-blue .menu-line:hover > a {color: #ff0;}
#menu .menu-line.activem:hover > a {color: #ff0;}
.bg_bg {padding: 60px 90px;margin: 30px 0;min-height: 570px;background: url(../img/bg-bg.png) no-repeat center center; background-size: 100% 100%;}
.bg_bg .button {background:  #fff;color: #000;font-family: osb;font-size: 24px;padding: 15px 45px;border: 2px solid #e3e3e3;border-radius: 5px;margin:  15px 0 0 0;}
.bg_bg .button:hover {color: #f00;background:  #f0f0f0;}
.menu {width: 100%;flex-wrap: nowrap; }
.menu .mid {width: calc(100% - 280px);}
#main-menu > .flex {width: calc(50% - 70px);}
.menu ul.sm:after {content: none;}
#menu .menu-line > a:before {opacity: 0;height: 4px;left: 0px;background: #ff6000;bottom: 0;right: 0px;position: absolute;border-radius: 0px;z-index: -1;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
#menu .menu-line > a:after {content:"";border-right: 1px solid #1d6db5;top: 0;left: 1px;bottom: 0;background: #0c5ea8;right: 0;position: absolute;border-radius: 0px;z-index: -2;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#000000)";/*IE 8*//*FF 3.5+*//*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/box-shadow: 1px 0 0 rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000000); /*IE 5.5-7*//* FF3.5+ *//*Saf3.1+, Chrome*//* Opera 10.5 *//* IE 9 */transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);}
#menu .menu-line.dmsp > a:before {content: none !important;}
#menu .menu-line.activem > a {position: relative;z-index: 99;color: #ff0;}
.search_open {cursor: pointer;color: #fff;font-size: 17px;padding: 5px 5px;display:  inline-block;border: 1px solid;width: 35px;margin: 5px;/*Safari, Chrome*//*Firefox*/border-radius: 50%;}
.search_open:hover {color: #ff0;}
.search_box_hide {display: none;position: absolute;top: 100%;right: 0;background: #0c5ea8;z-index: 9999999999;padding: 5px;}
.menu-l{padding: 0px 0;/* padding: 0 0 0 200px; */text-align: center;float: left;width: 100%;max-width: calc(100% - 60px);justify-content: space-between;}
.menu-r{float: right;text-align: center;/* padding: 10px 0; */width: 50px;display: inline-block;Add Stop  background: -moz-linear-gradient(90deg, #7CB72D 0, #549003 100%);StopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundStopbackgroundwhite-space: nowrap;position: relative;z-index: 1;}
#change-lang {line-height: 30px;height: 30px;border: none;}
.flag {display: inline-block;position: relative;z-index: 99;}
.bn-flag {padding: 5px 0;z-index: 99;font-size: 14px;font-family: rr;text-transform: none;white-space: nowrap;}
.bn-flag a {margin: 5px;display:inline-block;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=117, Color=#000000)";box-shadow: 1px 2px 2px rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000); }
.menu-line-r {  }
.menu-line-r > a {padding: 0 10px;color: #de0f0f;color: #de0f0f;font-family: rb;font-size: 16px;}
.menu .menu-line.dmsp {padding: 0px 0;margin: 0px 0;float:left;width: 280px;background: #d50d0d;text-align: left;flex-grow: 0;}
.menu .dmsp>a {color: #fff;font: 18px/1.4 rb;text-transform: uppercase;padding: 10px 20px;display: block;background: url(../img/bg-tt-l.png) no-repeat left center;}
.menu .dmsp .box-left {position: absolute;display: none;width: 100%;}
.dmsp ul {display: block;}
.dmsp > ul {min-width: 280px !important;background: rgba(255,255,255, 1);border: none;}
.sub-arrow {display: none !important;}
.sm-blue .dmsp>ul >li {border-bottom: 1px solid #cdcdcd;}
.sm-blue .dmsp>ul >li> a {color: #000;}
.sm-blue .dmsp .dot {position: absolute;right: 10px;top: calc(50% - 7px);}
#slider {position: relative;overflow: hidden;margin: 0px auto 0px auto;/* background: #f1f0f0; */}
#slider .mid {width: calc(100% - 290px);}
#slider .main-tit {margin: 15px 0 10px 0;background: none;}
#slider .main-tit .name {font-size: 18px;}
#slider:before {position: absolute;height: 25px;left: 0;right: 0;background: url(../img/bg-slider.png) repeat-x bottom center;z-index: 999;bottom: 0;}
#slider .spbc {width: 243px;float: right;}
#slider .slider {position: relative;overflow: hidden;/* padding: 8px; *//* max-height: 410px; */margin: 15px 0;}
#slider_jssor .caption {position: absolute;bottom: 0;right: 0;left: 0;text-align:left;top: 0;}
#slider_jssor .caption .flex {border: 3px solid rgba(255, 255, 255, 0.34);width: 100%;height: 100%;padding: 30px;align-items: center;justify-content: center;}
#slider_jssor .w_1200 {width: 100%;height: 100%;justify-content: center;align-items: flex-start;padding: 30px;}
#slider_jssor .info {/* padding: 15px 20px 20px 20px; */color: #fff;max-width: 100%;max-height: 100%;overflow: hidden;}

#slider_jssor .info .name {
    font: 34px/1.6 utmhi;
    padding: 10px 0;
}
#slider_jssor .info .button {color: #ffffff;background: #245537;border: none;/* position: absolute; */margin: 0;/* left: -20px; */}
.dmsp-left {width: 250px;float: left;position: relative;z-index: 99;}
.dmsp-left .left-box {position: initial;}
.menu_slider {color: #fff;justify-content: space-between;padding: 10px 0;}
.menu_slider .big_img {margin: 2px 10px 2px 0;}
.menu_slider img {background: #fff;}
.menu_slider .col_3 {width: 726px;margin: 0px -2px;}
.menu_slider .col_3 >div {margin: 2px;max-width: calc((100% / 3) - 4px);}
.menu_slider a {color: #fff;}
.menu_slider .menu_c {display: table-cell;vertical-align: middle;text-align: center;color: #fff;padding: 5px;font-family: osb;font-size: 15px;line-height: 1.2;overflow: hidden;}
.menu_w1 {width: 95px;}
.menu_w2 {width: 160px;}
.menu_h1 {height: 90px;}
.menu_h2 {height: 180px;}
.slider .slider_thumb{background: #eeeeee;padding: 10px 0;}
.slider .slider_thumb .slick-arrow {background: #eee;width: 50px;height: 100%;padding: 32px 0px;}
.slider .slider_thumb .slick-prev {padding: 32px 28px 32px 0px;}
.slider .slider_thumb .slick-next {padding: 32px 0 32px 28px;}
.slider .slider_thumb > div {max-width: 900px;margin: 0 auto;}
.slider .slider_thumb .text-center {padding: 0 50px;}
.slider .slider_thumb .text-center .item {display: inline-block;}
.slider .fotorama .fotorama__nav-wrap {position: absolute;bottom: 0;}
.slider .fotorama .fotorama__caption__wrap {background: none;margin: 0px auto;display: block;color: #000;font-family:UTMA;font-size: 20px; padding: 10px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#FFFFFF)";text-shadow: 0 1px 0 #FFFFFF, 0 0 4px #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#FFFFFF);}
.info-slider {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,150,255,0.6); padding: 20px 0;color: #fff;font-family: rcr;font-size: 16px;}
.tenct {background: #3e3025; color: #fff;font-family: rb;font-size: 16px;text-transform: uppercase;padding: 11px 0;}
#chinhsach {padding: 20px 0;background-size: cover;}
#chinhsach .box-news {color: #fff;padding: 0;align-items: center;}
#chinhsach .box-news .name {font-family: osr;margin: 0;}
#chinhsach .box-news .mota {max-height: 38px;-webkit-line-clamp: 2;}
.title_dm {min-height: 200px;align-items: center;justify-content: center;color: #fff;font-family: svnl;font-size: 72px;text-transform: capitalize;}
#doitac {position: relative;/* padding: 15px 0px; */border: 1px solid #cdcdcd;margin: 0 0 30px 0;}
#doitac .title {text-align: center;border: none;padding: 0 0 15px 0;background: url(../img/tt-m.png) no-repeat bottom center;}
#doitac .item .images {background: #f8f8f8;border-right: 1px solid #cdcdcd;}
.link_bt {padding: 10px;display: inline-block}
.lienhe{padding:30px 0;color:#fff;}
.box-lh {max-width: 750px;margin: 0 auto;}
.box-lh .col_2 {margin: 0 -5px;}
.box-lh .col_2>div {margin: 0 5px;max-width: calc((100% / 2) - 10px);}
.box-lh .tt {font-family: rb;font-size: 18px; color: #0072ff;text-transform: uppercase;margin-bottom: 20px;}
.taisao {background: #47aa31;align-items: stretch;}
.taisao .title .name {padding: 0;background: none;font-family: rb;font-size: 25px;}
.taisao .title .tt {text-indent: 60px;}
.taisao, .taisao .name, .taisao .box-news .name {color: #fff;}
.taisao .taisao_img {display: none;}
.taisao .taisao_info {padding: 45px;}
.taisao .box-news .name {margin: 10px 0;}
.taisao .box-news .mota {max-height: 38px;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.icon_tieuchi > .item {width: 29%;}
.icon_tieuchi > .item:nth-child(6n+4) {margin-left: 13%;}
.box-icon {align-items: center;}
.box-icon .img {margin: 0 15px 0 0;}
.box-icon .name {font-size: 18px;font-family: rb;}
.video { }
#footer {padding: 15px 0px;background: #0c5ea8;position: relative;background-size: cover;}
#footer .ft-content {padding: 15px 0;}
#footer .flex {justify-content: space-between;}
#footer .banner_ft {padding: 0px 0 20px 0;border-bottom: 1px dotted #cdcdcd; }
#footer, #footer a {color: #fff;}
#footer > .w-clear { }
.mxh .flex {justify-content: center;padding: 10px 0;}
#footer .thongke {display: inline-block;padding-left: 40px;background: url(../img/t1.png) no-repeat left top;text-align: left;}
#footer .thongke p {margin: 10px 0;}
#footer .bt_map {background: url(../img/bg_bt_map.png) no-repeat top center;margin: -52px 15px 0 0; padding: 0 45px 15px 50px; }
#footer .bt_map a { padding: 15px 0;display: inline-block;background: #b1d931;color: #000; text-transform: uppercase;font-family: rcb;font-size: 16px;width: 70px;height: 70px;text-align: center;border: 5px solid #fff;border-radius: 50%;}
#footer li {padding: 5px 0;}
.ft-1 {width: 36%;box-sizing: border-box;padding: 15px 0;}
.ft-1 .tt {font-family: rb;text-transform: uppercase;display: block;}
.ft_r {width: 62%;float: right;}
#footer:before {display: block;background: url(../img/bg-footer.png) no-repeat bottom center;background-size: cover;position: absolute;left: 0;right: 0;top: -180px;bottom: 0;z-index: -1;}
.ft-2 {width: 18%;box-sizing: border-box;float: left;padding: 15px 0;}
.ft-3 {margin: 0px 0;width: 20%;box-sizing: border-box;padding: 15px 0px;}
.ft-3 .fas {font-size: 6px;padding: 4px;vertical-align: middle;}
.ft-3 .map {height: 240px;position: relative;}
.ft-name {text-transform: uppercase;background: none;margin: 0px 0 10px 0;border: none;color: #0078de;font: 30px utmi;}
.ft-name .tt {color: #fff;font-size: 14px;}
.ft-tit{margin: 0 0 15px 0;color: #fff;font: 16px rb;text-transform: uppercase;border-left: 3px solid #fff;padding: 0 0 0 10px;}
.ft-tit .icon {margin: 0 5px 0 0;}
.info_ft {background: #cda773;border: 1px solid #000;font-family: utmatmb;margin: 10px 0;}
.info_ft .fa {color: #fff;background: #138a19;width: 41px;height: 41px;font-size: 18px;padding: 11px 5px;text-align: center;vertical-align: middle;margin-right: 10px;}
#footer .menu-ft {padding: 5px 0 5px 15px;font-family: rr;/* font-size: 16px; */background: url(../img/dot-6.png) no-repeat left top 12px;display: block;/* margin: 0 10px; */}
.menu-ft .diachi {background: url(../img/40-map.png) no-repeat left center;}
.menu-ft .email {background: url(../img/50-mail.png) no-repeat left center;}
.menu-ft .time {background: url(../img/50-time.png) no-repeat left center;}
.menu-ft .tt {font-size:  17px;font-family: rm;color: #085ba9;text-transform: uppercase;margin-bottom: 5px;}
.menu-ft p {padding: 0px;}
#footer .menu-ft .dm {display: inline-block;padding: 10px;font-family: rr;vertical-align: top;min-width: 100px;max-width: 300px;}
#footer .menu-ft .dm .tt {font-size: 15px;margin-bottom: 10px;}
#footer .menu-ft a .fa {font-size: 6px;padding: 5px;vertical-align: middle;}
#footer .menu-ft a:hover {color: #ff0; }
#footer .dm_ft {margin: 5px 0;min-width: 250px;background: url(../img/dot-8.png) no-repeat 15px center, url(../img/bg-dm-ft.png) no-repeat left center;background-size: auto, 100% 100%;color: #fff;line-height: 20px;padding: 10px 20px 10px 40px;display: inline-block;}
.box_dl{position: relative;background: #fff;padding: 20px 30px;width: 680px;margin: 50px auto 10px auto;border-radius: 10px;max-width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";box-shadow: 0 0 10px rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);}
.box_dl:before {content: "";width: 130px;height: 70px;position: absolute;top: -50px;left: calc(50% - 65px);background: url(../img/bg-tt-dm.png) no-repeat center bottom , url(../img/tt_dl.png) no-repeat center top;}
.dk_dl {font-size: 15px;}
.dk_dl .title {background:none ;}
.dk_dl .title .name {color:#fff}
.dk_dl .input {width: 100%;display:  inline-block;margin: 3px 0;line-height: 20px;}
.dk_dl .button {text-transform: uppercase;}
.dk_dl .flex {justify-content: space-between;align-items: center;}
.dk_dl .flex > div {flex-grow: 1;}
.dk_dl .hotline {white-space: nowrap;color: #ff0;font-family: utmab;font-size: 30px;}
.dk_dl .tt_l {font-weight: bold;font-size: 15px;width: 100px;text-align: left;margin: 13px 0;vertical-align: top;display:  inline-block;}
.dk_dl .tt_r {display: inline-block;font-size: 15px;width: calc( 100% - 105px);text-align: left;vertical-align: middle;}
.dk_dl .main-tit .name {color: #fff;}
.dk_email {background: url(../img/bg-dknt.png)  no-repeat center center;color: #fff;padding: 30px 0;background-size: cover;}
.dk_email .main-tit .name {color:#fff;}
.email-dk {justify-content:space-around;position: relative;vertical-align: middle;font-size: 13px;margin: 0px auto;width: 100%;max-width: 960px;/* color: #fff; */z-index: 99;border-radius: 5px;}
.email-dk .bt_sub {justify-content: space-between;align-items: stretch;}
.email-dk .box_input {position: relative;flex-grow: 1;}
.email-dk .box_input > i{width: 40px;font-size: 18px;position: absolute;text-align: center;color: #838383;left: 0;top: 5px;bottom: 5px;background: #d1d9ec;z-index: 9999;display: inline-block;padding: 10px;display: none;}
.email-dk .khung {max-width: 100%;padding: 30px 9%;border: 7px solid transparent;-o-border-image: url(../img/border-dknt.png) 10% round;border-image: url(../img/border-dknt.png) 10% round;}
.email-dk .name {font-size: 30px;font-family: utmhi;text-transform: uppercase;text-align: center;}
.email-dk .col_2 {margin:0 -5px}
.email-dk .col_2 > .w-clear {margin: auto 5px;max-width: calc((100% / 2) - 10px);}
.email-dk .dk_email {position: relative;}
.email-dk .tt {font-family: rr;font-size: 14px;text-transform: initial;/* background: url(../img/bg-tt-dknt.png) no-repeat bottom center; */padding: 0 0 15px 0;}
.box-ts {display: inline-block;margin: 0 auto;}
.box-qc {position:relative;text-align: center;}
.box-qc .images {position:relative;overflow:hidden;}
.box-qc .info {justify-content: center;align-items: center;padding: 10px;font-family: 'Oswald', sans-serif;font-size: 18px;}
.box-qc .info:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.box-qc .info:hover {opacity:1;}
.box-qc .info .name {color:#fff;z-index:9;position:relative;font-family: 'Oswald', sans-serif;font-size: 18px;padding: 5px 0;}
.box-qc .info .mota {color: #fc0;font-weight: bold;font-size: 20px;}
.box-dk-mail {background:  rgba(0,0,0,0.5);color: #fff;border-radius: 15px;margin-left: 40%;}
.box-dk-mail .email-dk-r-1 {font-family: utmhi;text-transform:  uppercase;font-size: 24px;padding: 30px 30px 10px 30px;}
.box-dk-mail .email-dk-r-2 {padding: 0 30px;}
.box-dk-mail .hotline {background: #ed1c24;padding: 10px 30px;border-radius: 0 0 15px 15px;}
.box-dk-mail .hotline span {color: #ff0;font-family: utmab;font-size: 27px;}
.htkh .hotline {font-size: 32px;font-family:utmhi;color: #fe0315;}
.htkh .email {font-size: 15px;font-family:rb;color: #505050;}
.reserved {line-height: 40px;padding: 5px 0px;color: #fff;background: #0b5496;position: relative;}
.res:before {background: #18b220;position: absolute;top: 0;bottom: 0;right: 0;width: calc(50% - 600px);}
.reserved .flex {align-items: center;justify-content: space-between;}
.reserved .item_1{flex: 2 auto;order: 2;text-align: center}
.reserved .item_2{flex: 3 auto;order: 3;text-align: right;}
.reserved .item_3{flex: 3 auto;order: 1;}
#call {display: none;}
.box-tk {line-height: 18px;font-family: rl;padding: 20px 30px;max-width: 320px;position: relative;margin: 0 auto;}
.box-tk img { margin-right: 5px; margin-top: 0px;}
.box-tk p {line-height: 30px;margin: 0;}
.box-tk span {display: inline-block;margin:0 10px;}
.tags ,#footer a.tag {color: #fff; display: inline-block;padding: 4px 9px;border: 1px solid #fff;white-space: nowrap;} 
.lh-l{border-right: 1px solid #CCC;box-sizing: border-box;}
.lh-r{border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 100px;float: left;margin: 5px 0;}
.lh-con-r{width: calc(100% - 100px);float: left;margin-bottom: 10px;}
.lh-con-r *{max-width: 100%;}
.ipct{color: #000;width: 100%;padding: 10px;box-sizing: border-box;margin: 10px 0;}
.tact {color: #000;border: 1px solid rgba(82, 82, 82, 0.5);width: 100%;padding: 15px;box-sizing: border-box;margin: 5px 0;}
.count_number {background:url(../img/bg-thongtin.png) repeat;padding: 50px 0 0 0;}
.scroll_v {margin: 0;}
.scroll_v li {display: block;margin-bottom: 10px;}
.vert , .vert .simply-scroll-clip {height: 345px;}
.vert:before {width: 1px;height: 100%;display:  block;position: absolute;background: #cdcdcd;left: 125px;}
.left-news > .item {height: 115px;overflow: hidden;}
.vert1 , .vert1 .simply-scroll-clip {height: 370px;}
.left-news1 > .item {height: 110px;}
.line_time:before {content:"";position: absolute;top: 0;bottom: 0;left: 95px;width: 10px;background: url(../img/dot_9.png) no-repeat top center,url(../img/dot_9.png) no-repeat bottom center,url(../img/line_time.jpg) repeat-y top center;}
.timeline{justify-content: space-between;align-items: center;}
.timeline .date {width: 110px;text-align:right;color: #fff;padding: 0 30px 0 0;background: url(../img/dot_20.png) no-repeat right center;}
.timeline .box-news {position: relative;background: #fff;border-radius: 5px;width: calc(100% - 135px);padding: 10px 15px;margin: 15px 0;}
.timeline .box-news:after {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-right-color: #fff;border-width: 12px;margin-top: -12px;}
.ct-l{width: 40%;float: left;padding: 15px;background: url(../img/bg-zoom.png) repeat;box-sizing:border-box;}
.ct-img {width: 100%;}
.ct-img-list {width: 100%;}
.ct-r{width: 60%;float: right;padding: 15px;box-sizing:border-box;}
.ct-tit{font-family: rb; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; margin: 0px 0px 15px; color: #F00; font-size: 24px; margin: 0px;}
.ct-sp {font-size: 15px;}
.ct-sp tr {border-bottom: 1px solid #cdcdcd;}
.ct-sp td {padding: 10px;}
.ct-sp-gia span{color: #F00;font-weight: bold;font-size: 15px;}
.ct-sp-mota {border: 1px solid #E08B1A ;border-radius: 10px;padding: 10px;margin: 10px 0;}
.ct-sp-mota .tt {background: #fff; padding: 5px 10px ;margin-top: -25px;display: inline-block;}
.colorpro {border: 3px solid #cdcdcd; margin: 5px; display: inline-block;cursor: pointer;}
.sizepro {border: 1px solid #cdcdcd; margin: 5px; display: inline-block; padding: 5px 10px;cursor: pointer;}
.colorpro.active , .sizepro.active{ border-color: #FF9900; }
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}
.box-tab-tit {/* padding:20px 0 0 0; */}
.box-tab-tit > div  {display: inline-block;font-size: 14px;background: #409900;color: #fff;text-align: center;padding: 7px 10px;/* min-width: 100px; */cursor: pointer;text-transform: uppercase;border-radius: 5px 5px;}
.box-tab-tit > div.active {background: #ec1c1c;color: #fff;}
.box-tab-con {padding: 15px 0;display: none;/* background: #f8f8f8; */border-radius: 5px;}
.box-tab-con *{max-width:100%}
.box-sc-tab {background: #fcfcfc;margin: 2px 0;}
.box-sc-tab .sc-tab-tit {background: #cfcfcf;padding: 10px;cursor: pointer;font-family: rb;font-size: 16px;}
.box-sc-tab .sc-tab {padding: 15px;display: none;}
.ip_mau {padding: 5px 0 5px 10px;display: inline-block;}
.sl_mau ,.sl_mau_gh {width: 45px;border:none;text-align: right;outline: none !important;border-bottom: 1px solid #333;}
#bt_tinhphi {text-transform:uppercase;font-size: 14px;font-family: rb;padding: 8px 15px;margin: 0;width: 100%;border: none;}
#tinhphi .tong {display:  block;line-height: 35px;text-align:  center;background: #ffe9de;}
#bt_tinhphi:hover {color: #fff;}
#bt_tinhphi .fa {margin: 0 10px;}
.ttbg {width: 100%;border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;}
.ttbg tr {border-bottom: 1px solid #cdcdcd;}
.ttbg th {background: #e6520a;padding: 10px;color: #fff;}
.ttbg td {padding: 7px;}
.MagicZoom {width: 100%;background: #fff;} 
.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
.tree_mn {background: #eaeaea;padding: 5px ;font-size: 16px;}
#container{padding: 25px 0;position: relative;background-size: cover;}
.tt_cont {background: url('../img/bg-tt-cont.png') repeat;padding: 30px 0;margin-bottom: 30px;}
.right {width: 310px;float: right;}
.left {width: 280px;float: left;position: relative;z-index: 99;}
.mid{width: calc(100% - 320px);float: right;z-index: 90;position: relative;}
.col_duan {margin: 0 -10px;justify-content: space-between;}
.qc_dm .images {margin: 0;position:relative;}
.qc_dm .images:before, .qc_dm .images:after {content:"";position:  absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.7);transition: all 0.7s;-o-transition: all 0.7s;opacity:  0;}
.qc_dm .images:hover:before {opacity:  1; top: 50%; bottom: 50%;}
.qc_dm .images:hover:after {opacity:  1;left: 50%;right: 50%;}
.box-dmsp {z-index: -1;opacity: 0;height: 0;overflow: hidden;position: absolute;text-align: left;align-items: center;background: #fff;padding: 0px 0;top: calc(100% - 26px);width: 100vw;right: 0;max-width: 1200px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";box-shadow: 0 0 2px rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.sh_dm.act .box-dmsp {z-index: 9;opacity: 1;height: auto;}
.box-dmsp .column_menu .cap1 {padding: 5px 15px;}
.box-dmsp .column_menu .cap2 {padding: 5px 0px;border-bottom: 1px solid #dad9d9;}
.box-dmsp .column_menu .cap2 i {font-size: 6px;margin: 5px;vertical-align: middle;}
.box-dmsp .cap1 > a {font-family: osb;display: inline-block;font-size: 16px;}
.box-dmsp.dm_center {margin: 10px 15px;float: none;}
.box-dmsp .info {position: relative;padding: 10px 10px;text-align: center;font-family: rr;font-size: 14px;color: #fff;}
.box-dmsp:hover .info {opacity:1;}
.box-dmsp .info:before {position: relative;display: inline-block;height: 100%;width: 1px;vertical-align: middle;text-align: center;}
.box-dmsp .name {color: #fff;font-family: rb;font-size: 16px;}
.box-dmsp .mota {height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-sp {width: 100%;position: relative;margin: 0px auto 0px auto;color: #000;text-align: center;background: #fff;border: 1px solid #e1e1e1;}
.box-sp:before {position: absolute;top: 2px;left: 2px;right: 2px;bottom: 0px;background: #fff;border: 3px solid #eee9db;}
.box-sp .images {overflow: hidden;position: relative;background: #fff;z-index: 99;border-radius: 0;}
.box-sp .images img {transition: all 0.5s;-o-transition: all 0.5s;z-index: 9;background: #fff;}
.box-sp .km {position: absolute;top: 10px;right: 10px;z-index: 99;background: url(../img/bg_km.png);color: #fff;background-size: 100% 100%;width: 40px;/* display: none; */height: 40px;padding: 10px  0px;text-align: center;font: 13px/20px rr;border-radius: 0;}
.box-sp .new {left: 10px;position: absolute;top: 10px;width: 42px;height: 41px;background: url('../img/new.png') no-repeat;z-index: 99;display: none;}
.box-sp .info {font-size: 12px;text-align: center;margin: 0px 0 0 0;z-index: 999;box-sizing: border-box;transition: all 0.5s;-o-transition: all 0.5s;align-items: center;}
.box-sp .info > a, .box-sp .info > div {width: 100%;}
.box-sp .info:before {background: #fff;position: absolute;top: 3px;right: 3px;left: 3px;bottom: 3px;z-index: -1;}
.box-sp .star {color: #ffc600;display: inline-block;padding: 5px 35px;background: url(../img/line_ea.png) no-repeat left center,url(../img/line_ea.png) no-repeat right center;max-width: 100%;}
.box-sp:hover .star {color: #fb8800;}
.box-sp .info .fas {margin: 0px 5px 0px 0;text-align: center;font-size: 14px;}
.box-sp:hover .info {opacity:1;} 
.box-sp .name {margin: 5px 0px;position: relative;font: 14px/20px rr;transition: all 0.5s;-o-transition: all 0.5s;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box-sp:hover .name {}
.box-sp .date {text-align: center;padding: 5px 10px;margin: 10px 0 0 0;font-family: osr;font-size: 18px;}
.box-sp .date .ngay ,.box-sp .date .gio,.box-sp .date .phut,.box-sp .date .giay {display: inline-block;background: #fbfbfb;padding: 5px 10px 10px 10px;border: 1px solid #e8e8e8;font-size: 32px;font-family: rb;border-radius: 5px 0;width: 60px;}
.box-sp .date .ngay {background: #808080;color: #fff;border-color: #808080;}
.box-sp .date .tt {display: block;font-size: 12px;text-transform: uppercase;font-family: rr;}
.box-sp .info_gia {position: relative;/* font: 15px rr; */justify-content: space-around;align-items: center;}
.box-sp .detail {border-top: 1px solid #e1e1e1;overflow: hidden;transition: all 0.5s;-o-transition: all 0.5s;text-align: center;justify-content: center;z-index: 999;/* opacity: 0; */}
.box-sp:hover .detail {opacity: 1;}
.box-sp .detail > .ajax_cart {padding: 10px 15px;display: block;}
.ajax_cart:hover {color: #f00;}
.box-sp .tragop {font-size: 13px;color: #707070;height: 18px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;margin: 5px 0;}
.box-sp .mota {display: none;font: 14px rb;color: #ababab;border-bottom: 1px solid #ebebeb;padding: 10px 0;}
.box-sp .mota span {color: #000;}
.box-sp .gia {margin: 0 5px 0 0;display: block;}
.box-sp .luotxem {display: none;}
.box-sp .gia span {display: inline-block;margin: 0px;color: #b20000;white-space: nowrap;/* font: 15px rb; */}
.box-sp .gia .gt {font-size: 36px;margin-right: 5px;line-height: 1;}
.box-sp .giagoc {/* margin: 0 5px; *//* font: 15px sfufb; */color: #414141;}
.box-sp .giagoc span,.giagoc span {text-decoration: line-through;white-space: nowrap;/* font: 14px rb; */color: #616161;}
.box-sp .pro_tag {display: inline-block;padding: 5px 15px;margin: 5px;background: #f2f2f2;}
.box-sp .more {text-align: center;z-index: 999;text-transform: capitalize;padding: 10px 15%;color: #fff;font-size: 14px;font-family: rr;background: #ff9c00;align-items: center;display: inline-block;}
.box-sp .more .icon {display: inline-block;width: 20px;vertical-align: middle;}
.box-sp .more .button {z-index: 999;text-align:  center;}
.box-sp .more .button.like,.box-sp .more .button.see {flex-grow: 1;font-size: 20px;padding: 7px;}
.box-sp .more .button.like.red {color: #ff0;}
.box-sp .more .button:hover {background: rgba(152, 73, 94, 1);}
.box-sp .more .ct {height: calc(100% - 50px);justify-content: center;align-items: center;}
.box-sp .more .ct > div {padding: 10px;display: block;background: rgba(255,255,255,0.8);margin: 5px;color: #353535;cursor:  pointer;border-radius: 5px;}
.box-sp .more .ct > div:hover, .box-sp .more .ct > .red {color: #f00;}
.box-sp .more .ct > .red:hover {color: #353535;}
.box-sp .chitiet {background: #ec1c1c;display: inline-block;color: #fff;padding: 5px 5px;font-size: 13px;margin: 12px 0;}
.box-sp .button_cart {color: #8b8b8b;cursor: pointer;background: #fff;border: 1px solid #e8e8e8;padding: 5px 10px;font-size: 13px;display:  inline-block;margin: 10px 0 0 0;border-radius: 10px;}
.box-sp .button_cart:hover {color: #f00;border-color:#e60f1e;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";box-shadow: 0 0 5px rgba(0,0,0,0.9);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);}
.box-sp .chitiet a {text-transform: uppercase;margin: 10px 0;font-size: 16px;font-family: rm;}
.box-sp .chitiet .fa {display: inline-block;padding: 6px 10px;font-size: 20px;background: #93673a;vertical-align: middle;margin-right: 5px;}
.box-sp .thuonghieu {margin: 5px 0;font-size: 12px;}
.box-sp .thuonghieu span {    color: #b20000;}
.box-news {margin: 0 0 20px 0;}
.box-news .images {position: relative;z-index: 99;overflow: hidden;margin: 0 4% 0 0;max-width: 43%;/* min-width: 115px; */float: left;background: #fff;border-radius: 0;border: 1px solid #ccc;}
.box-news .name {margin: 0px 0px 5px 0;color: #1f6aae;padding: 0px 0;font: 15px/1.4 rm;max-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box-news .mota {max-height: 57px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-news .more {position: absolute;left: 0;right: 0;border-radius: 0px;}
.box-news .more .button {display: inline-block;text-transform: uppercase;padding: 5px 20px;font-weight: bold;font-size: 20px;background: #000;text-align: center;margin: 25px 0 0 0;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#FFFFFF)";box-shadow: 0 0 3px 2px rgba(255,255,255,0.7);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#FFFFFF); }
.box-news.danhgia {border: none;}
.box-news.danhgia .mota {margin-bottom: 15px;}
.box-news.danhgia .name {color:blue;margin: 30px 0 0 0;padding: 5px 0;min-width: 50%;display: inline-block;border-top: 1px solid #e2e2e2;}
.tintuc .box-news .date {position: relative;z-index: 99;background: #0c5ea8;color: #fff;padding: 5px 15px;font-weight: 300;font-size: 16px;width: 60px;margin: 0 0px 0 0;float: left;}
.box-news .date .ngay {font-family: osb;font-size: 15px;text-decoration: underline;}
.box-news .date:before {display:  block;width:  18px;height: 18px;background:  url(../img/dot-18.png) no-repeat;position: absolute;right: -35px;top: calc(50% - 9px);}
.box-news .info .tienich {color: #cb7e16;}
.box-news .images.br_50 {background: #fff;border: 1px dashed #4a515a;padding: 9px;border-radius: 50%;} 
.box-news-r {padding: 0;}
.box-news-r .images {float: right;margin: 0 0 0 15px;max-width: 43%;order: 2;}
.box-news-r .info {float: left;}
.box-news-r .info .more {position: absolute;left: 0;right: 0;top: 100%;}
.box-news-r:before {position: absolute;top: 0;left: 0;right: 42%;bottom: 0;background: #fafafa;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=124, Color=#eaedf5)";box-shadow: 2px 3px 0 #eaedf5;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#eaedf5);}
.box-news-dt {padding: 15px 30px 15px 30px;background: #fff;margin: 70px 0 20px 10px;border-radius: 20px;}
.box-news-dt .info {position: relative;z-index: 99;}
.box-news-dt .khung {padding: 25px 0 10px 0;background: url(../img/dot-20.png) no-repeat left top;}
.box-news-dt .mota {font-family: mlr;max-height: 76px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.box-news-dt .chitiet {position: absolute;top: 100%;right: 0;}
.box-news-dt .info .mota {background: url(../img/bg-mota.png) no-repeat top left;padding-top: 5px;}
.box-news-dt .images {position: relative;z-index: 99;padding: 0px;width: 125px;float: left;max-width: 58%;margin: -95px 10px 0px 0px;background: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";box-shadow: 0 4px 5px rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); }
.box-news-dt .name {margin: 0px 0px 0px 0;font-size: 16px;color: #000;font-family: 'Oswald';font-weight: bold;}
.box-news-v {border: none;text-align: center;width: 100%;}
.box-news-v .kh {font-family: mlb;margin: 5px 0;}
.box-news-v .img ,.box-news-v .image {display: inline-block;}
.box-news-v .flex {align-items: center;justify-content: flex-start;}
.box-news-v .info {position: relative;z-index: 99;margin: 15px 0 0 0;}
.box-news-v .chitiet {position: absolute;top: 100%;right: 0;}
.box-news-v .info .vitri {color: #878787;}
.box-news-v .info .tienich {color: #cb7e16;}
.box-news-v .info .mota {max-height: 63px;overflow:  hidden;margin: 5px 0;-webkit-line-clamp: 3;}
.box-news-v .images {position: relative;z-index: 99;float: none;display: block;max-width: 100%;margin: 0;}
.box-news-v .name {margin: 0px 0 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 56px;overflow: hidden;}
.box-news-v .date{text-align: center;}
.box-news-v .date .day {font-family: rb;font-size: 16px;border-bottom: 1px solid #fff;padding: 5px 0;}

.box-news-v .date .thu {
    padding: 5px 0;
}
.box-news .date .month {font-size: 15px;white-space: nowrap;}
.box-news-v .date .month {text-transform: uppercase;}
.box-news .date .year {font-size: 30px;color: #fff;}
.box-dt {margin: 5px;position: relative;background: #fff;border: 1px solid #cdcdcd;}
.box-dt .images {position: relative;z-index: 9;overflow: hidden;}
.box-dt .name { position: absolute;bottom: 5px;left: 5px;right: 5px;padding: 10px;background: rgba(0,0,0,0.7);color: #fff;font-family: rcr;font-size: 18px;text-align: center;z-index: 99;}
.box-sp .images img, .box-dt .images img, .box-qc .images img, .logo, .logo img {transition: all 0.7s;-o-transition: all 0.7s;}
.box-sp:hover .images img, .box-dt:hover .images img, .box-qc:hover .images img {transform: scale(1.2);}
.box-sp .images:before {position: absolute;top: 0;left: -75%;z-index: 22;display: block;content: '';width: 50%;height: 100%;background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);transform: skewX(-25deg);}
.box-sp:hover .images:before {-webkit-animation: shine .6s;animation: shine .6s;}
@-webkit-keyframes shine 
{ 
100% {left: 125%;}
}
@keyframes shine 
{ 
100%  {left: 125%;}
}
.slide_vct {position: relative;margin: 10px;}
.slide_vct:before {border: 10px solid #ebebeb;background: #fff;box-sizing: border-box;position: absolute;top: 20px;left: 20px;width: 100%;height: 100%;content: "";}
.slide_vct .slider {  }
.box-left {margin: 0 0 14px 0;position: relative;}
.left-tit {text-align: center;position: relative;padding: 0 0 3px 0;align-items: center;background: url(../img/tt-l.png);}
.left-tit.flex .icon {color: #2cb123;padding: 10px;line-height: 25px;font-family: rb;font-size: 16px;text-align: center;width: 45px;height: 45px;background: url(../img/icon-38.png) no-repeat center center;margin-right: 0px;}
.left-tit .name {position: relative;z-index: 11;font: 18px/20px rm;color: #fff;padding: 10px 0 10px 40px;text-transform: uppercase;text-align: left;}
.left-tit .name img {display: inline-block;vertical-align: bottom;margin: 7px;}
.left-tit.flex .name {max-width: calc(100% - 45px);padding: 5px 0;}
.left-tit.act:before {content: "";width: 50px;height: 1px ; background: #f00;position: absolute; bottom: -1px;left: 0;}
.left-box {z-index: 999;/* padding: 9px; */border: 1px solid #fff;}
.khung_httt .khung_hotline {background: #c91414;color: #fff;font-size: 14px;text-align: center;font-family: utma;padding: 15px 10px  10px  5px;}
.khung_httt .khung_hotline span {font-size: 20px;color: #ff0;font-family: utmab;}
.httt .main-tit {text-align:left;background-position: left bottom;}
.httt .main-tit .name {font-size:25px;padding: 0 0 10px 0;}
.box-httt {color: #000;padding: 0 0px 0 0;}
.box-httt .hotline span {display: inline-block;color: #d90000;font-family: rb;}
.box-httt .httt {padding: 10px;border-bottom: 1px solid #b2b1b1;display: block;font-family: rr;font-size: 13px;}
.box-httt .httt .icon {width: 30px;display: inline-block;margin: 4px;}
.box-httt .httt span {display: inline-block;}
.box-httt .httt .name {color: #0065d9;font-size: 13px;font-family: rb;}
.box-httt .httt .dienthoai {color: #d10000;font-family: utmatmb;font-size: 18px;display: inline-block;}
.box-httt .ht_tt {background: url(../img/ft-tt.png) no-repeat bottom left;padding: 5px 0px;font-size: 15px;font-family: rcb;margin-bottom: 5px;text-transform: uppercase;background-size: 80px 1px;}
.box-httt .ht_tt .name {text-transform: uppercase;color: #005b8f;font-family: rr;font-size: 16px;}
.left-box .box-news .name,.left-box .box-news .mota {font-size: 14px;font-weight: normal;max-height: 38px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.danhmuc {border: 1px solid #bddd56;background: -ms-linear-gradient(270deg, #BDDD56 0, #FFFFFF 75%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');background: linear-gradient(270deg, #BDDD56 0, #FFFFFF 75%);}
.menu .menu-left {width: 100%;background: #fff;}
.menu-left {margin: 0px;padding: 0px;border-top:none;position: relative;}
.menu-left::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5;border-radius: 10px;}
.menu-left::-webkit-scrollbar {width: 3px;background-color: #F5F5F5;}
.menu-left::-webkit-scrollbar-thumb {background-color: #AAA;border-radius: 10px;background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);}
.menu-left .dot {position: absolute;right: 0px;top: 5px;width: 12px;height: 30px;padding: 5px 0px;cursor: pointer;text-align: center;font-family: 'Font Awesome 5 Pro';font-weight: 900;}
.menu-left .dot:after {position: absolute;width: 16px;border: 1px solid #000;top: 9px;}
.menu-left .dot:before {content: "\f054";display: inline-block;transition: all 0.5s;}
.menu-left .act > .dot:before {transform: rotate(90deg);}
.menu-left li {display: block;position: initial;background: url(../img/bg-mn-l.png) repeat-x bottom;}
.menu-left .cap1 > a {/* padding: 7px 10px; *//* font: 14px/1.4 rr; */transition: all 0.1s;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;white-space: nowrap;overflow: hidden;position: relative;}
.menu-left .cap1 > a .icon {font-size: 14px;width: 26px;height: 26px;vertical-align: top;display: inline-block;}
.menu-left .cap1 > a >span {display: inline-block;vertical-align: top;line-height: 24px;}
.menu-left .cap1 > a .svg-inline--fa.fa-star-of-life {width: 14px;padding: 2px;display: inline-block;vertical-align: middle;color: #00792b;}
.menu-left a i {color: #f00;margin-right:5px}
.menu-left .cap2 > a {/* background: url(../img/dot-7.png) no-repeat left 5px center; */padding: 8px; position: relative;}
.menu-left .cap1 > a img {/* width: 15px; */margin: 0px 5px 0px 0;display: inline-block;/* padding: 3px 0; */vertical-align: text-top;}
.menu-left a {font-size: 13px;font-family: rr;line-height: 26px;display: block;text-align: left;padding: 8px 10px;/* border-bottom: 1px solid #d7d7d7; */}
.menu-left .cap1 {z-index: 99;position: initial;border-top: 1px solid #fff;background: url(../img/bg-mn-l.png) repeat-x;}
.menu-left .cap1:first-child {border: none;}
.menu-left .dm_ht > a,.menu-left .dm_ht > .dot {background: #2cb123;color: #fff !important;}
.menu-left .cap1>a .fa {font-size: 8px;padding:  4px;vertical-align: middle;}
.menu-left .cap1 .img ,.menu-left .cap1 .info {display: inline-block; margin-right: 15px;vertical-align: middle;}
.menu-left .cap1 .name {font-family: rcr;font-size: 16px;color: #ff6a00;}
.menu-left .cap1 .con {position: absolute;right: 10px;top: 50%;transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, -50%);}
.menu-left .cap2 {font-family: RR; }
.menu-left .cap3 > a {background: url(../img/dot-5.png) no-repeat left 5px center;padding: 8px 10px 8px 15px;}
.menu-left li ul {width: 100%;position: relative;top: 0px;background: #fffdfd;min-width: 200px;margin: 0;z-index: 9999;}
.menu-left li ul {position: absolute;top: 0;padding: 0px 0;left: 100%;background: #fffdfd;min-width: 280px;margin: 0;min-height: 100%;display: none;z-index: 9999;width: auto;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";box-shadow: 0 0 5px rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);}
.menu-left li:hover > ul {display:block;}
.dmc2 {padding: 25px;display: block;}
.dmc2 .cap3 {border-bottom: 1px solid #cdcdcd;padding: 10px 10px 10px 25px;background: url(../img/dot-8.png) no-repeat 5px center;font-family: sfufr;}
.i-l{width: 48%;float: left;}
.i-l-l{width: 50%;float: left; border-right: 1px dotted #CCC; padding-right: 20px;}
.i-l-r{width: 50%;float: left;margin-right: -1px; padding-left: 20px;}
.i-l-r ul li{ margin-bottom: 10px;}
.i-l-r ul li h3{font-weight: normal; font-size: 13px;font-weight: normal;font-family: rr; margin: 0px;}
.i-l-r ul li h3 a{ color: #3e3e3e;}
.i-l-r ul li h3 a:hover{ color: #F00;}
.i-r{width: 48%;float: right;}
.video-l{ width: 100% ;}
.ds_cat {margin: 15px 0;font-family: rcb;font-size: 20px;}
.ds_cat span.line {color:#b65763;font-size: 21px;}
.ds_cat span.line:last-child {display: none;}
.cat {display: inline-block;color: #000;}
.title_tab {margin: 0 0 15px 0;}
a.cat {cursor: pointer;margin: 0 0px;padding: 10px 15px;color: #000;position: relative;font-size: 14px;display: inline-block;text-transform: uppercase;z-index: 9;min-width: 50px;border-radius: 20px;text-align: center;}
a.cat:before {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #549003;z-index: -1;transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);000000-webkit-border-radius: 0;border-radius: 5px;}
.cat:hover {color: #f00;}
.cat.active {background: #e01b65;color: #fff;}
.hotro .box_ht {border-top: 1px dashed #834502;padding: 5px; }
.box_ht .ten {color:  #834502;font-family: rb; }
.box_ht p {white-space: nowrap; }
#tool_present {position: -webkit-sticky;position: sticky;top: 40px;background: #cdcdcd;z-index: 99;}
#tool_present .scroll {padding: 10px 20px;display: inline-block;cursor: pointer;background: #0094db;text-transform: uppercase;color: #fff;font-family: rb;font-size: 16px;}
#tool_present .scroll.active {background: #de0d16;}
.wrap_sec {margin-top: 10px;}
.wrap_sec .ct-tit {margin-top:  15px;border-bottom: 3px double #cdcdcd;font-size: 20px;color: #000;padding: 5px 0;text-transform: uppercase;}
.dmc1 {justify-content: center;white-space: nowrap;}
.dmc1 .item {flex-grow: 1;width: 0;transition: all 0.5s;-o-transition: all 0.5s;background-position: center center;background-repeat: no-repeat;background-color: #fff;}
.dmc1 .item:hover {flex-grow: 2;}
.dmc1 .box-l {width: 28%;padding: 5px;position: relative;}
.dmc1 .box-l .lazy {bottom: 5px;right: 5px;background-size: cover;position: absolute;left: 5px;top: 5px;}
.dmc1 .box-r {width: 72%;padding: 5px;}
.dmc1 .box_dmc1 {width:100%;position: relative;}
.box_dmc1 .img {height: 250px;width: 100%;opacity: 0;}
.box_dmc1 .info {position:absolute;bottom: 10%;left: 0;right: 0;text-align: center;color: #fff;font-size: 18px;}
.box_dmc1 .name {color: #fff;font: 900 18px svnagd;padding:15px;}
.box_dmc1.active .img ,.box_dmc1:hover .img {-ms-filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.dknt {background: url(../img/bg-dknt.png) no-repeat center center;padding: 60px 0;background-size: cover;color:#fff;top: 0;bottom: 0;max-width: 100%;left: 0;}
.dknt .flex {justify-content: space-evenly;align-items: center;}
.dknt .title {color:#fff;}
.dknt .dk_name {font-family: utmhi;font-size: 30px;color: #fff;margin: 10px 0;display: inline-block;vertical-align: middle;text-transform: uppercase;}
.dknt .dk_name span {margin: 15px 0 0 0;display: block;}
.box-dl {background: #fff;padding: 15px 15px 0 230px;background: url(../img/bg-dknt.png) no-repeat 15px bottom #fff;}
.bg_sd {background: url(../img/bg-sd.png) repeat-x center bottom 4px;border-bottom:1px dashed #dfdfdf; }
#sanpham {position:relative;z-index: 99;padding: 45px 0;}
#sanpham:after {position:absolute;width:100%;height: 40vw;left: 0;bottom: -14vw;background: url(../img/bg-hoa.png) no-repeat center center;background-size: 100% 100%;z-index: -1;}
.dmspnb {margin:0 0 20px 0;}
.flex_sp > div {width:100%}
.sanpham_nb .flex.col_4 {margin:0}
.sanpham_nb .flex.col_4> div{margin: 0;max-width: 25%;}
.box-dm {position: relative;background: #00a859;padding: 20px 10px;text-align: center;border-radius: 10px;color: #fff;}
.box-dm .icon {background: #fff;display:  inline-block;margin-top: -70px;}
.box-dm .name {font-size: 20px;color: #fff;font: bold 20px ow;padding: 15px 0 10px 0;text-transform: uppercase;display: inline-block;}
.box-dm .images {background: #fff;border-radius: 10px;}
.box-dm .info {text-align: center;}
.box-dm .mota {color: #fff;}
.sanpham {padding: 20px 0 0 0;background-size: cover;/* margin: 10px auto; */}
.sanpham .more {display: inline-block;text-transform: uppercase;/* margin: 20px 0 0 0; */font-size: 13px;color: #0c5ea8;}
.sanpham:nth-child(2n+1) {/* background: #e9f8ff; */}
.box_name {margin: 0 0 15px 0;}
.box_name .title {display: inline-block;padding: 60px 50px;margin: 0;color: #fff;min-width: 400px;position: relative;}
.box_name .title:before {content: "";position:absolute;top: 0;bottom: 0;left: calc(100% - 75px);width: 150px;transform: rotate(0deg) scale(1, 1) skew(35deg, 0deg) translate(0, 0);z-index: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#fff)";box-shadow: 20px 0 0 rgba(255,255,255,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff);}
.box_name .images {display: none;}
.box_name .title .name {display: block;}
.box_name .title .tt {font-size: 20px;font-family: rb;color: #fff;margin: 1px 0;display: inline-block;}
.box_name .title .tt i {font-size: 12px;margin: 5px;vertical-align: middle;}
.box_name.thuongmai .title,.box_name.thuongmai .title:before {background: #0794de;}
.box_name.khachsan .title,.box_name.khachsan .title:before {background: #0147a1;}
.sanpham .slick_1 .slick-prev {left: auto;right: 38px;top: 20px;}
.sanpham .slick_1 .slick-next {left: auto;right: 0px;top: 20px;}
.sanpham .slick_sp .item {width: 260px;border-right: 1px dotted #000;}
.dmsp:hover .box-left {display: block;}
.dmsp .box-sp {border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.sanpham:nth-child(2n) .dmc1 .box-l  {order: 2;}
.sanpham .dmsp_nb {width: calc(100% - 600px);}
.sanpham .img-gt {width: 550px;}
.sanpham .box-news .info {background: #f5f5f5;padding: 15px;margin: 0;}
.sanpham .box-news-r .info {border-radius: 8px 70px 70px 8px;}
.content_sp {justify-content: space-between;}
.content_sp .right {position: sticky;top: 50px;position: -webkit-sticky;}
.content_sp .right .bor_1 {border-color: #cdcdcd;}
.info_thuchien {justify-content: center;margin: 55px 0px;}
.info_thuchien .item {position:relative;width: calc(20% - 20px);margin: -23px 10px;}
.info_thuchien .it_info_1 {order: 3;}
.info_thuchien .it_info_2 {order: 4;}
.info_thuchien .it_info_3 {order: 5;}
.info_thuchien .it_info_4 {order: 6;margin-left: 11px;}
.info_thuchien .it_info_5 {order: 8;}
.info_thuchien .it_info_6 {order: 10;}
.info_thuchien .it_img_0 {order: 2;}
.info_thuchien .it_img_1 {order: 7;}
.info_thuchien .it_img_2 {order: 9;}
.info_thuchien .item a, .info_thuchien .item .name {cursor: pointer;} 
.info_thuchien .item .name {position: absolute;left: 5%;right: 5%;top: 25%;bottom: 25%;align-items: center;justify-content: center;color: #fff;font-size: 18px;font-weight: bold;} 
.hexagon {display: inline-block;position: relative;width: 100%;}
.box-dmnb {text-align: center;}
.box-dmnb .images {background: #fff0;padding: 8px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#000000)";box-shadow: 0 0 30px rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#000000);}
.box-dmnb .images img {background: #fff;}
.box-dmnb .info {flex-grow: 1;font-size: 13px;font-family: sfufbk;}
.box-dmnb .info .name {font-size: 16px;font-family: rb;margin: 15px 0;}
.bg-sd {position: relative;background: url(../img/bg-sp.png) repeat-y center center;margin: 20px 0 0 0;}
.bg-sd:before {content:  "";left: 0;right: 0;bottom: 100%;height: 25px;background: url(../img/sd-bg.png) no-repeat center bottom;position: absolute;}
.main-tit .name .hot {display:  inline-block; position: relative;}
.main-tit .name .hot img {position:absolute;left: 0;top: -35px;max-width: 31px;}
.box-chinhsach {margin: 10px ;background: #fff;padding: 10px;position: relative;}
.box-chinhsach .images {margin-right: 15px;float: left;}
.box-chinhsach .name {font-family: rb;font-size: 18px;text-transform: uppercase;color: #e30a0a;}
.slick-sanpham{ padding-bottom: 20px; width: calc(100% + 20px); margin-left: -10px;}
.slick-sanpham .slick-prev,.slick-sanpham .slick-next{width: 30px !important;height: 30px !important; text-indent: -9999px; bottom: 0px !important; top: auto !important;}
.slick-sanpham .slick-prev{ background: url(../img/sp-prev.png) !important; background-size: 100% 100% !important; left: calc(50% - 35px) !important;}
.slick-sanpham .slick-next{ background: url(../img/sp-next.png) !important; background-size: 100% 100% !important; right: calc(50% - 35px) !important;}
.box-dv {position: relative;overflow: hidden;margin: 0 auto;z-index: 101;display: block;color: #fff;width: 100%;border: 5px solid #0c5ea8;max-width: 170px;}
.box-dv:nth-child(2n) {background: -ms-linear-gradient(90deg, #0078DE 0, #00000000 75%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(-90deg, #0078DE 0, #00000000 75%);}
.box-dv:nth-child(2n) .flex {justify-content: flex-end;}
.box-dv .stt {margin-right: 15px;font-size: 120px;align-items: center;float: left;font-family: osb;width: 160px;height: 130px;background: #d1d2d4;color: #666;justify-content: center;position: relative;line-height: 1;}
.box-dv .stt:before {content: "";position: absolute;top: 100%;right: 0;height: 37px;left: 0;z-index: 100;background: url(../img/bg-dv-tt.png);background-size: 100% 100%;}
.box-dv .img img {margin:0 auto;}
.box-dv .icon {display:  inline-block;line-height: 125px;width: 125px;text-align: center;background: url(../img/bg-dv-ic.png) no-repeat center center;background-size: 100% 100%;margin: -90px 0 -35px 0;font-family: rr;font-size: 28px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";box-shadow: 0 0 10px -1px rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);}
.box-dv .images {position: relative;z-index: 99;background: #0c5ea8;overflow: hidden;}
.box-dv .images:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 6px solid rgba(0, 0, 0, 0.7);}
.box-dv .info {z-index: 100;font-size: 14px;box-sizing: border-box;font-family: rr;text-transform: uppercase;/* padding: 10px 10px; */align-items: flex-end;justify-content: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.box-dv .date {display: inline-block;text-align: center;line-height: 1;}
.box-dv .date .d {color: #f00;font-family: utmab;font-size: 28px;}
.box-dv .date .m {font-family: rcr;font-size: 12px;text-transform: uppercase;}
.box-dv .name {width: 100%;z-index: 111;color: #fff;border-color: #fff;text-align: center;background: rgba(12, 94, 168, 0.7);padding: 8px 7%;font-family: rb;font-size: 10px;/* background-size: 308px 100%; */margin: 0 0 15% 0;}
.box-dv .info:before {position: absolute;left: 0;top: 0;bottom: 0;right: 0;border: 1px solid #fff;z-index: -1;transition: all 0.5s;-o-transition: all 0.5s;}
.box-dv:hover .info:before {margin: 9px;}
.box-dv .tt {max-height: calc(100% - 40px); overflow: hidden;}
.box-dv .number {display:inline-block;font-size:40px;font-family:rb;color: #fff;border: 3px solid #fff;width: 100;height: 100;line-height: 94px;text-align: center;}
.box-dv .more {position: relative;font-family: rr;font-size: 14px;color: #fff;display: inline-block;padding: 10px 15px;border-radius: 0;}
.box-kh {position: relative;width: 100%;text-align: center;margin: 15px auto;}
.box-kh .noidung {background: rgba(0, 0, 0, 0.8);padding: 30px 10px;position: absolute;top: 50%;left: 50%;right: 50%;bottom: 50%;color: #fff;opacity: 0;transition: all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.box-kh:hover .noidung {opacity: 1;top: 0;left: 0;right: 0;bottom: 0;}
.box-kh .noidung > .w-clear {min-height: 70px;}
.box-kh .info {padding: 15px;height: 100px;overflow: hidden;font-family: qs;}
.box-kh .images {margin: 10px auto;padding: 5px;max-width: 180px;border: 1px dashed #1c1208;}
.slick-current .box-kh .images {background: #f0ad00;}
.box-kh .images img {position: relative;width: 100%;background: #fff;}
.box-kh .name {font-weight: bold;padding: 5px 0;font: 18px rb;text-align: center;color: #e98d15;box-sizing:border-box;}
.box-kh .mota {padding: 15px 45px;background: url(../img/nhay_trai.png) no-repeat left top 20px,url(../img/nhay_phai.png) no-repeat right bottom 20px;min-height: 75px;}
.owl-prev , .owl-next {position: absolute;top: 50%;transform: translate(0, -50%);}
.owl-carousel:hover .owl-prev ,.owl-carousel:hover .owl-next {opacity: 1;}
.owl-prev { left: 0px;}
.owl-next { right: 0px;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
.slick-vertical .slick-prev {left: 50%;top: 18px;transform: rotate(90deg);transform-origin: center top;}
.slick-vertical .slick-next {left: 50%;top: auto;bottom: 18px;transform: rotate(90deg);transform-origin: left center;}
.slick_pad_5 {margin: 0 -5px;}
.slick_pad_5 .slick-slide {padding: 0 5px;}
.slick_pad_10 {margin: 0 -10px;}
.slick_pad_10 .slick-slide {padding: 0 10px;}
.slick_pad_15 {margin: 0 -15px;}
.slick_pad_15 .slick-slide {padding: 0 15px;}
.slick_pad_20 {margin: 0 -20px;}
.slick_pad_20 .slick-slide {padding: 0 20px;}
.box-search {padding: 15px 30px;max-width: 100%;background: rgba(255,255,255,0.7);position: absolute;top: 50%;left: 50%;width: 450px;border-radius: 15;transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(-50%, -50%);}
.box-search p {font-family: ossb;color: #3888e2;text-transform: capitalize;font-size: 24px;}
.search {display: inline-block;position: relative;padding: 10px 10px;background: #fff;text-align: left;vertical-align: middle;width: 100%;max-width: 450px;border-radius: 0px;background-size: 100% 100%;border: 1px solid #cdcdcd;}
.search:before {background: #fff;left: 0;right: 0;top: 0;bottom: 0;position: absolute;z-index: -1;transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);border-radius: 5px;}
.search_nc {justify-content: space-between;}
.search_nc .item {line-height: 40px;padding: 5px 0;flex-grow: 3;margin: 0 10px;}
.search_nc .bt_s {flex-grow: 2;}
.search_nc .tt {color:  #fff;font-family: txgab;text-transform: uppercase;font-size: 24px;flex-grow: 2;}
.search .input {max-width: 100%;width: calc(100% - 40px);line-height: 20px;font-family: rr;box-sizing:border-box;background: none;position: relative;z-index: 9;outline: none;border: none;line-height: 20px;font-size: 14px;color: #000;text-align: left;display: block;}
.search .bt-search {position: absolute;bottom: 0px;right: 0px;top: 0px;text-transform: uppercase;cursor: pointer;font: 900 15px sfuf;color: #fff;margin: 0;padding: 10px 15px;display:  block;text-align: center;background: #ff5151;border-radius: 0;z-index: 99;}
.search .bt-search .fa {font-size: 18px;}
.search .search-v-h{position: relative;color: #fff;font-size: 20px; cursor: pointer;  }
.search .search-hd{position: absolute;right: 00px;top: 100%;display: inline-block;margin: 0px 0;padding: 5px;background: #cdcdcd;display: none;}
.search .input::-webkit-input-placeholder { color: #333; }
.search .input::-moz-placeholder { color: #333; }
.search .input:-ms-input-placeholder {  color: #333; }
.search .input:-moz-placeholder { color: #333; }
.share>a {display: inline-block;border: 1px solid ;padding: 8px 5px;text-align: center;width: 40px;height: 40px;line-height: 20px;font-size: 20px;}
#search_nc {position: relative;padding: 20px 0;}
#search_nc .frm-bds-search {position: relative;display: flex;flex-flow: row wrap;justify-content: space-around;align-content:center;}
#search_nc .box_sl {flex-grow: 1;padding: 3px;}
#search_nc .search_name {flex-grow: 1;}
#search_nc .input {padding: 9px 9px;width: 100%;line-height: 26px;border-radius: 0;}
#search_nc .button {background: #009049;text-transform: uppercase;border: none;box-shadow:  none;border-radius: 0;}
.box-da {position: relative;border-bottom: 3px solid #cfcfcf;background: #fff;text-align: center;}
.box-da .info .images {border: 1px solid #0985b7;margin: 0 10px 0 0;}
.box-da .info .images img {transform: translate(7px, -6px);}
.box-da i {color: #0985b7;margin: 0 10px 0 0;}
.box-da .images .name {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);color: #fff;padding: 15px;text-align: center;font-size: 20px;}
.box-da .info {white-space: nowrap;text-align: center;padding: 14px;background: #fff;border: 1px solid #dddddd;border-top: none;}
.box-da .info:before {position: absolute;top: 50%;left: 50%;right: 50%;background: rgba(0, 0, 0, 0.5);bottom: 50%;z-index: 1;transition: all 0.5s;}
.box-da:hover .info:before {top: 0;left: 0;right: 0;bottom: 0;}
.box-da:hover .images .name {opacity: 0;}
.box-da .info .name {font-family: rr;z-index: 9;color: #000;font-size: 16px;margin: 0 0 5px 0;}
.box-da .info .kh {color: #0984b6;white-space: normal;}
.tt_gop {margin:10px auto;font-size:16px }
.tt_gop span {font-family: rb;color: #f00;}
.tk_r { position: absolute;right: 20px;top: 10px;font-size: 30px;}
.tk_l { position: absolute;left: 0px;top: 10px;}
#nhantin {background-size: cover !important;}
#nhantin .ipct,#nhantin .tact {background: none;color: #fff;margin-bottom: 10px;}
#nhantin .button {display: block;text-align: center;font-family: rb;text-transform: uppercase;margin: 0 auto;width: 100%;}
.hinhanh {padding:30px 0;}
.hinhanh .grid.cot_4 {grid-gap: 20px;}
.hinhanh .grid.cot_4 .box-ha{height:240px;background:#ccc}
.hinhanh .grid.cot_4 .box-ha:nth-child(6n+2) {background: #000;grid-row: 1 / 3;grid-column: 2;height: 100%;}
.hinhanh .grid.cot_4 .box-ha:nth-child(6n) {background: #ff0;grid-column: 3 /5;}
.bangdo .title { background: url(../img/map_71_113.png) no-repeat top left ;background-size:40px auto; padding: 15px 0 40px 50px;color:#ea0005;font-family: Times news Roman;font-weight: bold; font-size: 22px; position: relative;z-index: 999;margin-top:20px;margin-bottom: -20px;}
#map > iframe {width: 100%;height: 340px;}
.email-dk .lh-con-l {text-align:left;}
.email-dk .button {position: relative;border: 1px solid #fff;background: #0c5ea8;padding: 10px 20px;font-size: 15px;vertical-align: middle;color: #fff;text-align:center;text-transform: uppercase;border-radius: 0;transition: all 0.5s;margin: 5px 0 5px 10px;}
.email-dk .input {margin: 0 0 12px  0;padding: 10px 15px;line-height: 20px;width: 300px;display: inline-block;vertical-align: middle;max-width: 100%;color: #000;border: 1px solid #d1d9ec;background: rgb(255, 255, 255);outline: none;font-size: 14px;/* border-left: 1px solid #a0a0a0; */flex-grow: 1;}
.email-dk .tact {width: 100%;vertical-align: middle;}
.email-dk .button:hover {color: #ff0;}
.email-dk .input::-webkit-input-placeholder { color: #333; }
.email-dk .input::-moz-placeholder { color: #333; }
.email-dk .input:-ms-input-placeholder {  color: #333; }
.email-dk .input:-moz-placeholder { color: #333; }
.ajax_cart {cursor: pointer;border: none;color: #0c5ea8;padding: 10px 15px;margin: 0;text-transform: uppercase;display:  inline-block;}
.ct-r .ajax_cart {background: #f78e12;color: #fff;border-radius: 5px;width: 100%;font-size: 13px;}
.ct-r .flex_gh {align-items: center;}
.ct-r .flex_gh .w-clear {flex-grow: 1;margin: 0 2px;}
.ajax_cart_tt {cursor: pointer;background: #4c8403;border: none;color: #fff;padding: 10px 15px;margin: 0;text-transform: uppercase;border-radius: 5px;width: 100%;font-size: 13px;}
.ct-r .ajax_cart:hover ,.ct-r .ajax_cart_tt:hover {background:#fd0000   } 
.giohang {display: inline-block;}
.giohang > span {display: inline-block;padding: 5px;}
.ttgh .bor_1 {padding: 15px;border-color: #ddd;margin: 20px 0;}
.ds_dh {width: 100%;min-width: 600px;}
.ds_dh th,.ds_dh td {padding: 10px;}
.ds_dh tr {border-bottom: 1px solid #cfcfcf;}
.ds_dh tr:hover {background: #fafafa;}
.ds_dh .chitiet {color: #f00;cursor: pointer;}
.tt_tb {background: #696969;font-weight:bold;color:#FFF;}
.sukien {background:#bd3b65;border-top:1px solid #fff;color:#fff;padding: 5px;font-family: utma;font-size: 16px;line-height: 30px;}
.sukien .flex {}
.sukien .name a {white-space: nowrap;font-family: svnc;font-size: 18px;line-height: 27px;margin: 0 15px 0 85px;padding: 0 0 3px 0;color: #fff;}
.sukien .img {position: absolute;left: 0;bottom: -5px;}
.sukien .item a {color: #fff;display: inline-block;line-height: 25px;padding: 5px 0 0 0;max-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sukien .flex > div {flex-grow: 1;}
#dangky {background: url(../img/bg-dknt.png) no-repeat top center;padding: 45px 0 30px 0;align-items: stretch;}
#dangky .main-tit ,#dangky .main-tit .name {color: #fff;}
#dangky > .w_50 {padding: 45px calc(50% - 600px);}
#dangky .yc {background: url(../img/bg-lh.png);}
#dangky .box-dknt {background: rgba(255, 255, 255, 0.9);margin: 0 auto;}
#dangky .main-tit { color: #fff; }
#dangky .box-lh .grid {grid-gap: 10px;}
#dangky .input{padding: 10px 15px;background: #fff;border-radius: 3px;outline: none;color: #000;}
#dangky .email-dk .button {width: 125px;}
.dk_dl .input::-webkit-input-placeholder,#dangky ::-webkit-input-placeholder{color: #000;}
.dk_dl .input::-moz-placeholder,#dangky ::-moz-placeholder{color: #000;}
.dk_dl .input:-ms-input-placeholder,#dangky :-ms-input-placeholder{color: #000;}
.dk_dl .input:-moz-placeholder,#dangky :-moz-placeholder{color: #000  ;}
.list_tb {background: #00aff0;padding: 5px 0;}
.list_tb a {display: inline-block;padding: 10px;color: #fff;font-family: rb;text-transform: uppercase;}
.list_tb a:hover {color: #ff0;}
.daotao .fl .images {transform: translate(-10px, 30px);}
.gioithieu {padding: 30px 0;}
.gioithieu .flex {justify-content: space-between;}
.gioithieu .col_4.flex {margin: 0;}
.gioithieu .img-gt {margin: 0;width: 550px;position: relative;padding: 20px;}
.gioithieu .img-gt:before {content: "";position: absolute;background: #0078de;top: 0;left: 0;width: 64%;height: 85%;z-index: -1;}
.gioithieu .info-gt {width: calc(100% - 580px);}
.gioithieu .box-news .name {font-size: 14px;font-family: Arial;font-weight: bold;margin: 10px 0 0 0;}
.gioithieu .title .name:before {border-color:#e31119;}
.gioithieu .scroll_x > .flex {min-width: 1200px;}
.gioithieu .box-news-v {background: #000;color: #fff;text-align: center;}
.gioithieu .flex .item:nth-child(2n) .box-news-v {background: #1ca73a;}
.gioithieu .box-news-v .name {color: #fff;font-size: 20px;padding: 10px;line-height: 30px;height: 100px;overflow:  hidden;}
.gioithieu .box-news-v .button {background: none;border: 1px solid;}
.gioithieu .item .name span {display: inline-block;padding: 0px 11px;border: 1px solid;color: #acacac;font-family: rt;font-size: 27px;vertical-align: middle;margin: 0 5px 0 0;}
.gioithieu .item .noidung {margin: 20px 0;}
#gioithieu {position: relative;padding: 30px 0px;background-size: cover;}
#gioithieu .title:before {background: url(../img/bonglua.png) no-repeat;position: absolute;left: -40px;bottom: -30px;width: 150px;height: 220px;}
#gioithieu .fotorama__nav--dots {position: absolute;left: 0;right: 0;bottom: 10px;}
#gioithieu .fotorama__nav--dots .fotorama__nav__shaft {background:rgba(0,0,0,0.5);padding:0 10px;}
#gioithieu .fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame--dot {width: 30px;}
#gioithieu .fotorama__nav--dots .fotorama__nav__shaft .fotorama__dot {width: 20px;height: 2px;margin: 14px auto;top: 0;left: 0;}
#gioithieu .fotorama__nav--dots .fotorama__nav__shaft .fotorama__nav__frame.fotorama__active .fotorama__dot {border: 1px solid #2891d6;}
#gioithieu .flex {justify-content: space-between;}
#gioithieu .box-tab-tit{width:100%;order:2;}
#gioithieu .box-con {width: 100%;order:1;}
#gioithieu .main-tit {padding: 0px 0 0px 0;background: none;}
#gioithieu .title .name {vertical-align: middle;}
#gioithieu .info-gt {z-index: 99;width: calc(42% - 0px);}
#gioithieu .info-gt .item.flex {align-items: center;justify-content: flex-start;color:#fff;text-align: left;margin: 10px 0;}
#gioithieu .info-gt .item.flex .img {margin: 0 10px 0 0;width: 60px;}
#gioithieu .info-gt .item.flex .info {max-width: calc(100% - 70px);}
#gioithieu .info-gt .item.flex .name {max-height: 21px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#gioithieu .info-gt .name_ct {color: #0e4a8d;font-family: rb;font-size: 34px;line-height: 1;margin: 15px 0;}
#gioithieu .main-tit .tt {font-family: utmaqr;font-size: 28px;color: #fff;margin: 0;}
#gioithieu .title .ct {font-size: 18px;text-transform: uppercase;color: #d6d6d6;letter-spacing: 10px;}
#gioithieu .main-tit .name {color: #fff;padding: 0 0 15px 0;}
#gioithieu .button:before {position: absolute;left: 5px;top: 5px;width: 100%;height: 100%;border: 1px solid #004ad3;}
#gioithieu .clip_gt {border: 3px solid rgba(255, 131, 67, 0.75);background: rgba(177, 158, 133, 0.75);padding: 25px 35px;max-width: 510px;border-radius: 3px;font-family: ossb;}
#gioithieu .clip_gt .title .name {color: #000;font-size: 36px;font-family: svnag;}
#gioithieu .more {position: relative;}
#gioithieu .button:hover:before {border-color: #e40000;}
#gioithieu .img-gt {position: relative;text-align: center;z-index: 5;overflow: hidden;width: 55%;border-radius: 0;}
#gioithieu .img-gt .bor_1 {border-color: #fff;margin: 50px 0;}
#gioithieu .img-gt .item:nth-child(1) {margin-top   :80px}
#gioithieu .img-gt:before {position: absolute;left: 0;top: 0;bottom: 25px;right: 25px;border: 5px solid #000;border-right: none;z-index: -1;}
#quydoi {background: url(../img/bg-qd.png) repeat-y center center;padding: 10px 0;color: #fff;font-family: utma;font-size: 24px;}
#quydoi a {display: inline-block;color: #fff;background: #d24602;border: 2px solid #fff;font-family: Arial;font-size: 15px;padding: 9px 20px;border-radius: 5px;}
#quydoi a img {margin-right: 15px;}
.sd:after {content: "";background: url(../img/sd.png) no-repeat top center;position: absolute;top: 100%;left: 0;right: 0;height: 20px;}
.box-gt {position: relative;}
.box-gt .images {display: inline-block;vertical-align: middle;}
.box-gt .info {padding: 10px;}
.box-gt .name {font-family: utma;font-size: 16px;white-space: nowrap;display: inline-block;vertical-align: middle;}
.box-gt .more a {display: inline-block;padding: 10px 20px;border: 1px solid #ebebeb;background: #fff;}
.chinhanh {background: url(../img/bg-chinhanh.png) no-repeat center center;background-size: cover;min-height: 55vw;}
.chinhanh .main-tit {display:inline-block;background: url(../img/tt-t.png) no-repeat left top;}
.chinhanh .main-tit .name {background: url(../img/tcat-b.png) no-repeat bottom center;color: #3a7c04;font: bold 40px qs;padding: 0 0 40px 0;}
#dichvu {padding: 30px 0px;}
#dichvu .box-news {margin: 0;padding: 0;}
.dichvu {padding: 45px 0;background: #c50000;background-size: cover;color: #fff;font-size: 16px;}
.dichvu .box_scroll_y {border-top: 1px dashed #666;padding: 15px 0px 5px 0;}
.dichvu .scroll_y {max-height: 220px;}
.dichvu .flex.col_2 > div {margin-top: 0;margin-bottom: 5px;}
.dichvu .slick_1 {max-width:930px;margin:0 auto;}
.dichvu .slick_1 .item {padding: 15px 5%;}
.dichvu .grid {grid-gap: 10px;}
.dichvu .title .name {margin-left: 50px;padding: 0 10px;}
.dichvu .scroll_y .name {margin: 0 15px 0 0;}
.dichvu .date {white-space: nowrap;}
.dichvu .box-news {margin: 0;}   
.dichvu .box-news .name { font: 22px svnbs;}
.dichvu .box-news .mota {font: oblique 300 14px sfuf;} 
.daotao {padding: 40px 0 70px 0;background: url(../img/bg-line-b.png) repeat-x center bottom,url(../img/bg-daotao.jpg) #fff;background-size: auto,cover;}
.daotao .khung_xoay {max-width: 510px;margin: 30px auto;position: relative;}
.daotao .khung_xoay .logo_m {position: absolute;left: calc( 50% - 85px);top: calc( 50% - 85px);z-index: 999;}
.daotao .khung_xoay .logo_m img {background: #fff;padding: 40px;z-index: 999;transition: all 1s;-o-transition: all 1s;}
.daotao .khung_xoay .logo_m:hover img{transform: rotateY(180deg); }
.daotao .grid {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;grid-gap: 0px;position: relative;}
.daotao .grid .item {position: relative;}
.daotao .box_dt {position: absolute;color: #fff;font-size: 18px;font-family: utma;font-weight: bold;text-transform: uppercase;justify-content: space-around;align-items: center;width: 100%;height: 100%;top: 0;left: 0;}
.box_dt .stt {font-family: osl;font-size: 44px;padding: 0 10px;}
.box_dt .img {padding: 0 10px;}
.daotao .item_0 {grid-area: 2 / 2 / 3 / 3;height: 170px;}
.daotao .item_1 {grid-area: 1 / 2 / 2 / 4;}
.daotao .item_1 .box_dt {padding: 20px 35px 35px 35px;}
.daotao .item_1 .box_dt .img {order:2   }
.daotao.item.item_1:before {content: "";position:absolute;width: 333px;height: 217px;background:url(../img/item1.png) no-repeat right top;top: 0px;left: -10px;}
.daotao .item_2 {grid-area: 2 / 3 / 4 / 4;}
.daotao .item_2 .box_dt {padding: 35px 20px 35px 35px;}
.daotao .item_2 .box_dt .img {order:2   }
.daotao.item.item_2:before {content: "";position:absolute;height: 333px;width: 217px;background:url(../img/item2.png) no-repeat right top;bottom: 10px;right: 0px;}
.daotao .item_3 { grid-area: 3 / 1 / 4 / 3; }
.daotao .item_3 .box_dt {padding: 35px 35px 20px 35px;}
.daotao .item_3 .box_dt .stt {order:2   }
.daotao.item.item_3:before {content: "";position:absolute;width: 333px;height: 217px;background:url(../img/item3.png) no-repeat right top;bottom: 0px;left: 10px;}
.daotao .item_4 {grid-area: 1 / 1 / 3 / 2;}
.daotao .item_4 .box_dt {padding: 35px 35px 35px 20px;}
.daotao .item_4 .box_dt .stt {order:2   }
.daotao.item.item_4:before {content: "";position:absolute;height: 333px;width: 217px;background:url(../img/item4.png) no-repeat right top;top: 10px;left: 0px;}
.daotao .item_4 .box_dt .name ,.daotao .item_2 .box_dt .name {width: 100%;text-align: center;}
.album .flex {margin:0;}
.album .flex.col_4 > div {margin: 0;max-width: calc(100% / 4);}
.info_dv {background:#fff;border-radius: 25px;border: 10px solid #4fbd37;}
.info_dv .flex .box-tab-tit {width: 100%;order: 2;position: relative;padding: 0 9%;}
.info_dv .box-tab-tit > div {margin: 5px 0;max-width: 100%;text-align: left;color: #fff !important;z-index: 9;position: relative;display: inline-block;background: #f8339d !important;padding: 10px 20px;min-width: 200px;border-radius: 10px 0 10px 0;font-size: 20px;}
.info_dv .box-tab-tit > div:nth-child(8n+3) {background: #66cce3 !important;}
.info_dv .box-tab-tit > div:nth-child(8n+5) {background: #b272ef !important;}
.info_dv .box-tab-tit > div:nth-child(8n+7) {background: #ffb782 !important;}
.info_dv .box-tab-tit > div > span {display: inline-block;background: #f8339d;padding: 10px  20px;min-width: 100px;border-radius: 10px 0 10px 0;}
.info_dv .flex .box-tab-tit:before {position: absolute;content: "";top: 0;bottom: 0;left: 11%;width: 10px;background: #f8339d;}
.info_dv .flex .box-cont {width: 100%;padding: 50px;}
.info_dv .flex .box-tab-con {width: 100%;box-sizing: border-box;}
.box-banggia {padding: 30px 10%;position: relative;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";box-shadow: 0 0 15px rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000);}
.box-banggia .name {font-family: 'Oswald';font-size: 30px;font-weight: bold;border-bottom: 1px solid #464646;padding: 10px 0;margin: 0 0 15px 0;}
.chinhsach {padding: 10px 0;background-size: cover;/* background: #f1f1f1; */}
.chinhsach .main-tit {background:none;padding: 15px 0;}
.chinhsach,.chinhsach .name {color:#fff;}
.chinhsach .info {max-width: calc(100% - 35px);/* font: 20px rr; */text-align: left;}
.chinhsach .name {}
.chinhsach .mota {/* max-height: 26px; *//* -webkit-line-clamp: 1; */}
.chinhsach .box-news .images {position: absolute;right: -35px;width: 70px;top: calc(50% - 35px);border: 5px solid #fff;background: #0c5ea8;/* FF3.5+ *//*Saf3.1+, Chrome*//* Opera 10.5 *//* IE 9 */transform: rotate(45deg);margin: 0;min-width: 70px;}
.chinhsach .box-news .images img {transform: rotate(-45deg);margin: -12px;max-width: 85px;width: 85px;min-width: 85px;}
.chinhsach .flex {justify-content: space-between;}
.chinhsach .col_2>div {max-width: calc(40% - 30px);}
.chinhsach .box-news {padding: 15px;margin: 0;background: #0c5ea8;margin: 0 50px 0 0;width: calc(100% - 55px);}
.dichvu .slick_1 .box-dv{padding: 0;}
.hinh_gt {display: flex;flex-flow: row wrap;justify-content: space-around;align-content:flex-start;}
.hinh_gt .box_gt {text-align: center;width: 90px;}
.hinh_gt .img {border: 3px solid #a58e61;position: relative;overflow: hidden;background: #fff;margin: 10px auto;}
.hinh_gt .name {text-transform: uppercase;font-family: rcr;color: #a58e61;}
#tintuc {background: #f2f2f3;background-size: cover;align-items: stretch;}
#tintuc .left {background: #fff005;padding: 30px 15px;text-align: center;}
#tintuc .left .name {margin: 15px 0;font-size: 18px;font-family: sfufh;}
.tintuc .fl {width:calc(100% - 400px);}
.tintuc .fr {width:370px ;}
.tintuc .title .more a {color: #fff;font-family: rr;padding: 10px;display: inline-block;margin: 5px 0;text-decoration: underline;}
.tintuc {padding: 30px 0;background: #eeeeee;position:relative;z-index: 95;overflow: hidden;}
.tintuc:before {position: absolute;bottom: 100%;width: 100%;left: 0;height: 120px;max-height: 9vw;background: url(../img/bg-tintuc.png);background-size: 100% 100%;}
.tintuc .flex {justify-content: space-between;}
.tintuc .tintuc-right {width: 400px;}
.tintuc .tintuc-left {width: calc(100% - 450px);}
.tintuc .box-news .info {z-index: 999;}
.tintuc .box-news .flex {}
.tintuc .box-news .name {margin: 0 0 5px 0;display: inherit;max-height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tintuc .box-news {margin: 0 0 0px 0;padding: 0;}
.tintuc .grid.cot_3 {grid-gap: 20px;}
.tintuc .box-news .mota {position: relative;}
.tintuc .box-news .khung {display: -webkit-box;margin: 15px 0;position: relative;z-index: 99;}
.tintuc .box-news .khung:before {content:"";position: absolute;background: #47aa31;top: 0;right: 0;bottom: 0;left: -90px;}
.tintuc .box-news-v .info {background: #fff;margin: 0;padding: 15px;margin: -25px 0px 0 0px;width: calc(100% - 60px);float: left;text-align: left;}
.news_nb > .w-clear {overflow: hidden;}
.quytrinh {padding: 30px 5%;background: url(../img/bg-quytrinh.png) no-repeat center center;background-size: cover;}
.quytrinh .box-news {margin: 0;padding: 0;border: none;}
.quytrinh .cacbuoc {justify-content: space-between;position: relative;}
.quytrinh .cacbuoc:before {content: "";position: absolute;left: 2px;right: 2px;top: 50%;bottom: 50%;border: 1px solid #ff0;z-index: 0;}
.quytrinh .cacbuoc .buoc {cursor: pointer;background: #5f5a60;font-size: 14px;font-family: sfufh;text-transform: uppercase;border: 3px solid #ff0;color: #fff;width: 80px;text-align: center;height: 80px;padding: 20px 0px;border-radius: 50%;position: relative;}
.quytrinh .cacbuoc .buoc.active {background: #ff0;color: #000;}
.quytrinh .marq {color:#fff;font-size: 33px;font-family: rcb;text-transform: uppercase;padding: 10px 0;}
.quytrinh .box-news .stt {position:absolute;text-align: center;background: #fff;border-radius: 50%;top: -55px;left: calc(50% - 40px);padding: 20px 0 0 0;font-family: sfufb;width: 80px;height: 80px;display: block;}
.box-qt {text-align:center;color:#fff;margin: 0 auto;position: relative;margin-bottom: 100px;}
.box-qt:before {content:"";width:  35px;height: 17px;background: url(../img/arr-r.png);position: absolute;left: calc(100% + 20px);top: calc(50% - 8px);}
.box-qt:after {content:"";width: 25px;height: 25px;background: #549003;position: absolute;left: calc(50% - 13px);bottom: -95px;border: 4px solid #fff;border-radius: 50%;0.5-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#FFFFFF)"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)";box-shadow: 0 0 0 5px rgba(255,255,255,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); }
.box-qt:hover:after {background: #f26522;}
.box-qt .images {position: relative;}
.box-qt .images:before {width: 1px;height: 90px;background:  #fff;position: absolute;top: calc(100% - 1px);left: calc(50% - 1px);}
.box-qt:hover .images:before {content:"";}
.box-qt .info {cursor: pointer;background:url(../img/qt-bg.png) no-repeat center center;background-size:100% 100%;left: 0;position: absolute;right: 0;bottom: 0;top: 0;padding: 30% 7%;align-items: center;justify-content: center;overflow:  hidden;font-family: osb;font-size: 16px;}
.box-qt .info:hover {background:none;}
.box_input_search {position: relative;padding-right: 70px;}
.search_input {width:100%;}
.box_input_search .btn_search {position: absolute;right: 10px;width: 50px;top: 0px;height: 30px;line-height: 34px;display: block;color: #333 !important;box-sizing: border-box;text-align: center;background: #FFF;border: 1px solid #999;border-radius: 3px;}
#hoidap .cauhoi {padding: 10px 0 10px 40px;background: url(../img/li-ch.png) no-repeat left center;border-bottom: 1px dashed #cdcdcd;}
#hoidap .cauhoi a {color: #000;font-weight: bold;}
#hinhanh {background: url(../img/bg-dl.png) no-repeat bottom right #f5f5f7;padding: 20px 0;}
.hinhanh .title {padding-bottom: 25px;background: url(../img/tt-ha.png) no-repeat bottom left,url(../img/tt-bg-ha.png) repeat-x bottom;}
.hinhanh .title .name {border: none;font-size: 35px;color: #000;font-family: osr;}
.datlich {padding: 130px 0 30px 60px;}
.datlich .title {text-align: center;background: url(../img/tt-dl.png) no-repeat bottom center; padding-bottom: 10px;}
.datlich .title .name {font-family: osr;font-size: 34px;border: none;}
.datlich .input {background: rgba(0,0,0,0.3);color: #fff;}
.datlich .button {font-family: osb; font-weight: 18px; text-transform: uppercase;}
.menu-ha {display: inline-block;padding: 10px 20px;}
.menu-ha .images {display: inline-block;width: 98px;height: 98px;border: 1px solid #e4e4e4;transition: all 0.5s;-o-transition: all 0.5s;}
.menu-ha .images .img_logo {content: "";width: 65px;height: 40px;margin: 29px auto;}
.menu-ha .name {margin: 10px 0;font-family: utma;text-transform: uppercase;font-size: 15px;}
.menu-ha:hover .images {border: 1px solid #000;transform: rotateY(360deg);}
.menu-phu {display: flex;flex-flow: row nowrap;justify-content: space-around;align-content:flex-start;}
.menu-phu a {color: #fff;}
#bottom {background: #fff;background-size: cover;padding: 20px 0;position:relative;z-index: 98;}
#bottom .bor_1 {border-color: rgba(255, 255, 255, 0.3);}
#bottom:before {position: absolute;bottom: 100%;left: 0;width: 100%;height: 136px;max-height: 10vw;background: url(../img/bg-bottom.png);background-size: 100% 100%;}
#bottom .hotline {display: inline-block; background: url(../img/phone-100.png) no-repeat bottom left;vertical-align: middle;}
#bottom .hotline span {font-family: utmhi; font-size: 30px;color: #df0304; margin-left: 50px;line-height: 1;}
#bottom .hotline .name {margin-left: 110px;}
.dkdb {background:#ffcc00;padding:40px}
.box-ha {position: relative;overflow: hidden;background: #fff;width: 100%;padding: 0;box-sizing: border-box;display: block;}
.box-ha .hot {display: block;width: 50px;height: 50px;position: absolute;top: 10px;right: 10px;background: url(../img/hot.png)  no-repeat center center;z-index: 99;}
.box-ha .img {display: inline-block;}
.box-ha .info {position: absolute;left: 0;font-size: 14px;padding: 15px 20px;color: #fff;text-align: center;transition: all 0.5s;-o-transition: all 0.5s;right: 0;bottom: 0px;opacity: 1;top: 0;justify-content: center;align-items: center;align-content: center;background: rgba(0, 0, 0, 0.5);transform: translate(0, 0%);}
.box-ha:hover .info {transform: translate(0, 0);opacity:1;background: rgba(15, 78, 141, 0.9);}
.box-ha .info .name {font-size: 18px;font-family: ow;color: #fff;text-transform: uppercase;text-align: center;display: inline-block;border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 10px 0;margin: 10px 0;}
.box-ha .info .name:hover {color: #ff0;}
.box-album {width: 100%;position: relative;margin: 0px 0;}
.box-album:hover{ z-index: 99;position: relative;}
.box-album .info {transition: all 0.7s;position: absolute;font-size: 14px;text-align: center;bottom: 0;right: 0;left: 0;padding: 5px 10px;justify-content: center;align-items: center;color: #fff; top: 0;}
.box-album:hover .info {transition: all 0.7s;color: #fff;}
.box-album .name {overflow: hidden;padding: 5px 0;color: #fff;font-family: ow;font-size: 24px;max-width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";text-shadow: 0 0 3px rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); }
.box-album .images {position: relative;overflow: hidden;}
.box-album .images img{width: 100%; transition: all 0.7s;}
.box-album:hover  .images img{ transform: scale(1.12);}
.album_pro {padding: 30px 0;}
.album_pro:nth-child(2n){background: #fafafa;}
.album_pro .item_ab {position: relative;max-width: 600px;margin: auto;}
.album_pro .item_ab .link {position: absolute;bottom: 30px;right: 30px;display: inline-block;border-radius: 50%;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";box-shadow: 0 0 15px rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000);}
.album_pro .item_ab .link:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#ffffff)";box-shadow: 0 0 15px rgba(255,255,255,0.7);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#ffffff);}
.album_pro .item_ab >.images {-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000000)";box-shadow: 10px 10px 0 rgba(0,0,0,0.1);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000000);}
.box-video {position: relative;padding: 2px;}
.box-video .info .name {font-size: 16px;font-family: rb;color: #fff;max-height: 66px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box-video .info .button {border: 1px solid;color: #fff;background: none;}
.box-thuvien {margin-bottom: 20px;}
.videonb {margin: 0 ;}
.videonb .main-tit {background: #0794de;}
.videonb .main-tit .name {color: #fff;padding: 15px 0px 7px 0px;}
.video .fl {width: calc(100% - 160px);padding: 10px 0;}
.visao {background-size: cover;padding: 15px 0;position: relative;}
.visao .slick_5 {border: 1px solid #cdcdcd;}
.visao .khung {padding: 45px 400px 30px 0;margin: 45px auto 0 auto;position: relative;}
.visao .khung:after {content: "";position: absolute;top: 100px;bottom: 0;width: 360px;right: -30px;background: url(../img/360-440.png) no-repeat bottom right;}
.visao .khung:before {position: absolute;top: 0;right: 0;bottom: 0;left: 40px;background: url(../img/bg-visao-t.png) no-repeat right top #f9f9f9;content: "";}
.visao .img_bg {position: absolute;top: 0;right: 0;bottom: 0;width: 520px;}
.visao .img_bg img {display: none;}
.visao .box-news {margin: 0px 0;padding: 0;}
.visao .name, .visao .main-tit .tt {font-size: 14px;}
.visao:before {z-index: 99;display:block;width: 440px;height: 440px;background: url(../img/bg-vs-m.png) no-repeat center center;position: absolute;right: -60px;bottom: 15px;}
.visao .box-vs {padding: 4px 0;}
.visao .box-vs .images {border: 8px solid;background: #fff;float: left;margin-right: 10px;}
.visao .box-vs .info {padding: 14px 20px 13px 40px;color: #fff;font-family: utma;font-size: 16px;margin: 0 0 0 35px;height: 77px;}
.visao .box-vs .info:before {content: "";display:  inline-block;height: 50px;vertical-align: middle;width: 1px;}
.visao .box-vs .name {display: inline-block;vertical-align: middle;max-width: calc(100% - 10px);max-height: 50px;overflow:  hidden;line-height: 25px;}
#smenu .login_btn, #smenu .navmenu_link, #smenu .cart_btn {color: #fff;font-size: 24px;text-align: center;padding: 6px 9px;cursor: pointer;position: relative;text-shadow:none;background: rgba(255, 255, 255, 0.1);border: 1px solid #fff;margin: 5px;line-height: 1.2;}
#smenu .navmenu_link span {font-size: 11px;display: none;}
#smenu .cart_menu, #smenu .search_open {color: #fff;font-size: 16px;padding: 8px 8px;cursor: pointer;position: relative;text-shadow:none;border: 1px solid #fff;margin: 5px;background: rgba(255, 255, 255, 0.2);border-radius: 5px;width: auto;}
.col-scroll {overflow: hidden;}
#congtrinh .title {background: url('../img/tcat-b.png') no-repeat bottom center;text-align: center;}
.quangcao {position: relative;padding: 15px 10px;/* border-bottom: 1px solid #eaeaea; */z-index: 90;/* FF3.6+ *//* Chrome10+,Safari5.1+ *//* Opera 11.10+ *//* IE10+ */background: radial-gradient(50% 100%, circle closest-corner, #F2F2F2 0, #fff 100%);/* W3C */}
.quangcao .grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 20vw 5vw 20vw;grid-gap: 8px;}
.grid .item {background: #cdcdcd;}
.quangcao .item_0 {grid-row: span 2;grid-column: span 2;}
.quangcao .item_3 {grid-row: span 2;grid-column: span 2;}
.linhvuc .images {border-radius: 10px;}
.linhvuc .name {font-size: 20px;font-family: 'Oswald';font-weight: 500;border-bottom: 1px solid #d2d2d2;padding: 15px 0;margin: 0 0 15px 0;}
.linhvuc .name span{color:red;}
.info_ind {padding: 30px 0;}
.info_ind .flex {align-items: center;}
.info_ind .name {font-size: 100px;font-family: svncs;color: #febf15;min-width: 325px;line-height: 1.2;}
.info_ind .info {margin: 0px 0 0 20px;border-left: 10px solid;font-family:"Oswald";padding: 0 0 0 15px;font-size:16px;}
.info_ind.info_danhgia .info {color: #fff;border-color: #febf15;}
.fix-r {display: block;margin: 10px 0;background: #e6520a;text-align: center;}
.fix-r .img {padding: 10px;background: #ff7735;}
.fix-r .info {padding: 10px 0;color: #fff;font-size: 13px;font-family: osr;}
.khachhang {padding: 50px 0;background: url(../img/bg-camnhan.png) no-repeat center center;background-size: cover;}
.khachhang .box-news {margin: 20px 330px 20px 0px;padding: 0;}
.khachhang .box-news-r {margin: 20px 0px 20px 330px;}
.khachhang .box-news .images {padding: 10px;background: #252525;}
.khachhang .box-news-r .images {margin: 0 0 0 3%;}
.khachhang .box-news .info {background:#000;padding: 15px;margin: 0 0 0 30px;}
.khachhang .box-news-r .info {margin: 0 30px 0 0;}
.khachhang .box-news .name {font-size: 20px;font-family: rb;margin: 5px 0;max-height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.khachhang .box-news .mota {max-height: 76px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.hoidap  {padding: 30px 0;background: url(../img/bg-hoidap.png) no-repeat center center ; background-size:  cover;color: #fff;}
.box-hd {padding: 10px 20px;color: #fff;background: rgba(255,255,255,0.2);font-family: osr;margin: 10px 0;font-size: 17px;}
.form_dk {vertical-align: middle;max-width: 100%;}
.flake.snow {z-index: 9999999;}
.conten_box .w_50.fl:nth-child(2n){transform: translate(0, -50px);}
ul::-webkit-scrollbar-track,div::-webkit-scrollbar-track {border-radius: 10px;}
ul::-webkit-scrollbar,div::-webkit-scrollbar {width: 5px;height : 5px;}
ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;}
.coccoc-alo-phone.combo {zoom: 0.8;bottom: 30px;}
.combo {position:fixed;bottom:30px;z-index: 9999;/* left: 5px; */margin: 5px;}
.combo .bt_combo i {width: 60px;height: 60px;margin: 20px;display: block;background: #339af0;padding: 10px 0;font-size: 40px;text-align: center;line-height: 40px;color: #fff;position: relative;z-index: 9999;box-sizing: border-box;border-radius: 50%;}
.combo .box_hide {position: absolute;bottom: 100%;left: 25px;right: 25px;top: auto;}
.combo .bt {display: block;position: relative;color: #fff;font-size: 30px;text-align: center;margin: 5px 0;box-sizing: border-box;vertical-align: middle;width: 50px;}
.combo .bt i {line-height: 50px;vertical-align: middle;display: block;width: 50px;height: 50px;}
.combo .bt .coccoc-alo-ph-img-circle {width: auto;height: auto;border: none;top: 0;left: 0;position: relative;}
.combo .bt.goidien i {background: green;}
.combo .bt.nhantin i {background: orange;font-size: 22px;}
.combo .bt.chiduong i {background: red;font-size: 25px;}
.combo .bt.viber i {background: #673AB7;font-size: 25px;}
.combo .bt.fb i {background: #38529a;font-size: 25px;}
.combo .bt .info {position: absolute;background: #67b634;font-size: 14px;white-space: nowrap;padding: 10px 15px;left: 100%;top: calc(50% - 20px);margin: 0 0 0 10px;border-radius: 3px;display: none;}
.combo .bt:hover .info { display: block; }
.combo .bt .info:after {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-right-color: #67b634;border-width: 10px;margin-top: -10px;}
#call > .w-clear{background: #c10000;color: #000;height: 40px;position: fixed;left: 0;bottom: 0;right: 0;z-index: 99999;}
#call .box-call {width: 33.33%;text-align: center;float: left;border: 1px solid #efbf00;box-sizing: border-box;}
#call .box-call .link_title {color: #efbf00;font-size: 14px;font-weight: bold;line-height: 30px;padding: 5px;display: block;}
#call .box-call .link_title .fa {font-size: 20px;}
.jump_me {
-webkit-animation-name: jumper;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: jumper;
-moz-animation-duration: 3s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: jumper;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes jumper {  
0% { margin-top: 100px; margin-bottom: 0px;  }
50% { margin-top: 0; margin-bottom: 100px; }
100% { margin-top: 100px; margin-bottom: 0px;  }
}
@keyframes jumper {  
0% { margin-top: 100px; margin-bottom: 0px;  }
50% { margin-top: 0; margin-bottom: 100px; }
100% { margin-top: 100px; margin-bottom: 0px;  }
}
.twojump_me {
-webkit-animation-name: twojumper;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: twojumper;
-moz-animation-duration: 3s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: twojumper;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes twojumper {  
0% { margin-top: 0; margin-bottom: 100px;}
50% { margin-top: 100px; margin-bottom: 0px; }
100% { margin-top: 0; margin-bottom: 100px;}
}
@keyframes twojumper {  
0% { margin-top: 0; margin-bottom: 100px;}
50% { margin-top: 100px; margin-bottom: 0px; }
100% { margin-top: 0; margin-bottom: 100px;}
}
.blink_me {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes blinker {  
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {  
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.paused  {  -webkit-animation-play-state:paused;  animation-play-state:paused;}
.rotate_me {
-webkit-animation-name: rota_me;
-webkit-animation-duration: 8s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: rota_me;
-moz-animation-duration: 8s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: rota_me;
animation-duration: 8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes rota_me {  
0% {transform: rotate(0deg); }
100% {transform: rotate(360deg); }
}
@keyframes rota_me {  
0% {transform: rotate(0deg); }
100% {transform: rotate(360deg); }
}
.rotate_me_1 {
-webkit-animation-name: rota_me_1;
-webkit-animation-duration: 8s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: rota_me_1;
-moz-animation-duration: 8s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: rota_me_1;
animation-duration: 8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes rota_me_1 {  
0% {transform: rotate(0deg); }
100% {transform: rotate(-360deg); }
}
@keyframes rota_me_1 {  
0% {transform: rotate(0deg); }
100% {transform: rotate(-360deg); }
}
.stickytooltip table {background: #fff;width: 380px;font-size: 13px;}
.stickytooltip table th ,.stickytooltip table td {padding: 5px;}
.box_dkdn {max-width: 95%;margin: 15px auto;border-radius: 0px;}
.box_dkdn .input, .dk_email .input {width: 100%;padding: 10px;font-size: 14px;margin: 9px 0;background: #fff;vertical-align: middle;color: #000;border-radius: 0;font-family: rr;}
.box_dkdn .button {width:100%;}
#footer .input {background: none;color: #fff;margin: 0;border-radius: 3px;outline: none;padding: 10px;width: 100%;margin: 5px 0;}
#footer .btnct {font-size: 14px;padding: 15px 45px;text-transform: uppercase;border-radius: 25px;} 
.tktc {margin: 15px auto;}
.tktc p {display:  block;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 5px;}
.tktc p span {float:  right;width: 50px;}



.contact-input {
    position: relative;
    margin-bottom: 15px
}

.did-floating-label-content {
    position: relative;
    margin-bottom: 20px
}

.did-floating-label {
    z-index: 5;
    color: #777;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 15px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    -ms-transition: .2s ease all;
    -o-transition: .2s ease all
}

.did-floating-input {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 16px 20px;
    background: #fff;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important
}

.did-floating-input:focus,
.did-floating-input:not(:placeholder-shown) {
    outline: 0;
    padding: 25px 15px 7px 15px
}

.did-floating-input:focus~.did-floating-label {
    top: 5px;
    font-size: 12px
}

.did-floating-input:not(:placeholder-shown)~.did-floating-label {
    top: 5px;
    font-size: 12px
}

.input-group {
    display: flex
}

.input-group-append {
    display: flex;
    align-items: center
}

.input-group-text {
    display: flex;
    align-items: center;
    font-weight: 400;
    height: 34px;
    color: #323840;
    padding: 0 5px 0 20px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #3d85d8;
    border-radius: 4px 0 0 4px;
    border-right: none
}

.contact-input .custom-file-label::after {
    content: attr(title)
}

.grid_rowdetail_album {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 30px
}

.scale-img {
    position: relative;
    display: block;
    overflow: hidden
}

.scale-img img {
    transform: scale(1, 1);
    transition: .2s
}

.scale-img:hover img {
    transform: scale(1.1, 1.1)
}


.share {
    padding: 17px 10px 10px 10px;
    line-height: normal;
    background: rgba(128, 128, 128, .15);
    margin-top: 15px;
    border-radius: 5px
}

.share b {
    display: block;
    margin-bottom: 5px
}

.social-plugin {
    display: flex;
    margin-top: 10px; gap: 5px;
}

.othernews b {
    margin-bottom: 10px
}


.list-news-other {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-news-other li {
    padding: 10px 0;
    border-bottom: 1px dashed #e8e8e8
}

.list-news-other li a {
    font-size: 15px;
    text-transform: none;
    color: #333;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s
}

.list-news-other li a i {
    margin-right: 5px;
}

.list-news-other li a:hover {
    color: #0C5EA8;
}

.page-item.active .page-link {
    background: #b5b5ba;
    border: 1px solid #b5b5ba;
}

.page-item.disabled .page-link{
    opacity: 0.3;
}
.pagination{gap: 5px;}