html,body,div,span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: border-box;
    vertical-align: baseline;
}

body {
    line-height: 1.4
}

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
}

html,body {
    font-size: 14px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    font-family: svnps;
    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;
    font: 14px rr;
}

select, .cp {
    cursor: pointer;
}

.clear {
    clear: both;
}

a:focus {
    outline: 0;
}

p {
    margin: 0 0 7px 0;
}

input:focus {
    outline: 1px solid #f97d17;
}

textarea:focus {
    outline: 1px solid #f97d17;
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
}

button {
    border: 0;
    cursor: pointer;
    font-weight: bolb;
    outline: none
}

ul,ol {
    margin: 0px;
    text-decoration: none !important;
    padding: 0 0 0 30px;
}

hr {
    margin-top: 0;
}

.hidden-imp {
    display: none !important;
}

.none {
    display: none
}

.wikis {
    max-width: 1220px;
    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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

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

.col_2 > div {
    max-width: calc((100% / 2) - 10px);
    margin: 5px;
    width: 100%;
}

.col_3 {
    margin: 0 -15px;
}

.col_3 > div {
    max-width: calc(33.33% - 30px);
    margin: 15px;
    width: 100%;
}

.col_4 {
    margin: 0 -13px;
}

.col_4 > div {
    max-width: calc((100% / 4) - 26px);
    margin: 13px;
    width: 100%;
}

.col_5 {
    margin: 0px -5px;
}

.col_5 > div {
    max-width: calc((100% / 5) - 20px);
    margin: 10px;
    width: 100%;
}

iframe {
    width: 100%;
    max-width: 100%;
    display: block;
}

.map>iframe {
    width: 100%;
    max-height: 100%;
}

.fb-comments iframe {
    width: 100% !important;
}

.grecaptcha-badge {
    z-index: -1;
    opacity: 0;
}

.images img {
    width: 100%;
    background: #fff;
}

.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 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.br_5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.br_10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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)";
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2) inset;
    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: 14px;
    margin: 10px 5px 10px 6px;
    padding: 6px 13px;
    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)";
    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1), 0 3px 0 #9D9DA3;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1), 0 3px 0 #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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button {
    padding: 10px 30px;
    text-transform: none;
    display: inline-block;
    font: 15px/20px rr;
    margin: 20px 0 0 0px;
    cursor: pointer;
    /* text-transform: uppercase; */
    background: none;
    color: #ffca11;
    border: 2px solid;
    border-radius: 25px;
}

.more.button {
    box-shadow: none;
    /* font: 14px rr; */
    /* padding: 10px 20px; */
}

.rs_button {
    background: #333333;
    color: #fff;
}

.button:hover {
    color: #fff !important;
    background-color: #ffca11 !important;
}

.bt_tragop {
    text-align: center;
    background: #fdc81a;
    text-transform: none;
    font-size: 13px;
    width: 300px;
    max-width: 100%;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.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;
    margin: 5px 0 0 0;
}

.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: 9999;
    background: url(../img/loading.gif) no-repeat center,#FFF;
    display: none;
    opacity: 0.9;
    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;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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 {
    position: relative;
    font: 36px svnps;
    /* 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;
    color: #ffca11;
}

.main-tit .tt {
    font: 32px utmyt;
    margin: 0;
    /* text-transform: uppercase; */
}

.main-tit .name span {
    color: #333333;
    /* 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;
    -webkit-border-radius: 0 10px;
    -moz-border-radius: 0 10px;
    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;
    -webkit-border-radius: 0 10px;
    -moz-border-radius: 0 10px;
    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;
    margin: 0 0 15px 0;
}

.tabs .content-tab {
    padding: 15px 0;
}

.tabs .title-tab .tab {
    font-family: sfufb;
    font-size: 15px;
    cursor: pointer;
    padding: 13px 20px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 26px;
    /*Safari, Chrome*/
    -moz-border-radius: 26px;
    /*Firefox*/
    border-radius: 26px;
}

.tabs .title-tab .tab .fa {
    border: 1px solid ;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
}

.tabs .title-tab .tab.active {
    color: #fff;
    border-color: #f0c413;
}

.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: #02a831;
}

.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;
    border-bottom: 1px solid#cdcdcd;
}

.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: 20px svnps;
    margin: 0px 0;
    padding: 0 0 5px 0px;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    z-index: 22;
}

.title .name span {
    color: #002f65;
}

.title .tt {
    font: 24px qs;
}

.list_video {
    position: relative;
    float: right;
    width: 150px;
}

.if-video {
    position: relative;
    float: left;
    width: calc(100% - 160px);
}

#listvideos {
    width: 100%;
    height: 45px;
    padding: 10px;
}

.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;
    padding: 5px 10px;
    border: 1px solid #cdcdcd;
    background: -moz-linear-gradient(0deg, #EFEFEF 0, #fefefe 100%);
    background: -webkit-gradient(linear, 0deg, color-stop(0, EFEFEF), color-stop(100%, fefefe));
    background: -webkit-linear-gradient(0deg, #EFEFEF 0, #fefefe 100%);
    background: -o-linear-gradient(0deg, #EFEFEF 0, #fefefe 100%);
    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%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header_fix {
    z-index: 8000;
}

#banner {
    position: relative;
    margin: 0px auto 50px auto;
    /* background: #fff; */
    background-size: cover;
    /* z-index: 99999; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -moz-transform: translate(0px, -28px);
    /* FF3.5+ */
    -webkit-transform: translate(0px, -28px);
    /*Saf3.1+, Chrome*/
    -o-transform: translate(0px, -28px);
    /* Opera 10.5 */
    -ms-transform: translate(0px, -28px);
    /* IE 9 */
    transform: translate(0px, -28px);
}

#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 {
    line-height: 25px;
    background: rgb(0 0 0 / 0.2);
    color: #fff;
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.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;
    padding: 10px 0;
}

.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)";
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
    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 .logo {
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 28px;
    -moz-transform: translate(-50%, -50%);
    /* FF3.5+ */
    -webkit-transform: translate(-50%, -50%);
    /*Saf3.1+, Chrome*/
    -o-transform: translate(-50%, -50%);
    /* Opera 10.5 */
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    transform: translate(-50%, -50%);
}

.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: 145px; */
    display: inline-block;
    position: relative;
    z-index: 999999;
}

.logo img {
    z-index: 99;
    position: relative;
    max-height: 150px;
    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 {
    color: #555555;
    text-align: left;
    font: 18px sfusb;
    display: inline-block;
    padding: 20px 0 5px 65px;
    background: url(../img/mail-60.png) no-repeat left center;
    margin: 5px 0;
}

.hotline {
    text-align: left;
    font: 15px/20px rr;
    padding: 0;
    align-items: flex-end;
    z-index: 850;
    position: relative;
    margin: 5px 0;
}

.banner .hotline .name {
    font-family: rs;
    font-size: 16px;
    color: #555;
    margin: 0 10px 0 0;
    text-align: right;
    padding: 0px 10px 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.banner .hotline:before {
    width: 36px;
    height: 36px;
    background: url(../img/phone-36.png);
    position: absolute;
    right: -10px;
    top: -10px;
}

.hotline span {
    color: #f00;
    font: 40px/1 vnirr;
    vertical-align: initial;
}

.hotline .name span {
    font: 20px utmhi;
    color: #555555;
}

.banner .banner-l {
    position: relative;
    text-align: center;
    z-index: 99999;
    /* max-height: 145px; */
    /* max-width: 18%; */
}

.banner .banner-mid {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    vertical-align: middle;
    text-align: right;
    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-mid .dmsp {
    padding: 5px 0 5px 5px;
    border: none;
    border-right: 1px solid #cdcdcd;
    height: 38px;
    display: inline-block;
    vertical-align: top;
    background: none;
    font-size: 14px;
    width: 100px;
    font-family: Arial;
}

.banner .banner-right {
    position: relative;
    margin: 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;
    /* width: calc(50% - 150px); */
}

.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;
    -moz-transform: rotate(360deg) scale(1, 1) skewX(45deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(360deg) scale(1, 1) skew(45deg, 0deg) translate(0, 0);
    -o-transform: rotate(360deg) scale(1, 1) skew(45deg, 0deg) translate(0, 0);
    -ms-transform: rotate(360deg) scale(1, 1) skew(45deg, 0deg) translate(0, 0);
    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;
    /* padding: 0 0 0 50px; */
    /* background: url(../img/line-red.png) no-repeat left center; */
    /* background-size: 30px 2px; */
    /* font-size: 15px; */
}

.mxh a {
    display: inline-block;
    vertical-align: middle;
}

.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: 0 5px;
    color: #e01b65;
    font-size: 17px;
    position: relative;
}

.cart_menu img {
    vertical-align: top;
}

.cart_menu > span {
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 9px;
    font-size: 9px;
    /* font-weight: bold; */
    color: #fff;
    /* background: #e01b65; */
    width: 20px;
    height: 13px;
    line-height: 11px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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: 99;
    box-sizing: border-box;
    background: #ffca11;
    position: relative;
    padding: 0 30px;
    -webkit-border-radius: 30px;
    /*Safari, Chrome*/
    -moz-border-radius: 30px;
    /*Firefox*/
    border-radius: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#018F29)";
    /*IE 8*/
    -moz-box-shadow: 0 3px 0 #018F29;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 3px 0 #5ff7ee;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 3px 0 #5ff7ee;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#018F29);
    /*IE 5.5-7*/
}

#menu:before {
    /* content:""; */
    background: url(../img/bg-menu-t.png) repeat-x;
    right: 0;
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 15px;
    z-index: 99;
}

.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; */
    text-align: center;
    /* background: url(../img/dot-6.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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    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: 13px 10px;
    font: 16px/30px svnps;
    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;
    position: -webkit-sticky;
    top: 0;
    z-index: 9999;
}

.box_scroll.scroll-fix #banner {
    /* padding: 0; */
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.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;
    -moz-box-shadow: 0 3px 5px #7D7D7D;
    -webkit-box-shadow: 0 3px 5px #7D7D7D;
    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;
}

.sm-blue .menu-line>ul li:hover {
    background: rgba(0, 0, 0, 0.1);
}

#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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 15px 0 0 0;
}

.bg_bg .button:hover {
    color: #f00;
    background: #f0f0f0;
}

.menu {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#main-menu > .flex {
    width: calc(50% - 70px);
}

.menu ul.sm:after {
    content: none;
}

#menu .menu-line > a:before {
    /* content:""; */
    /* opacity: 0; */
    height: 2px;
    left: 0px;
    background: #d60c0c;
    bottom: 0;
    right: 0px;
    position: absolute;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    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 {
    opacity: 1;
    /* content:""; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    z-index: -2;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    bottom: 2px;
    left: 50%;
    border: solid transparent;
    /* content: " "; */
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #d60c0c;
    border-width: 5px;
    margin-left: -5px;
}

#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;
    /* width: 35px; */
    color: #606060;
    font-size: 16px;
    padding: 0 5px;
    display: inline-block;
    /* background: #efefef; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.search_open:hover {
    color: #f00;
}

.search_box_hide {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #bbb;
    z-index: 9999999999;
    padding: 5px;
}

.menu-l,.menu-r {
    padding: 0px 0;
    padding: 0;
    text-align: center;
    /* float: left; */
    width: 100%;
    max-width: calc(50% - 100px);
    justify-content: space-between;
}

.menu-r {
}

#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)";
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    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-line.dmsp>a {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 10px 15px !important;
}

.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;
    z-index: 9;
}

#slider .mid {
    width: calc(100% - 270px);
}

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

#slider .caption {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
    text-align: left;
    top: 10%;
}

#slider .flex {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
}

#slider .info {
    padding: 15px 20px 20px 20px;
    color: #fff;
    /* width: 700px; */
    max-width: 100%;
    /* background: rgba(0, 0, 0, 0.65); */
    /* border-bottom: 3px solid #245537; */
}

#slider .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;
    -webkit-flex-flow: nowrap;
    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: 40px 0px;
}

#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: #fff;
    border: 1px dotted #aeaeae;
}

.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: #5ff7ee;
    position: relative;
    background-size: cover;
}

#footer .ft-content {
    padding: 30px 0;
    /* background: url(../img/bg-footer.png) no-repeat left center; */
}

#footer .flex {
    justify-content: space-between;
}

#footer .banner_ft {
    padding: 0px 0 20px 0;
    border-bottom: 1px dotted #cdcdcd;
}

#footer, #footer a {
    color: #000000;
}

#footer a:hover {
    color: #ff0;
}

.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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#footer li {
    padding: 5px 0;
}

.ft-1 {
    width: 38%;
    box-sizing: border-box;
    padding: 15px 0;
}

.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: 29%;
    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: #f0c413;
    font: 48px utmass;
}

.ft-name .tt {
    color: #fff;
    font-size: 14px;
}

.ft-tit {
    margin: 0 0 20px 0;
    color: #000000;
    font: 15px svnps;
    padding: 0 0 15px 0;
    text-transform: uppercase;
    display: block;
    background: url(../img/tcat-w.png) no-repeat bottom left;
    background-size: 30px 1px;
}

.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 0;
    font-family: rr;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    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;
    background: #fff;
    z-index: 99;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.email-dk .name {
    font-size: 20px;
    font-family: rr;
    text-transform: uppercase;
}

.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 25px 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;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    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;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    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: 30px;
    padding: 10px 0px;
    /* color: #fff; */
    background: #ffca11;
    position: relative;
}

.reserved span {
    /* color: #fff; */
}

.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: 9px;
    box-sizing: border-box;
    margin: 5px 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: 435px;
    margin: 0 0 25px 0;
}

.left-news1 > .item {
    height: 230px;
}

.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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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: 45%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    -webkit-flex-flow: row wrap;
}

.ct-img {
    width: 100%;
}

.ct-img-list {
    width: 100%;
}

.ct-r {
    width: 55%;
    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: 20px;
}

.ct-sp-mota {
    border: 1px solid #E08B1A ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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: 15px;
    background: #409900;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    min-width: 100px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.box-tab-tit > div.active {
    background: #ec1c1c;
    color: #fff;
}

.box-tab-con {
    padding: 25px;
    display: none;
    background: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.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: 50px 0 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: 240px;
    float: right;
}

.left {
    width: 230px;
    float: left;
    position: relative;
    z-index: 99;
}

.mid {
    width: calc(100% - 250px);
    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);
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    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)";
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    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;
    /* padding: 10px; */
    /* border: 1px solid #ddd; */
}

.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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.box-sp .images img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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: 14px/20px rr;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    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 {
    padding: 10px 0;
    text-align: center;
    /* border: 1px solid #dddddd; */
    margin: 5px 0 0 0;
    z-index: 999;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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 ,.box-dv .name {
    margin: 0 0 5px 0px;
    position: relative;
    font: 16px svnps;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

.box-sp:hover .name {
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.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;
    -webkit-border-radius: 5px 0;
    -moz-border-radius: 5px 0;
    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;
    -webkit-flex-flow: nowrap;
}

.box-sp .detail {
    align-items: center;
    /* background: rgba(168, 55, 0, 0.8); */
    /* overflow: hidden; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* left: 0; */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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 .ajax_cart,.box-sp .bt_more {
    padding: 10px 15px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    background: #02a831;
    color: #fff;
    left: 50%;
    margin: 0px 5px;
    border: 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    -moz-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.box-sp .ajax_cart {
    left: auto;
    right: 50%;
}

.box-sp:hover .ajax_cart,.box-sp:hover .bt_more {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ajax_cart:hover, .bt_more:hover {
    color: #ff0;
}

.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,.box-dv .gia {
    margin: 0 5px;
    display: block;
    /* font: 20px sfutgbct; */
}

.box-sp .luotxem {
    display: none;
}

.box-sp .gia span,.box-dv .gia span {
    display: inline-block;
    margin: 0px;
    color: #e21111;
    white-space: nowrap;
    font-size: 16px;
}

.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: 13px/22px rr; */
    color: #666666;
}

.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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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)";
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.9);
    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 {
    padding: 5px 0 0 0;
    font-family: 'Oswald';
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    height: 27px;
    display: none;
}

.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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.box-news .name {
    margin: 0px 0px 5px 0;
    /* color: #000; */
    padding: 0px 0;
    font: 18px svnps;
    display: block;
}

.box-news .mota {
    /* max-height: 66px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* font-size: 14px; */
    position: relative;
}

.box-news .more {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 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)";
    -moz-box-shadow: 0 0 3px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0 0 3px 2px rgba(255,255,255,0.7);
    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 .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; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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)";
    -moz-box-shadow: 2px 3px 0 #eaedf5;
    -webkit-box-shadow: 2px 3px 0 #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;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    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)";
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    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%;
    /*IE 8*/
    /*FF 3.5+*/
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    /*IE 5.5-7*/
}

.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 {
    /* height: 57px; */
    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 0 15px;
}

.box-news-v .name {
    margin: 0px 0 5px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* height: 42px; */
    overflow: hidden;
    /* display: block; */
}

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

.zoom_img {
    position: relative;
    overflow: hidden;
}

.box-sp .images img, .box-dt .images img, .box-qc .images img, .logo, .logo img,.zoom_img img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -o-transition: all 0.5s;
}

.box-sp:hover .images img, .box-dt:hover .images img, .box-qc:hover .images img ,.zoom_img:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    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: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
    -webkit-transform: skewX(-25deg);
    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 15px 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 #d7d7d7; */
}

.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: -moz-linear-gradient(270deg, #BDDD56 0, #FFFFFF 75%);
    background: -webkit-gradient(linear, 270deg, color-stop(0, BDDD56), color-stop(75%, FFFFFF));
    background: -webkit-linear-gradient(270deg, #BDDD56 0, #FFFFFF 75%);
    background: -o-linear-gradient(270deg, #BDDD56 0, #FFFFFF 75%);
    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;
    border-top: none;
    position: relative;
    padding: 9px 0;
}

.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: 30px;
    height: 30px;
    padding: 7px 6px;
    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;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.menu-left .act > .dot:before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-left li {
    display: block;
    position: relative;
}

.menu-left .cap1 > a {
    padding: 10px 0px;
    font: 15px rm;
    /* background: url(../img/dot-8.png) no-repeat left 5px center; */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.menu-left .cap1 > a .icon {
    font-size: 14px;
    width: 20px;
    color: #e57f7f;
    vertical-align: middle;
    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 12px center;
    padding: 7px 10px 7px 27px;
}

.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: 14px;
    line-height: 20px;
    font-family: rr;
    display: block;
    text-align: left;
    padding: 10px 15px;
    /* border-bottom: 1px solid #d7d7d7; */
}

.menu-left .cap1 {
    z-index: 99;
    position: relative;
}

.menu-left .cap1:last-child a {
    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%;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, -50%);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, -50%);
    -o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, -50%);
    -ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0, -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 20px center;
    padding: 7px 10px 7px 35px;
}

.menu-left li ul {
    width: 100%;
    position: relative;
    top: 0px;
    background: #fffdfd;
    min-width: 200px;
    margin: 0;
    z-index: 9999;
}

#slider .menu-left li ul {
    position: absolute;
    top: 0;
    padding: 0px 0;
    left: 100%;
    background: #fffdfd;
    min-width: 250px;
    margin: 0;
    display: none;
    z-index: 9999;
    width: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}

.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;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

a.cat:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #549003;
    z-index: -1;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(20deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1, 1) skew(20deg, 0deg) translate(0, 0);
    000000-webkit-border-radius: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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: 9;
    padding: 45px 0;
    background: url(../img/bg-menu.png) no-repeat center center;
}

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

#sanpham .main-tit {
    background: url(../img/tcat-b-w.png) no-repeat bottom center;
}

#sanpham .main-tit .tt,#sanpham .tabs .title-tab .tab {
    color: #fff;
}

.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%; */
}

.slick_sp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.dm-mid {
    display: inline-block;
    position: relative;
    z-index: 99;
    width: 42%;
    max-width: 570px;
}

.box-dm {
    position: relative;
    z-index: 101;
    text-align: center;
    color: #fff;
    display: block;
    margin: 5px 0;
}

.box-dm .icon {
    background: #fff;
    display: inline-block;
    margin-top: -70px;
}

.box-dm .name {
    /* font-size: 20px; */
    color: #fff;
    font: 30px/1.4 utma;
    margin: 0px 0 5px 0;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}

.box-dm .name:hover {
    color: #ff0;
}

.box-dm .images {
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.box-dm .info {
    text-align: center;
    /*  */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    font-family: utma;
    padding: 5px;
}

.box-dm .mota {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    display: none;
}

.box-dm:hover .info {
    background: #009a2c99;
}

.box-dm:hover .info .mota {
    display: -webkit-box;
}

.box-dm .button {
    color: #fff;
    margin: 10px 0 0 0;
}

.sanpham {
    margin: 45px 0;
    /* background: url(../img/bg-mk.png) no-repeat center center; */
}

.sanpham:before {
    /* content:""; */
    background: url(../img/bg-mk-b.png);
    width: 100px;
    height: 180px;
    position: absolute;
    left: 0;
    bottom: -90px;
    z-index: 99;
}

.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;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(35deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(35deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1, 1) skew(35deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1, 1) skew(35deg, 0deg) translate(0, 0);
    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)";
    -moz-box-shadow: 20px 0 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 20px 0 0 rgba(255,255,255,0.5);
    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_sp .item>.flex {
    justify-content: space-between;
    /* max-width: 100%; */
    /* width: 1366px; */
}

.sanpham .slick_sp .item .box-dm {
    max-width: calc(29% - 8px);
    margin: 5px 0 5px 40%;
    width: 386px;
}

.sanpham .slick_sp .item .box-dm .name {
    font-size: 20px;
}

.sanpham .slick_sp .item .box-dm:nth-child(2n+1 ) {
    margin-left: 0;
}

.dmsp {
    text-align: center;
}

.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 {
    -webkit-border-radius: 8px 70px 70px 8px;
    -moz-border-radius: 8px 70px 70px 8px;
    border-radius: 8px 70px 70px 8px;
}

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

.sanpham .slick_1 .box-album {
    max-width: calc((100% / 2) - 10px);
}

.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)";
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    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 20px auto;
    z-index: 101;
    display: block;
    /* color: #fff; */
    width: 100%;
    /* padding: 14px 6px 6px 14px; */
    max-width: 290px;
}

.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)";
    -moz-box-shadow: 0 0 10px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.5);
    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 {
    margin: 0;
    position: relative;
    z-index: 99;
    background: #fff;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#FF0000)";
    /*IE 8*/
    -moz-box-shadow: 3px 3px 0 rgba(255,0,0,0.4);
    /*FF 3.5+*/
    -webkit-box-shadow: 3px 3px 0 rgba(255,0,0,0.4);
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 3px 3px 0 rgba(255,0,0,0.4);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#FF0000);
    /*IE 5.5-7*/
    margin: 20px 5px;
}

.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;
    /* position: absolute; */
    background: url(../img/bg-info-sp.png) no-repeat top center;
    text-transform: uppercase;
    padding: 0px 0;
    text-align: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 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 {
    z-index: 111;
    display: block;
    /* border-color: #fff; */
    padding: 0 0px;
}

.box-dv .info:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    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%;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -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;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center top;
}

.slick-vertical .slick-next {
    left: 50%;
    top: auto;
    bottom: 18px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    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 -12px;
}

.slick_pad_10 .slick-slide {
    padding: 0 12px;
}

.slick_pad_15 {
    margin: 0 -15px;
}

.slick_pad_15 .slick-slide {
    padding: 0 15px;
}

.box-search {
    padding: 15px 30px;
    max-width: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 450px;
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(-50%, -50%);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(-50%, -50%);
    -ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(-50%, -50%);
    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;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    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;
    -moz-transform: rotate(0deg) scale(1, 1) skewX(-30deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1, 1) skew(-30deg, 0deg) translate(0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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: 8px 15px;
    display: block;
    text-align: center;
    background: #d60c0c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    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 {
    -moz-transform: translate(5px, -5px);
    -webkit-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    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;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    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: absolute;
    border: none;
    background: url(../img/mail-20.png) no-repeat center center #ed1c24;
    padding: 14px 30px;
    font-size: 15px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 0;
    right: 0;
    top: 0;
}

.email-dk .input {
    margin: 0 60px 0 0;
    padding: 14px 15px;
    line-height: 20px;
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    color: #000;
    border: none;
    background: rgb(255, 255, 255);
    outline: none;
    font-size: 15px;
    /* 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: #777;
}

.email-dk .input::-moz-placeholder {
    color: #777;
}

.email-dk .input:-ms-input-placeholder {
    color: #777;
}

.email-dk .input:-moz-placeholder {
    color: #777;
}

.ajax_cart {
    cursor: pointer;
    background: rgba(168, 55, 0, 0.8);
    /* font-weight: bold; */
    color: #fff;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #fff;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ct-r .ajax_cart {
    background: #02a831;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ajax_cart_tt {
    cursor: pointer;
    background: #4c8403;
    border: none;
    color: #fff;
    padding: 10px 15px;
    margin: 0;
}

.ct-r .ajax_cart:hover ,.ct-r .ajax_cart_tt:hover {
    background: #fd0000
}

.giohang {
    display: inline-block;
}

.giohang > span {
    display: inline-block;
    padding: 5px;
}

.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: #02a831;
    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 {
    -webkit-flex-flow: nowrap;
}

.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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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 {
    -moz-transform: translate(-10px, 30px);
    -webkit-transform: translate(-10px, 30px);
    -o-transform: translate(-10px, 30px);
    -ms-transform: translate(-10px, 30px);
    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:before {
    /* content:""; */
    background: url(../img/bg-gt-t.png) no-repeat;
    position: absolute;
    right: 0;
    top: -75px;
    width: 130px;
    height: 260px;
}

#gioithieu:after {
}

#gioithieu .flex {
    justify-content: space-between;
}

#gioithieu .box-tab-tit {
    width: 100%;
    order: 2;
}

#gioithieu .box-con {
    width: 100%;
    order: 1;
}

#gioithieu .main-tit {
    text-align: left;
    background: none;
    padding: 0;
}

#gioithieu .title .name {
    vertical-align: middle;
}

#gioithieu .info-gt {
    z-index: 99;
    width: calc(100% - 660px);
    /* text-align: center; */
}

#gioithieu .info-gt .item.flex {
    align-items: center;
    -webkit-flex-flow: nowrap;
    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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: ossb;
}

#gioithieu .clip_gt .title .name {
    color: #000;
    font-size: 36px;
    font-family: svnag;
}

#gioithieu .more {
    position: relative;
    background: url(../img/bg-bt-gt.png) no-repeat center center !important;
    color: #fff;
    border: none;
    padding: 9px 27px;
}

#gioithieu .button:hover:before {
    border-color: #e40000;
}

#gioithieu .img-gt {
    position: relative;
    text-align: center;
    z-index: 5;
    overflow: hidden;
    max-width: 590px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 100px 30px 0;
}

#gioithieu .img-gt .item_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 5px solid #fff;
    width: 300px;
}

#gioithieu .img-gt .bor_1 {
    border-color: #fff;
    margin: 50px 0;
}

#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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-transition: all 1s;
}

.daotao .khung_xoay .logo_m:hover img {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    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;
    -webkit-flex-flow: nowrap;
}

.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;
    -webkit-flex-flow: nowrap;
}

.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;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    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;
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    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;
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    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)";
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    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: 30px 0;
    background: url(../img/bg-cs.png) no-repeat center center;
    background-size: cover;
}

.chinhsach .main-tit {
    background: none;
    padding: 15px 0;
}

.chinhsach,.chinhsach .name {
    color: #fff;
}

.chinhsach .info {
    /* max-width: calc(100% - 95px); */
    /* font: 20px rr; */
}

.chinhsach .name {
    font: 35px utmass;
    /* text-transform:uppercase; */
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0 5px 0;
    color: #f0c413;
}

.chinhsach .mota {
    /* max-height: 26px; */
    /* -webkit-line-clamp: 1; */
}

.chinhsach .flex {
    /* justify-content: space-between; */
}

.chinhsach .col_2 > div {
    max-width: calc(40% - 30px);
}

.chinhsach .box-news-v .img {
    background: #fff;
}

.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; */
    /* padding: 20px 0; */
    align-items: stretch;
    background: url(../img/bg-tt.png) no-repeat center center;
}

#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: 0 0 45px 0;
    position: relative;
    z-index: 95;
    background: url(../img/bg-tintuc.png) no-repeat bottom center;
}

.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: 490px;
}

.tintuc .tintuc-left {
    width: calc(100% - 520px);
}

.tintuc .box-news .info {
    z-index: 999;
}

.tintuc .box-news .flex {
    -webkit-flex-flow: nowrap;
}

.tintuc .box-news .name {
}

.tintuc .box-news {
    /* margin: 15px 0; */
    /* margin: 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: -40px 20px 0 20px; */
}

.tintuc .box-news .images {
    /* border: 1px solid #d1d1d1; */
    /* padding: 12px; */
    /* max-width: 50%; */
}

.box-news .date {
    color: #666;
    font-size: 13px;
}

.tintuc .box-news .date .thu {
    font-size: 16px;
    text-decoration: underline;
}

.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;
    -webkit-flex-flow: row nowrap;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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)";
    -moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: #FFF;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    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;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    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;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    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: #f7f7f7;
    background-size: cover;
    padding: 45px 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;
    -webkit-border-radius: 30px 0;
    /*Safari, Chrome*/
    -moz-border-radius: 30px 0;
    /*Firefox*/
    border-radius: 30px 0;
}

.box-ha:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 30%;
    background: -moz-linear-gradient(0deg, #000000b3 0, #FFFFFF00 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000b3), color-stop(100%, FFFFFF00));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg, #000000b3 0, #FFFFFF00 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg, #000000b3 0, #FFFFFF00 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(0deg, #000000b3 0, #FFFFFF00 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
    /* for IE */
    background: linear-gradient(0deg, #000000b3 0, #ffffff00 100%);
    /* W3C */
}

.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;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    right: 0;
    bottom: 0px;
    opacity: 1;
    top: 0;
    justify-content: center;
    /* align-items: flex-end; */
    align-content: flex-end;
    /* background: rgba(0, 0, 0, 0.5); */
    margin: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#fff)";
    /*IE 8*/
    -moz-box-shadow: 0 0 20px rgba(255,255,255,0.5) inset;
    /*FF 3.5+*/
    -webkit-box-shadow: 0 0 20px rgba(255,255,255,0.5) inset;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 20px rgba(255,255,255,0.5) inset;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#fff);
    /*IE 5.5-7*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.box-ha:hover .info {
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    /* background: rgba(15, 78, 141, 0.9); */
}

.box-ha .info .name {
    font-size: 52px;
    font-family: utmarr;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";
    /*IE 8*/
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
    /*IE 5.5-7*/
}

.box-ha .info .name:hover {
    color: #ff0;
}

.box-album {
    width: 100%;
    position: relative;
    margin: 0px 0;
    overflow: hidden;
}

.box-album:hover {
    z-index: 99;
    position: relative;
}

.box-album .info {
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    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 {
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    color: #fff;
}

.box-album .name {
    overflow: hidden;
    padding: 5px 0;
    color: #fff;
    /* font-family: ow; */
    font-size: 20px;
    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%;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.box-album:hover .images img {
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    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)";
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.7);
    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)";
    -moz-box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
    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: 5px 0;
    padding: 0 0 calc(75% + 8px) 0;
}

.videonb .videoyoutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.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 {
    padding: 30px 0 0 0;
    position: relative;
    background: url(../img/bg-cs.png) no-repeat center center;
    background-size: cover;
}

.visao .pad_15 {
    padding: 0 15px 30px 15px;
}

.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;
    left: 0;
    text-align: center;
}

.visao .img_bg img {
    /* display: none; */
}

.visao .box-news {
    margin: 0px 0;
    padding: 0;
    color: #fff;
    align-items: center;
    align-content: center;
}

.visao .box-news-r {
    justify-content: flex-end;
}

.visao .item_0 .box-news {
    margin: 0 140px 0 0;
}

.visao .item_1 .box-news {
    margin: 0 0 0 140px;
}

.visao .item_2 .box-news {
    margin: 0 220px 0 0;
}

.visao .item_3 .box-news {
    margin: 0 0 0 220px;
}

.visao .item_4 .box-news {
    margin: 0 205px 0 0;
}

.visao .item_5 .box-news {
    margin: 0 0 0 215px;
}

.visao .box-news .info {
    background: url(../img/bg-vs-info.png) no-repeat right center;
    height: 104px;
    width: 248px;
    padding: 10px 25px 10px 15px;
    align-items: center;
    align-content: center;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 40px;
}

.visao .box-news .info:before {
    width: 45px;
    height: 3px;
    content: "";
    position: absolute;
    background: #fff;
    right: 100%;
    top: calc(50% - 2px);
}

.visao .box-news .info:after {
    width: 14px;
    height: 14px;
    content: "";
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: calc(100% - 7px);
    top: calc(50% - 7px);
}

.visao .box-news-r .info {
    background: url(../img/bg-vs-info-r.png) no-repeat right center;
    text-align: right;
    padding: 10px 25px 10px 15px;
    margin: 0 40px 0 0;
}

.visao .box-news-r .info:before {
    left: 100%;
    right: auto;
}

.visao .box-news-r .info:after {
    left: calc(100% - 7px);
    right: 0;
}

.visao .box-news:hover .info:before,.visao .box-news:hover .info:after {
    background: #d60c0c;
}

.visao .box-news .images {
    border: 3px solid #f00;
    padding: 6px;
    background: none;
    margin: 3px;
    cursor: pointer;
}

.visao .box-news .name ,.visao .box-news .mota {
    color: #fff;
    width: 100%;
}

.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);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.col-scroll {
    overflow: hidden;
}

#congtrinh .title {
    background: url('../img/tcat-b.png') no-repeat bottom center;
    text-align: center;
}

.quangcao {
    position: relative;
    z-index: 90;
    margin: 45px 0;
    /* background: url(../img/); */
}

.quangcao .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: 225px 225px; */
    grid-gap: 30px;
}

.quangcao .grid .box-ha ,.quangcao .grid .box-ha .images ,.quangcao .grid .box-ha img {
    height: 100%;
    object-fit: cover;
}

.quangcao .item {
    background: #cdcdcd;
}

.quangcao .item.item_1 {
    grid-row: span 2;
    height: 100%;
    max-height: 100%;
}

.linhvuc .images {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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;
    -webkit-flex-flow: nowrap;
}

.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;
    z-index: 100;
    position: fixed;
    text-align: center;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.fix-r .img {
    display: inline-block;
    /* 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 .wikis > .flex {
    align-items: center;
    justify-content: space-between;
}

.khachhang .main-tit {
    text-align: left;
    background: none;
    width: 300px;
    margin: 0;
    padding: 0;
}

.khachhang .kh_cont {
    width: calc(100% - 340px);
}

.khachhang .box-news {
    align-items: center;
    padding: 0;
    margin: 0 0 15px 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 {
    width: calc(100% - 175px);
    margin: 0;
    border-bottom: 1px solid #cdcdcd;
}

.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: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* border-bottom: 1px solid #cdcdcd; */
}

.khachhang .box-news .mota {
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0 0 10px 0;
    color: #767676;
    font-style: italic;
}

.khachhang .noidung {
    color: #777;
}

.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) {
    -moz-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    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 .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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    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;
}

.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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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;
}

@-moz-keyframes jumper {
    0% {
        margin-top: 100px;
        margin-bottom: 0px;
    }

    50% {
        margin-top: 0;
        margin-bottom: 100px;
        margin-bottom: 100px;
    }

    100% {
        margin-top: 100px;
        margin-bottom: 0px;
    }
}

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

.swing_me {
    -webkit-animation-name: swing;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: swing;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: swing;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

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

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-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;
    -moz-animation-play-state: paused;
    -o-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;
}

@-moz-keyframes rota_me {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rota_me {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rota_me {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        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;
}

@-moz-keyframes rota_me_1 {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rota_me_1 {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rota_me_1 {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        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;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: rr;
}

.box_dkdn .button {
    width: 100%;
}

#footer .input {
}

#footer .btnct {
    font-size: 14px;
    padding: 15px 45px;
    text-transform: uppercase;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.tktc {
    margin: 15px auto;
}

.tktc p {
    display: block;
}

.tktc p span {
    float: right;
}