@charset "utf-8"; 
body {
    margin: 0px auto;
    padding: 0px;
    font-size: 15px;
    line-height: 1.6;
    font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,'Roboto', sans-serif;
    font-weight: 400;
    color: #0b0b0b;
}
.menu > li > ul ul { display: none !important; }
.menu > li > ul {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.menu > li > ul::-webkit-scrollbar {
  width: 10px; 
  height: 10px;border-radius: 100px;
}

.menu > li > ul::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 100px;
}

.menu > li > ul::-webkit-scrollbar-thumb {
  background: #970d09; /* Màu của thanh trượt */
  border-radius: 100px; /* Bo góc */
}

.menu > li > ul::-webkit-scrollbar-thumb:hover {
  background: #970d09; border-radius: 100px;
}
* {
    margin: 0px auto;
    padding: 0px;
    outline: none;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}p.p-star,
p.p_sao { display: none !important; }
.clr {
    clear: both;
}
iframe, img { max-width: 100%; }
a {
    color: #970d09
}
.policy-item .media img {
    height: auto;
}
img {
    height: auto;
}
.pro_home_id ul img {
    height: auto;
}
a:hover {
    color: #970d09
}

ul {
    padding: 0px;
}

img {
    border: 0;
}

::selection {
    background-color: #ffcc32;
    color: #fff;
}

::-webkit-selection {
    background-color: #ffcc32;
    color: #fff;
}

-webkit-::selection {
    background-color: #ffcc32;
    color: #fff;
}

::-moz-selection {
    background-color: #ffcc32;
    color: #fff;
}

.aside-item .aside-content ul {
    padding-left: 10px;
}

.filter-item--check-box input {
    position: relative;
    top: 2px;
}

.aside-item .aside-content ul li {
    padding-bottom: 7px
}

.aside-item .aside-content {
    margin-top: 15px;
    width: 100%;
    z-index: 99;
    position: relative;
}

.filter-group ul {
    max-height: 225px;
    overflow-y: auto;
}

.dv-qc-f {
    margin: 0 -5px
}

.dv-home-qc .col-sm-3 {
    position: relative;
    width: calc(100% / 4 - 10px);
    float: left;
    margin: 10px 5px 0;
}

.dv-home-qc .col-sm-3 img {
    width: 100%
}

.dv-top img {
    width: 100%
}

.giohang_top .right p b {
    display: block;
    color: #970d09;
}

.giohang_top .right {
    float: left;
    line-height: 1.4;
    font-size: 14px;
    text-align: left;
    color: #767676;
    font-weight: normal;
    margin-left: 8px;
}

span.ico-cart {
    display: block;
    width: 30px;
    height: 26px;
    background: url(../images/cart_icon.png) 0 0 no-repeat;
    position: relative;
    float: left;
    margin-top: 6px;
    background-size: 25px;
}

.p-account-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    float: left;
}

span.ico-user>span {
    display: block;
    width: 28px;
    height: 26px;
    background: url(../images/cart.svg) no-repeat;
    background-size: 25px;
}

a.account-icon-link strong {
    display: block;
    color: #970d09;
    font-size: 17px;
    font-weight: 600;
}

a.account-icon-link {
    display: block;
    float: left;
    color: #999;
}

a.account-icon-link>span {
    display: inline-block;
    line-height: 1.4;
    font-size: 14px;
    color: #767676;
}

.account-icon-link strong #account_link_id {
    width: 70px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: relative;
    top: -7px;
}

.account-icon-link .ico-user {
    vertical-align: top;
    margin-top: 6px;
    margin-right: 6px;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #6f5a28 transparent;
    bottom: 18px;
}

.select-items div {
    color: #666;
    padding: 7px 16px 8px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ececec;
    text-align: left;
}

.select-selected:after {
    position: absolute;
    content: "";
    bottom: 13px;
    right: 20px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-color: #666 transparent transparent transparent;
}

.select-hide {
    display: none;
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: -1px;
    right: 0;
    z-index: 99;
    width: 135%;
}

.collection-selector {
    position: relative;
    display: inline-block;
    z-index: 2;
    left: 0;
    text-align: right;
    border-right: 1px solid #ebebeb;
    height: 41px;
    float: left;
}

.select-selected {
    color: #666;
    padding: 5px 15px 6px;
    cursor: pointer;
    user-select: none;
    text-align: left;
    overflow: hidden;
    height: 41px;
    width: 125px;
}

.custom-select select {
    display: none;
}

.dv-benh .list-item a {
    color: #414141;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}

.dv-benh .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 15px 0 20px;
}

.hinh-col-3 .thumbnail .caption a:hover h3,.hinh-col-3 .thumbnail .caption ul li a:hover {
    color: #ffcc32;
}

.hinh-col-3 .thumbnail .caption ul li {
    list-style-type: none;
    font-size: 16px;
    line-height: 32px;
}

.hinh-col-3 .thumbnail .caption ul li a {
    color: #0b0b0b
}

.hinh-col-3 .thumbnail .caption h3 {
    color: #009edb;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin: 15px 0 3px;
    padding: 0;
}

.col-sm-3.hinh-col-3 img {
    width: 100%
}

.col-sm-3.hinh-col-3 {
    width: calc(100% / 2 - 20px);
    float: left;
    margin: 20px 10px 0
}

.cs-base-custom hr {
    margin: 15px 0;
    border-top: 1px solid #e7e6e6;
}

.cs-base-custom .lc-content-cover {
    font-size: 18px;
    line-height: 29px;
}

.cs-base-custom h2 {
    font-size: 20px;
    line-height: 38px;
}

.viewRight .prd-dt-phone a {
    color: #ff0000;
    font-weight: 600;
}

.prd-dt-phone {
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    color: #595959;
    clear: both;
    margin: 20px 10px 0;
}

.danhsach-thuoc .result h2 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    background: #d8ece1;
    display: block;
    clear: both;
    margin: 20px 0;
    padding: 15px 20px;
}

.danhsach-thuoc .result .view {
    clear: both;
    display: block;
    text-align: center;
}

.danhsach-thuoc .result .view .text-center:hover {
    box-shadow: 0 2px 9px -2px #888;
    color: #009edb;
}

.danhsach-thuoc .result .view .text-center {
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #ffcc32;
    text-align: center;
}

.danhsach-thuoc .result .result-item a {
    display: inline-block;
    width: calc(100% /3 - 20px);
    font-size: 17px;
    float: left;
    margin: 0 10px;
    color: #414141;
    margin-bottom: 10px;
    text-decoration: none;
}

.content .alphabet a.active,.content .alphabet a:hover {
    background: #009edb;
    color: #fff;
}

.content .alphabet a {
    display: inline-block;
    width: auto;
    height: 35px;
    font-size: 16px;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 3px;
    color: #4a4a4a;
    background: #fff;
    box-shadow: 0 2px 9px -2px #888;
    margin: 0 1.5px;
}

.timkiem-thuoc .tiltle {
    text-align: left;
    margin: 20px 0
}

.timkiem-thuoc .content {
    clear: both;
    width: 100%
}

.timkiem-thuoc .timkiem_top {
    width: 50%
}

.timkiem-thuoc .timkiem_top .input_search {
    font-size: 16px;
}

.ntlc-item .item .col-sm-3 {
    padding: 0;
    width: 20%;
    float: left;
}

.ntlc-table tr:first-child {
    background: #009edb;
    color: #fff;
}

.ntlc-table th {
    text-align: center;
    padding: 7px;
    border: 1px solid #e2e2e2;
    white-space: nowrap;
}

.ntlc-item .item .col-sm-9 {
    width: 75%;
    padding: 0;
    float: right;
}

.col-sm-12 .tiltle {
    margin: 20px 0
}

.ntlc-item .item {
    margin-bottom: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: calc(100% / 2 - 20px);
    float: left;
    margin: 0px 10px 20px;
}

.ntlc-content {
    margin-top: 20px
}

.ntlc-description h2 {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    font-family: inherit;
    font-weight: 400;
}

.ntlc-description {
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #fafafa;
    border-left: 3px solid #21409a;
}

.col-lg-4 .title h2 {
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
}

.col-lg-4 .address-wrapper .item {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 25px;
    line-height: 1.4;
}

.address-wrapper .item .address>div {
    margin: 7px 0;
}

.col-lg-4 .address-wrapper {
    max-height: 245px;
    overflow-y: scroll;
}

.address-wrapper .item .address>div.title {
    font-weight: 500;
    font-size: 17px;
}

.col-lg-4 .form .frm-btn button {
    border: 0;
    border-radius: 5px;
    background: #009edb;
    width: 100%;
    height: 43px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.col-lg-4 .form .frm-btn button:hover {
    background: #ffcc32;
    cursor: pointer;
}

.col-lg-4 .form .frm-btn {
    position: relative;
    width: 100%;
}

.form-control, .form-group select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #ababab;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}

.col-lg-4 .form .form-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    padding-left: 0;
}

.col-lg-4 {
    width: calc(100% / 2 - 20px);
    margin: 0px 10px 0px;
    float: left;
}

.col-lg-4 .form {
    background: #d8ece1;
    padding: 30px 25px;
}

.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    float: right;
    position: relative;
    width: calc(100% / 2 - 20px);
    margin: 0px 10px 20px;
}

.txt-quantity {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #4c4c4c;
    text-align: center;
    margin: 15px 0 5px;
}

.name-m-blue {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #009edb;
    text-transform: uppercase;
}

.dv-home-sp .col-6 picture img {
    object-fit: cover;
    height: 100px;
}

.dv-home-sp {
    margin: 0 -10px;
    margin-top: 10px
}

.dv-home-sp .col-6 {
    position: relative;
    width: calc(100% / 6 - 20px);
    float: left;
    margin: 20px 10px 0;
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #d8ece1;
    border-radius: 20px;
}

.dv-sanpham-detail .dv-home-sp .col-6 {
    width: calc(100% / 5 - 20px);
}

.dv-home-sp .col-6:hover .name-m-blue {
    color: #ffcc32
}

.dv-home-sp .col-6:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}

.dv-home-sanpham {
    padding: 50px 0 55px
}

.newsletter_home .read_more a {
    border-radius: 40px;
    padding: 5px 30px;
}

.newsletter_home .contact_lbl.form-control {
    height: 70px;
    width: 97%;
    margin-bottom: 20px;
}

.newsletter_home .form-control {
    display: block;
    width: 47%;
    height: 40px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    text-transform: capitalize;
    font-family: 'Oswald', sans-serif;
    margin-top: 10px;
    font-weight: 300;
    float: left;
    margin: 10px;
}

.newsletter_home ul {
    width: 750px;
    margin: auto;
}

.newsletter_home p {
    color: #fff
}

.newsletter_home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(27,39,61,.8);
    transition: .3s all ease;
    z-index: 0;
}

.lgx-countdown .pagewrap:after {
    content: "";
    background: url(../delete/schedule-bg-pattern2.png) top no-repeat;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    background-size: cover;
    height: 300px;
    z-index: -1;
}

.dv-home-dichvu {
    background: url(../delete/about-bg2.jpg) no-repeat center 160px;
    ; }

.newsletter_home {
    background: url(../delete/video-bg.jpg) center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding: 60px 0;
    position: relative;
}

.no_data {
    padding-top: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding-bottom: 0px;
    position: relative;
    background-image: url(../delete/banner1.png);
}

.dv-home-dichvu {
    padding: 60px 0
}

.countdown {
    text-align: center;
    width: 70%;
    float: right;
    background: rgba(85,75,185,.95);
    padding: 4.2rem 1rem;
}

.countdown a {
    background: #ffcc32;
    color: #fff;
    padding: 5px 30px;
    border-radius: 50px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-table;
    border: 1px solid #ffcc32;
}

.countdown a:hover {
    background: #1f2944;
    color: #fff;
}

.countdown h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 35px;
}

.countdown-left-info h3 {
    color: #1b273d;
    margin: 10px 0 7px;
    font-weight: 400;
    font-size: 22px;
}

.countdown-left-info h2 {
    color: #1b273d;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.countdown-left-info {
    background: rgba(239,165,6,0.95);
    width: 30%;
    float: left;
    text-align: center;
    padding: 4.2rem 1rem;
}

.box_right_pro_view .new_right {
    padding-top: 10px
}

.box_right_pro_view .new_right a {
    background: #ffcc32;
    padding: 3px 15px 6px;
    display: inline-table;
    color: #fff;
    margin: 5px;
}

.box_right_pro_view img {
    width: 100%;
    height: auto;
    float: left;
}

.box_right_pro_view>ul>li {
    display: flex;
    margin: 0;
    float: left;
    width: 80px;
    text-align: center;
}

.box_right_pro_view>ul.menu-right>li:last-child {
    border-bottom: none;
}

.box_right_pro_view>ul.menu-right {
    list-style: inside;
}

.box_right_pro_view>ul.menu-right>li {
    display: list-item;
    margin: 0;
    float: inherit;
    width: 100%;
    text-align: left;
    clear: both;
    border-bottom: dashed 1px #ebebeb;
    padding: 5px;
}

.box_right_pro_view>ul .h3,.box_right_pro_view>ul .h3 a ,
.box_right_pro_view>ul h3,.box_right_pro_view>ul h3 a {
    font-size: 15px;
    color: #4c4c4c;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box_right_pro_view>ul .h3 a:hove,
.box_right_pro_view>ul h3 a:hover {
    color: #970d09;
}

.box_right_pro_view>ul>li a {
    color: #333;
    font-size: 15px;
    margin: 0;
}

.box_right_pro_view>ul>li.active a,.box_right_pro_view>ul>li a:hover {
    color: #970d09;
}

.box_right_pro_view>ul>li a h2 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.tin_right select {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    color: #8d8d8d;
    border-color: transparent;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #e8e8e8;
    width: 94%;
    margin-top: 10px;
    font-family: 'Oswald', sans-serif;
    margin-left: 3%;
    margin-bottom: 10px;
}

.dv_gt h2 {
    margin-top: 20px;
    line-height: 40px;
    font-weight: 300;
}

.dv_gt {
    background: #f2f2f2;
    position: absolute;
    left: 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px;
}

.dv_gioithieu1 .dv_gt img {
    height: 50px;
    width: auto;
}

.dv_gioithieu1 {
    text-align: center;
    position: relative;
}

.dv_gioithieu1 img {
    width: 70%
}

.dv_doingu .dv_gt h2 {
    margin-top: 0;
    line-height: 40px;
    font-weight: 600;
    color: #2c533f;
    font-size: 28px;
    margin-bottom: 10px;
}

.dv-home-lophoc.dv-lophoc {
    padding: 0;
    background: transparent;
}

.dv-home-lophoc.dv-lophoc:before {
    display: none;
}

.gt-doingu .tiltle {
    text-align: center;
}

.gt-doingu>h3 {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 25px;
    color: #c8a251;
}

.dv-home-doingu.dv-gt-doingu.gt-doingu {
    background: transparent;
    padding: 130px 0 20px;
}

.gt-doingu .dv-home-dn {
    width: calc(100% / 4 - 20px);
    margin: 0 10px 10px;
    float: left;
}

.dv_doingu .dv_gt {
    background: #f2f2f2;
    position: absolute;
    left: 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    max-width: none;
    top: inherit;
    transform: none;
    bottom: -90px;
    padding: 30px 50px;
    width: 70%;
    right: 0;
}

.dv_gioithieu1.dv_doingu img {
    width: 80%
}

.widget_getintuch b,.widget_getintuch strong {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
}

.widget_getintuch i {
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dv-home {
    padding: 60px 0px;
    position: relative;
    background: rgba(85,75,185,.95);
}

.dv-home:after {
    content: "";
    background: url(../delete/schedule-bg-pattern2.png) top no-repeat;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    background-size: cover;
    height: 300px;
    z-index: -1;
}

.dv-home-hinhanh {
    padding: 20px 0 0px;
}

.grid-gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.grid-gallery li figure figcaption h6 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
}

.grid-gallery li figure figcaption small {
    font-size: 14px;
    color: #fff;
    opacity: 0.9;
}

.grid-gallery li figure figcaption small i {
    padding-right: 7px
}

.grid-gallery li figure figcaption {
    width: 100%;
    float: left;
    padding: 20px 30px;
    padding-top: 50px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131314 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.grid-gallery li {
    width: calc(100% / 4 - 20px);
    float: left;
    margin: 20px 10px 30px;
    list-style: none;
    position: relative;
}

.grid-gallery li:nth-child(5) {
    width: calc(100% / 4 - 20px);
    position: absolute;
    right: 0%;
    bottom: 0;
}

.grid-gallery li figure {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.grid-gallery li:nth-child(6) {
    width: calc(100% / 2 - 20px);
    position: absolute;
    left: 0%;
    bottom: 0;
}

.grid-gallery li img {
    width: 100%;
    transition: all 0.5s;
}

.grid-gallery li img:hover {
    transform: scale(1.05) rotate(2deg);
    transition: 0.5s;
    filter: brightness(0.5);
}

.dv-home-dn h3 {
    color: #2c533f;
    font-size: 20px;
    line-height: 34px;
    padding: 2px 0 0px 0;
    margin: 0;
    font-weight: 600;
}

ul.social li {
    float: left;
    list-style: none;
    line-height: 0;
    text-align: center;
    margin: 7px 10px;
}

.col_lg_6 ul li {
    font-size: 16px
}

.dv-home-dnright .text-left {
    margin: 0;
    padding: 10px 20px;
}

.dv-home-dnright {
    width: 64%;
    float: right;
}

.dv-home-dnleft {
    width: 35%;
    float: left;
}

.dv-home-doingu.dv-gt-doingu {
    background: transparent;
    padding: 50px 0 10px;
}

.dv-home-doingu.dv-gt-doingu:before,.dv-home-doingu.dv-gt-doingu:after {
    display: none
}

.dv-home-doingu:before {
    content: "";
    background: url(../delete/bg.png) top no-repeat;
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    background-size: cover;
    margin-top: -158px;
    height: 158px;
}

.dv-home-doingu:after {
    content: "";
    background: url(../delete/bg_bt.png) top no-repeat;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    background-size: cover;
    margin-bottom: -158px;
    height: 158px;
    z-index: 1;
}

.dv-home-doingu {
    padding: 50px 0;
    position: relative;
    background: #d8ece1;
}

p.p-brief {
    font-size: 18px;
    margin: 5px auto 25px;
    width: 600px;
    text-align: center;
    font-weight: 300;
}

.dv-home-tintuc div ul .read_more {
    margin-top: 7px;
    text-align: left;
}

.dv-home-tintuc div ul .read_more a {
    color: #ffcc32;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 3px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    display: inline-table;
    transition: 0.5s;
    border: 0;
    text-align: left;
}

.countdown-left-info .fa-calendar:before {
    color: #ffcc32;
    padding-right: 5px;
}

.dv-home-dn {
    width: calc(100% / 1 - 20px);
    margin: 0 10px 10px;
    float: left;
}

.dv-home-dn img {
    width: 100%
}

.dv-home-dnleft p.p-brief {
    width: 100%
}

.dv-homeright .tiltle {
    margin-bottom: 25px;
}

.dv-homeright p {
    color: #fff
}

.dv-homeleft img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.7);
}

.dv-homeleft {
    width: 30%;
    float: left;
}

.dv-homeright {
    width: 67%;
    float: right;
    padding: 20px 0;
    text-align: center;
}

.a-right {
    text-align: right !important;
}

.itemdv .content p {
    font-size: 23px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 7px;
}

.itemdv .content span {
    font-size: 15px;
    font-family: "Raleway", Sans-serif;
}

.itemdv .image_icon {
    width: 80px;
    display: flex;
    float: left;
    height: 80px;
    background: #a1dac0;
    border-radius: 50%;
    padding: 10px;
    vertical-align: middle;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.itemdv .content {
    display: block;
    float: left;
    width: calc(100% - 110px);
    -webkit-width: calc(100% - 80px);
    -moz-width: calc(100% - 80px);
    -os-width: calc(100% - 80px);
    -o-width: calc(100% - 80px);
}

.itemdv {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.dv-home-lh.flex#tintuc_slide {
    margin: 0
}

#tintuc_slide .dv-gr-lh {
    width: calc(100% / 1);
    margin: 20px 0px 60px;
    float: left;
}

.dv-gr-lh h3 {
    color: #1c283c;
    font-size: 20px;
    line-height: 34px;
    padding: 0px 0 5px 0;
    margin: 0;
    font-weight: 400;
    text-transform: capitalize;
}

.tt-row-btn a {
    color: #ffcc32;
    transition: color .2s;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.tt-row-btn a i {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    line-height: 8px;
    position: relative;
    top: -1px;
}

.dv-home-lh.flex {
    margin: 0px -10px 0;
}

.dv-home-gt {
    margin: 0px -10px
}

.text-left h4 {
    color: #515151;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px
}

.text-left {
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    margin: -50px 20px;
    z-index: 2;
    position: relative;
    border-radius: 4px;
    padding: 20px 20px 25px;
}

.dv-gr-lh img {
    width: 100%;
    transition: 0.5s;
}

.dv-gr-lh .img {
    overflow: hidden;
}

.dv-gr-lh img:hover {
    transform: scale(1.05) rotate(2deg);
    transition: 0.5s;
    filter: brightness(0.5);
}

.dv-gr-lh {
    width: calc(100% / 3 - 20px);
    margin: 0 10px 65px;
    float: left;
}

.flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.itemdv .image_icon img {
    height: 55px;
    margin: auto;
}

.col-lg-4.align-center img {
    width: 85%
}

.col-lg-4.align-center {
    text-align: center;
}

.read_more a i {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 8px;
    position: relative;
    top: 0px;
}

.dv-home-lh.flex#sukien_slide {
    margin: 0;
}

#sukien_slide .dv-gr-lh {
    width: calc(100% / 1);
    margin: 20px 0 65px;
}

.dv-home-tintuc div ul .read_more a:hover {
    color: #ffcc32;
    background: transparent;
}

.pagewrap .dv-home-dnleft>h3 {
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 25px;
    color: #c8a251;
}

.pagewrap>h3 {
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 25px;
    color: #c8a251;
}

.tiltle {
    text-transform: uppercase;
    color: #333;
    float: left;
    position: relative;
    border-left: 6px solid #970d09;
    padding-left: 12px;
    display: inline-block;
    font-weight: 500;
    font-size: 25px;
    border-bottom: 0;
    line-height: 1.2;
    margin-bottom: 10px;
}

.tiltle span {
    color: #009edb
}

.noo-theme-title-bg {
    background-image: url(../images/bg-line.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 23px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.sign_col2 a {
    padding-right: 3px
}

.sign_col2 .col-md-6 {
    width: 100%
}

.banner_detail {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding-bottom: 0px;
    position: relative;
}

.banner_detail img {
    width: 100%;
    position: relative;
}

.tin_left .aboutus-head p {
    font-weight: 300;
    font-size: 16px
}

.home_about .sc_action_item_mc img {
    width: auto;
}

.sc_action_item_mc h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
    margin-top: -20px;
    line-height: 50px;
    margin-bottom: -10px;
}

.sc_action_item_mc {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    left: 10%;
}

.tin_left #home-aboutus {
    padding-top: 0
}

#history_tabs .tabs {
    font-weight: 400
}

.col-md-6 .cat-thumb-item {
    margin: 0;
    width: 100%;
}

.col-md-6.evo-account {
    float: right;
}

.cat-thumb-item-content {
    background-color: #ffcc32;
    color: #fff;
    text-align: center;
}

.cat-thumb-item-content h3 {
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 38px;
}

.cat-thumb-item-content h3 a {
    color: #fff;
}

.home_sales {
    width: 100%;
    max-width: 1600px;
    position: relative;
}

.cat-thumb-item-content p a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
}

.img-responsive {
    width: 100%
}

.cat-thumb-item-content-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0 15px;
}

.cat-thumb-item-content.bg-color1 {
    background: #134a56
}

.cat-thumb-item-content .col-md-6 img {
    width: 100%
}

.col-md-6,.col-md-6 .row {
    float: left;
    position: relative;
}

.home_history {
    background: url(../delete/history.jpg) top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 100px;
    margin-bottom: 60px
}

.home_sales {
    margin-bottom: 60px
}

.thsn-static-box-inner p {
    font-size: 20px;
    font-weight: 300;
    margin: 10px;
}

.thsn-static-box-inner h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: 400;
}

.thsn-static-box-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
}

.col_mn_4 a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    background: -moz-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
    background: -webkit-linear-gradient(top,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
    background: linear-gradient(to bottom,rgba(103,84,33,.47) 0%,rgba(103,84,33,.47) 37%,rgba(103,84,33,.37) 51%,rgba(103,84,33,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78675421',endColorstr='#00675421',GradientType=0);
}

.col_mn_4 a:before {
    border: 1px solid rgba(255,255,255,.28);
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    margin: 15px;
    z-index: 4;
}

.col_mn_4 img {
    width: 100%
}

.col_mn_4 {
    float: left;
    width: calc(100% / 3 - 20px);
    margin: 30px 10px 0;
    -webkit-transition: all .3s ease;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-top: -150px;
    z-index: 1;
}

.sc_layouts_item .fa-phone:before {
    color: #fff;
    padding-right: 7px;
}

.sc_layouts_item {
    float: right;
    margin: 17px 0;
}

.sc_layouts_item .sc_button {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #ffcc32;
    color: #fff;
    padding: 8px 25px;
    position: relative;
    border-radius: 50px;
    border: 1px solid #fff;
}

.sc_layouts_item .sc_button:hover {
    background: #fff;
    transition: 0.5s;
    color: #ffcc32;
    border: 1px solid #ffcc32;
}

.mobile-menu-area {
    display: none;
}

.header_menu_mobile>a.btn_menu {
    font-size: 28px;
    transform: translateY(-50%);
    color: #fff;
}

.header_menu_mobile {
    display: none;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
}

.form-control.contact_lbl {
    height: 70px
}

.pro_home_id#pro_slide3 {
    margin: 0
}

.pro_home_id#pro_slide3 ul {
    width: calc(100% / 1);
    margin: 20px 0 0
}

.box_left .read_more {
    margin-top: 10px
}

.link_login a.login_taikhoan:hover {
    background: #ffcc32
}

.link_login a.login_taikhoan {
    background: #134a56;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
}

.viewLeft {
    width: 33%;
    float: left;
    z-index: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    align-self: flex-start;
}

.viewRight {
    width: 37%;
    float: left;
    padding: 0 25px;
}

.bottom20 {
    margin: 20px 0
}

.bottom20 .btn i {
    padding-right: 5px;
}

.bottom20 .btn {
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    background: #ffcc32;
    color: #fff;
    margin-right: 10px;
}

.bottom20 .btn.btn-success {
    background: #ffcc32;
}

.bottom20 .btn.btn-info {
    background: #273247;
}

.mySlides {
    border: solid 1px #E6E6E6;
}

.tin_left .column {
    border: 1px solid #e4e4e4;
    float: left;
    width: calc(100% / 10 - 6px);
    margin: 10px 5px;
    padding: 5px;
}

.tin_left .column:hover .demo {
    cursor: pointer;
    opacity: 1
}

.demo {
    opacity: 0.8;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.container {
    display: block;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 25px;
    text-transform: capitalize;
    color: #666;
    padding-left: 0px;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 10px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    background: #0000004d;
}

.fs-dtinfo {
    float: right;
    width: 50%;
}

.hinhanh_view {
    width: 100%;
    float: left;
    position: relative;
}

.menu > li > ul.menu_child ul {
    transform: none;
    position: relative;
    visibility: initial;
    opacity: 1;
    left: 0;
    margin-top: 5px;
}

.menu > li li ul.menu_child_1 h3 {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 27px;
    padding: 10px 10px 0;
}

.menu > li li ul.menu_child_1 h4 {
    color: #ffcc32;
}

.menu > li li ul.menu_child_1 h3 a:hover {
    color: #134a56
}

.menu > li li ul.menu_child_1 h3 a {
    color: #252525
}

.menu > li > ul > li ul.menu_child_1 li {
    background: transparent;
}

.menu > li li ul.menu_child_1 > li img {
    width: 100%;
    margin: 10px 0 0;
    transition: 0.5s
}

.menu > li li ul.menu_child_1 > li {
    width: 26%;
    float: left;
    margin-right: 10px
}

.menu > li > ul.menu_child li li {
    padding: 0;
}

.menu > li li ul.menu_child_1 > li:hover > a {
    background: transparent;
    transform: scale(1.1);
    padding: 0;
    transition: 0.5s;
}

.box_menu .menu > li > ul ul {
    border-top: 2px solid #ffcc32;
}

.box_menu .menu > li > ul ul.menu_child_1:last-child {
    border-top: 0;
}

.box_menu .menu > li > ul ul.menu_child_1 {
    clear: both;
}

.menu > li > ul.menu_child li li:last-child {
    padding-bottom: 0
}

.menu > li > ul.menu_child li li:first-child {
    padding-top: 0
}

.box_menu .menu > li > ul.menu_child > li {
    float: left;
    width: calc(100% / 2);
    padding: 15px 20px;
    text-align: left;
    border-right: 1px solid #e7e7e7;
}

.box_menu .menu > li > ul.menu_child > li>span {
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
}

.box_menu .menu > li > ul.menu_child > li>a {
    border: none;
    text-transform: uppercase;
    padding: 0px 10px;
}

.menu > li > ul.menu_child {
    width: 650px;
    display: flex;
}

#tintuc_slide.tt_page {
    margin: 0;
}

.fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}

.page_conten_page #tintuc_slide .new_id_bs {
    width: calc(100% / 1);
    margin: 20px 0;
    padding-right: 0;
}

#tintuc_slide .new_id_bs ul .h3 a,
#tintuc_slide .new_id_bs ul h3 a {
    margin-top: 5px;
    height: 65px;
    overflow: hidden;
}

.new_id_bs ul span i {
    padding-right: 7px
}

.new_id_bs ul span {
    font-size: 15px;
}

.qodef-m-item h3 {
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 19px
}

.qodef-m-item img {
    height: 140px
}

.qodef-l>img {
    height: 580px
}

.qodef-l {
    width: calc(100% / 3 - 20px);
    float: left;
    margin: 20px 10px;
    text-align: center;
    padding: 0 10px;
}

.qodef-l .qodef-m-item:last-child {
    margin-top: 20px
}

.qodef-shortcode {
    background-image: url(../delete/background-img-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size: 70%;
}

.col_lg_6 ul {
    padding: 30px 20px;
}

.home-heading {
    background: #f2f2f2;
    padding: 40px;
    margin-top: 40px;
}

.home-heading .pos_title .title_h {
    text-align: center;
    float: inherit;
}

.home-heading .pos_title {
    margin: 0 10px;
    text-align: center;
    position: relative;
    padding: 30px 0 0;
}

.col_lg_6 img {
    width: 100%
}

.col_lg_6 {
    float: left;
    width: calc(100% /2 - 20px);
    margin: 0 10px;
}

.vechungtoi {
    margin: 40px 0 0;
}

.card-item.left {
    float: left;
    padding: 30px 40px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15);
    max-width: 60%;
    bottom: 0px;
    position: absolute;
    background: #ffcc32;
    z-index: 99;
    right: 0;
}

.card-item.left p {
    color: #fff
}

.block-ideal {
    position: relative;
    background-color: #22232b;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 40px;
}

.block-ideal img {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 40%;
}

.home_about {
    padding: 0 0 40px;
    text-align: center;
    position: relative;
}

.block-ideal .content-idl {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 50px;
}

.col-md-6 h6 {
    font-size: 18px;
    margin: 20px 0 5px;
    font-weight: 400;
    color: #333;
}

.title_home {
    color: #ffcc32;
    margin: 0px 0 7px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
}

.block-ideal .content-idl h3 {
    font-size: 23px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 20px;
    color: #fff;
    text-transform: uppercase;
}

.content-idl .desc {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    padding-left: 33px;
}

.content-idl .desc::before {
    content: '\201C';
    margin: 0;
    display: block;
    position: absolute;
    left: 0;
    top: -11px;
    font-size: 100px;
    line-height: 1;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: -6%;
}

.vechungtoi .col-md-6 {
    width: calc(100% / 3 - 20px);
    float: left;
    margin: 20px 10px;
    text-align: center;
    padding: 0 10px;
}

.vechungtoi .col-md-6 img {
    width: auto;
    height: 90px;
    background: #e4e4e4;
    padding: 20px;
    border-radius: 13%;
    box-shadow: 2px 2px 5px 0px rgba(189,189,189,1);
}

.text-subscribe h3 {
    color: #e7e7e7;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 20px 0;
}

.middle-footer .text-subscribe {
    float: left;
    width: 45%;
    margin: 0;
}

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.policy-item p a {
    font-weight: bold;
}

.policy-item p {
    font-size: 14px;
    color: #898989;
    margin: 0;
    line-height: 1.5;
    font-weight: normal;
}

.policy-item span {
    font-size: 16px;
    color: #1c1c1c;
    margin: 0 0 3px 0;
    font-weight: 500;
    display: inline-block;
    line-height: 1.5;
}

.policy-item .info {
    text-align: left;
    padding-left: 60px;
}

.policy-item .media {
    min-height: 34px;
    margin: 5px 15px 0 0;
    float: left;
}

.middle-footer .policy-item {
    text-align: center;
}

.middle-footer .col-lg-3 {
    width: calc(100% / 1 - 20px);
    float: left;
    margin: 0 10px;
}

.middle-footer .form_km {
    float: right;
    width: 55%;
    text-align: right;
    margin: 6px 0;
}

.middle-footer {
    border-top: 1px solid #efefef;
    padding: 27px 0 20px;
}

.middle-footer .text-subscribe i {
    background: #ffcc32;
    width: 70px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 34px;
    display: block;
    float: left;
    margin: 0;
    height: 70px;
    line-height: 70px;
    margin-right: 15px;
}

.middle-footer .text-subscribe .text h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
}

.middle-footer .text-subscribe .text p {
    margin: 0;
    color: #fff;
}

.dt-sc-subscribe-frm input {
    width: 100%;
    font-size: 15px;
    color: #4c4c4c;
    padding: 10px 14px;
    background: #FFF;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #d8ece1;
    border-radius: 100px;
}

.dt-sc-subscribe-frm a:hover {
    background: #ffcc32;
    cursor: pointer;
}

.dt-sc-subscribe-frm a {
    height: auto;
    background: #970d09;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 9px 20px;
    border: 0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    border-radius: 0 100px 100px 0;
}

img.ajax_img_loading {
    margin: 0 !important;
    padding: 0 !important;
    height: 12px !important;
}

.col-lg-9 {
    float: right;
    margin: 15px 0;
    width: 100%;
}

.dt-sc-sociable li {
    display: flex;
    float: left;
    margin-right: 10px;
}

.column .dt-sc-sociable li a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 17px;
    margin: 0;
    text-align: center;
    padding: 0;
}

.column .dt-sc-sociable li.facebook a {
    background: #229bf1;
}

.column .dt-sc-sociable li.youtube a {
    background: #f1230f;
}

.column .dt-sc-sociable li.instagram a {
    background: #f92ecd;
}

.column .dt-sc-sociable li.twitter a {
    background: #1ec6f9;
}

.column .dt-sc-sociable li a .fa {
    line-height: 35px;
    color: #fff;
}

li.text_right p {
    color: #5d5d5d;
    font-weight: 300;
    font-size: 17px;
    line-height: 28px;
    margin: 10px 0;
}

li.text_right h3 {
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

li.text_right h3 a {
    color: #fff
}

li.text_right h3 a:hover {
    color: #134a56
}

.item-product>h4:before {
    content: "";
    width: 150px;
    height: 2px;
    background: #134a56;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.tintuc_home .one_new_home_right li {
    width: 40%
}

.tintuc_home .one_new_home_right li.text_right {
    width: 53%
}

.tintuc_home ul li img {
    transition: 0.5s;
}

.tintuc_home ul li:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.tintuc_home ul li {
    float: left;
    width: calc(100% / 2 - 20px);
    margin: 0px 10px;
    list-style: none;
}

.tintuc_home ul {
    float: left;
    width: calc(100% / 1 - 20px);
    margin: 15px 10px 0;
}

.dv-home-tintuc {
    padding: 45px 0;
    background: #f9f9f9;
}

.dv-home-tintuc.dv-home-duan {
    background: #f1f1f1 url(../delete/tri-left-1.png) no-repeat left 36px;
}

.box_pro_sile .pro_home_id_1 {
    padding: 50px 0;
}

.pro_home_id.pro_home_id_1 ul img {
    width: 70%;
    transition: all 0.5s
}

.pro_home_id.pro_home_id_1 ul {
    float: left;
    width: calc(100% / 4 - 20px);
    margin: 30px 10px 0;
}

.item-product.pro_home_id ul .h4:before,
.item-product.pro_home_id ul h4:before {
    left: 0;
    margin: 0;
    top: 18%;
}

.item-product.pro_home_id ul img {
    width: 100%;
    transition: all 0.5s !important
}

.item-product.pro_home_id ul li {
    list-style: none;
    width: 30%;
    float: left;
    display: inline-block;
    margin-right: 15px;
}

.toast_3n7b {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(229 21 21);
    width: 300px;
}

.a_cart:hover, .close_16xd:hover {
    cursor: pointer;
}

.toast_3n7b .content_1fHI {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.2rem;
}

.toast_3n7b p {
    background: none;
    color: #fff;
    text-align: left;
    font-size: 16px;
    margin: 0;
    float: left;
    padding: 6px 20px 8px !important;
    color: #fff !important;
}

.item-product.pro_home_id ul {
    border: none;
    border-bottom: 1px solid #a2a2a2;
    margin: 0;
    text-align: left;
    padding: 12px 0;
    width: calc(100% / 1 - 20px);
}

.item-product.pro_home_id ul:last-child {
    border-bottom: none
}

.item-product.pro_home_id .pos_title {
    padding-bottom: 10px;
    background: none;
}

.item-product.pro_home_id .pos_title h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 3px;
    background: #ffcc32;
    border-radius: 50px;
    padding: 9px 26px 7px;
    letter-spacing: 1px;
    display: inline-table;
}

.item-product>p {
    color: #fff
}

.item-product>h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 100;
    line-height: 35px;
    padding: 30px 10px 0;
    text-transform: uppercase;
}

.item-product>h4 span {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 15px;
    padding-left: 5px;
    text-decoration: line-through;
}

.item-product>h4 {
    position: relative;
    color: #134a56;
    font-weight: normal;
    font-size: 20px;
    padding: 23px 10px 10px;
    text-transform: uppercase;
    line-height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.item-product>h3 a {
    color: #fff
}

.item-product>h3 span {
    display: block;
    font-size: 16px;
    color: #f1f1f1;
    font-weight: 100;
    text-transform: capitalize;
}

.item-product img {
    width: 41%;
}

.item-product {
    float: left;
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    text-align: center;
}

.title-top {
    font-size: 33px;
    color: #ffcc32;
    font-style: italic;
}

.tintuc_home .one_new_home li.text_right h3 {
    margin: 13px 0 0;
    padding-bottom: 0;
}

.pos_title {
    margin: 0 10px
}

.home_history .pos_title .title_h {
    margin-top: -24px;
    float: initial;
}

.pos_title .title_h {
    margin-top: 0;
    text-align: left;
    z-index: 2;
    color: #134a56;
    font-size: 37px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    position: relative;
    margin-bottom: 30px;
    float: left;
}

.is-countdown .countdown-section .countdown-amount {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 76px;
    position: relative;
}

.is-countdown .countdown-section .countdown-period {
    display: none;
}

.is-countdown {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}

.is-countdown .countdown-section {
    width: 76px;
    height: 76px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    margin: 0 10px 0 0;
}

.is-countdown .countdown-section:last-child {
    margin: 0;
}

.discount-tag {
    top: -5px;
    right: 0px;
    position: absolute;
    background: #ff0000;
    width: auto;
    padding: 5px 10px;
    color: #FFF;
    font-weight: normal;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
    z-index: 1;
    font-size: 15px;
    line-height: 20px;
    max-width: 45px;
}

.discount-tag:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 5px solid #ff0000;
    border-left: 8px solid transparent;
    top: 0px;
    right: 45px;
}

.discount-tag:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 23px solid transparent;
    border-right: 22px solid transparent;
    border-top: 6px solid #ff0000;
    top: 30px;
    right: 0px;
}

.pro_home_id ul:hover li img {
    transform: scale(1.1);
    transition: 0.5s;
}

.pro_home_id ul:hover .block-inner {
    opacity: 1;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.block-inner a {
    font-size: 18px;
    color: #ffcc32;
    display: inline-block;
    padding: 7px 0;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 3px;
    text-align: center;
}

.block-inner i:before {
    line-height: 28px;
}

.block-inner a:hover {
    color: #134a56
}

.block-inner {
    position: absolute;
    top: 0;
    background: transparent;
    padding: 10px 0;
    opacity: 0;
    width: 100%;
    margin-top: 100%;
}

.product-flag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ffcc32;
    color: #fff;
    padding: 0 15px;
    border-radius: 70px;
    font-size: 13px;
    z-index: 1;
    width: 60px;
}

.pro_home_id ul li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 15px;
}

.w3-container>h2 {
    color: #fff;
    font-weight: 100;
    font-size: 18px;
    padding: 30px 30px 0;
    text-align: center;
}

.pro_home_id ul .h4 ,
.pro_home_id ul h4 {
    position: relative;
    color: #bf0e09;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    display: inline-table;
    margin-top: 2px;
    height: 31px;
}

.tintuc_home ul .read_more {
    clear: both;
    margin: auto;
    text-align: center;
    margin-top: 10px;
    float: left;
}

#pro_tabs .owl-carousel .owl-item img {
    width: 85%;
    transition: all 0.5s
}

.pro_home_id ul h3 span {
    display: block;
    font-size: 14px;
    color: #c1c1c1;
    font-weight: 100;
}

.pro_home_id ul h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pro_home_id {
    margin: 0 -7px;
}
.pro_home_id ul .h3 a,
.pro_home_id ul h3 a {
    color: #000
}
.pro_home_id ul .h3 a:hover,,.item-product>.h3 a:hover,
.pro_home_id ul h3 a:hover,.item-product>h3 a:hover {
    color: #970d09;
}

.pro_home_id ul {
    float: left;
    width: calc(100% / 5 - 14px);
    margin: 15px 7px 0;
    -webkit-transition: all .3s ease;
    position: relative;
    text-align: left;
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.icon_sp1 li a:hover {
    color: #ffcc32;
}

.icon_sp1 li a {
    color: #ccc
}

.icon_sp1 li {
    line-height: 24px;
    font-size: 18px;
}

.icon_sp1 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.icon_sp {
    clear: both;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

.tbay-tooltip:hover,.add-cart a:hover {
    background: #ff0000;
    color: #fff
}

.tbay-tooltip {
    background-color: #ffcc32;
    border-radius: 3px;
    width: 34px;
    height: 34px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    color: #444;
    position: relative;
    text-align: center;
    padding: 0;
    margin-left: 0;
    float: left;
    font-size: 14px;
    font-weight: normal;
    display: block;
    top: -2px;
}

.tbay-tooltip i {
    line-height: 32px;
}

.add-cart {
    float: left;
}

.add-cart a i {
    margin-right: 5px;
    font-size: 14px;
}

.add-cart a {
    padding: 10px 13px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    margin-right: 5px;
    margin-left: 0;
    text-transform: uppercase;
    color: #ffffff;
    background: #21409a;
    border-radius: 3px;
}

.pro_home_id ul .h4 span.gia_ban ,
.pro_home_id ul h4 span.gia_ban {
    margin-right: 5px;
}

.pro_home_id ul .h4 span.gia_km ,
.pro_home_id ul h4 span.gia_km {
    color: #a7a7a7;
    font-weight: normal;
    font-size: 14px;
    text-decoration: line-through;
}

.dv_box_pro.dv_box_pro_detail .pro_home_id ul {
    margin: 20px 10px 0px;
}

.dv_box_pro .pro_home_id ul {
    margin: 30px 10px 0px;
}

.dv-home-qc {
    position: relative;
}

.pro_home_id ul .h4 span,
.pro_home_id ul h4 span {
    display: inline-block;
}

.dv-home-qc img {
    width: 100%
}

.pro_home_id ul img {
    width: 100%;
    transition: 0.5s !important;
}

.pro_home_id#pro_slide ul {
    width: calc(100% / 1);
    margin: 20px 0px 0px;
}

.pro_home_id#pro_slide {
    margin: 0;
}

.pro_home_id ul:hover {
    border-color: #fff;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1);
    border: 1px solid #ffcc32;
}

#pro_tabs .w3-bar {
    margin: auto;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}

.aboutus-content h3 span {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
}

.aboutus-content h4.name {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 400;
}

.aboutus-content p {
    color: #fff;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
}

.aboutus-content h3 {
    color: #fff;
    margin-bottom: 30px
}

#home-aboutus .aboutus-content {
    width: 55%;
    float: right;
    text-align: left;
}

.aboutus-img img {
    width: 68%
}

#home-aboutus .aboutus-img {
    width: 40%;
    float: left;
    text-align: right;
    background: url(../delete/background-img-1.png) right center;
    background-repeat: no-repeat;
    background-size: 100%;
}

#history_tabs .listtabs {
    overflow: hidden;
    text-align: left;
    border-bottom: 0;
    background: #ffe399;
    margin-bottom: 15px;
}

#history_tabs {
    width: 50%;
    float: right;
    text-align: left;
    max-width: 100%;
    margin-bottom: 0;
}

#home-aboutus .aboutus-head {
    text-align: center;
    position: relative;
}

#home-aboutus .aboutus-head h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 120px;
    opacity: 0.15;
    text-transform: uppercase;
    line-height: 120px;
}

#home-aboutus .aboutus-head h3 {
    text-align: center;
    z-index: 2;
    color: #134a56;
    font-size: 37px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    position: relative;
    margin-bottom: 40px;
}

.aboutus-head p {
    font-size: 15px;
    font-weight: 400;
    width: 800px
}

#home-aboutus .aboutus-head h3:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -20px;
    width: 100px;
    height: 3px;
    background-color: #134a56;
    right: 0;
    text-align: center;
    margin: auto;
}

#home-aboutus .aboutus-head h3 span {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffcc32;
}

.box_pro_sile.dv_box_pro .tiltle {
    float: inherit;
}

.tiltle_f-style {
    margin-bottom: 15px;
}

.box_pro_sile.dv_box_pro {
    background: #fff;
    padding: 0 0 55px;
}

.box_pro_sile .tiltle {
    color: #444;
    float: left;
    position: relative;
    border-left: 6px solid #970d09;
    padding-left: 12px;
    display: inline-block;
    font-weight: 500;
    font-size: 25px;
    border-bottom: 0;
    line-height: 1.2;
    margin-bottom: 10px;
}

.box_pro_sile .tiltle:before {
    content: "";
    border: 7px solid #970d09;
    border-color: transparent transparent transparent #970d09;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0px;
    display: none !important;
}


.box_pro_sile .title_h:after,.tintuc_home .title_h:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -20px;
    width: 100px;
    height: 3px;
    background-color: #134a56;
}

#home-aboutus {
    color: #888888;
    padding: 40px 0px;
    margin: auto;
    text-align: center;
}

.menu > li > ul ul.menu_child {
    background: #e1e1e1;
    width: 400px;
}

.menu li ul li ul.menu_child li {
    float: left;
    width: 50%;
}

.menu > li > ul li ul.menu_child li:first-child {
    padding-top: 0
}

.pagewrap.pagewrap_ad {
    padding-bottom: 10px
}

.album-zoom-gallery {
    margin: 0 -10px
}

div#lightgallery > div {
    width: calc(100% / 5 - 20px);
    margin: 10px;
    float: left;
    overflow: hidden;
}

.home_about img {
    width: 100%
}

.logo_top img {
    height: 75px;
    margin: 0;
}

.page_conten_page .left_contact >h3, .page_conten_page .right_contact >h3 {
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px dotted #ccc;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 500;
    color: #970d09;
    text-transform: uppercase;
}

.left_contact {
    float: left;
    width: 48%;
}

.right_contact {
    float: right;
    width: 48%;
}

.page_conten_page {
    padding: 40px 0
}

.link_page {
    z-index: 1;
    position: relative;
    padding: 10px 0;
    background: #ededed;
}

.contact-maps {
    float: right;
    width: 100%;
    margin-bottom: 0;
    margin-top: 30px;
}

.contact-maps li {
    display: initial;
    line-height: 0;
    display: block;
}

.list_item_1 .item .img {
    float: left;
    width: 40%
}

.list_item_1 .item #content>a {
    width: 56%;
    float: right;
}

.l-title {
    border-bottom: 2px solid #ffcc32;
    margin-bottom: 10px;
}

.list_item.list_item_1 .item #content>a::before {
    display: none;
}

.list_item .item #content>a::before {
    position: absolute;
    content: "";
    background: #ed1c22;
    width: 6px;
    height: 6px;
    left: -15px;
    top: 15px;
    z-index: 5;
}

.list_item .item a {
    display: block;
    padding: 5px 0px 5px 0px;
    color: #464646;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    position: relative;
}

.list_item .item a:hover {
    color: #ffcc32
}

.list_item .item {
    padding-left: 15px;
}

.list_item .item .img img:hover {
    transform: scale(1.2);
    opacity: 1;
    -webkit-filter: grayscale(0);
    transition: 0.5s
}

.list_item .item .img>a {
    overflow: hidden;
}

.list_item .item .img img {
    transition: 0.5s
}

.list_item .item:nth-child(2) {
    padding-left: 0;
    border-bottom: 1px dotted #bbb;
}

.list_item .item:nth-child(2) #content>a::before {
    display: none
}

.list_item.list_item_1 .item:nth-child(2) {
    padding-top: 0
}

.list_item.list_item_1 .item {
    border-bottom: 1px dotted #bbb;
    padding-left: 0;
    padding: 10px 0
}

.list_item.list_item_1 .item:last-child {
    border-bottom: none;
}

.l-title a {
    background: #ffcc32;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 17px 2px;
    font-family: 'tahoma', sans-serif;
}

.tintuc_box_home_1 {
    margin: 0 -10px;
    margin-bottom: 20px
}

.tintuc_box_home_1 .list_item {
    width: calc(100% / 3 - 20px);
    float: left;
    vertical-align: top;
    margin: 0 10px 10px;
}

.pull-left p {
    font-size: 14px;
    color: #464646;
}

.focus .pagewrap {
    padding: 6px 20px;
    box-shadow: 0px 2px 5px -2px rgba(99,99,99,1);
    background: linear-gradient(to bottom,rgba(255,255,255,100%) 0%,#e1e1e1 100%);
}

.pagewrap.top_banner_f {
    padding: 15px 0 30px;
}

.banner_right {
    width: 23%;
    float: right;
}

.banner_right li a {
    background: #d4d5d6;
    border-bottom: 2px solid #c5c5c5;
    padding: 7.7px 15px;
    display: block;
}

.banner_right li a:hover {
    background: #ffcc32;
    color: #fff
}

.banner_right li {
    display: block;
}

.banner_right li a {
    font-family: 'tahoma', sans-serif;
    color: #464646;
    text-transform: uppercase;
}

.banner_left {
    width: 100%;
    margin-bottom: 30px
}

.tintuc_box_home_1.tintuc_box_home_2 {
    margin-bottom: 0
}

.card-item h2 {
    color: #ffcc32;
    margin: 10px 0 7px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 23px;
}

.about-wrapper .card-item {
    float: left;
    padding: 20px 50px 30px;
    margin: -70px 30px 30px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15);
    max-width: 550px;
    margin-top: -200px;
    position: relative;
    background: #fff;
    z-index: 1;
    margin-left: 70px;
}

.about-wrapper .card-item.right {
    margin-right: 70px;
    float: right;
}

.content_feature span {
    color: #666
}

.content_feature p {
    color: #ffcc32;
    font-size: 25px;
    letter-spacing: 1px
}

.img_feature img {
    border-radius: 50%;
    margin-bottom: 15px;
    width: 93%
}

.section_doingu .col-lg-12 {
    width: calc(100% / 4 - 20px);
    float: left;
    margin: 20px 10px 0;
    text-align: center;
}

p.block.a-center {
    text-align: center;
    width: 750px;
    color: #666;
}

.section_doingu {
    padding: 55px 0
}

.title_module_main .title_main {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    color: #f5111a;
    margin-bottom: 50px;
    font-family: 'Oswald', sans-serif;
    position: relative;
    letter-spacing: 1px;
    text-align: center;
}

.title_module_main .title_main span {
    color: #000000;
    display: block;
    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
    font-weight: 400;
}

.title_module_main .title_main:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -39px;
    height: 38px;
    background: url(../images/home_about_img_2.webp);
    z-index: 2;
    width: 109px;
    margin: 0 auto;
}

.tt-vct-right>p>a {
    background: #253d4a;
    color: #fff;
    padding: 10px 25px;
    text-transform: capitalize;
}

.tt-vct-right>p {
    text-align: center;
    margin-top: 25px;
}

.tt-vct-right>p>a:hover {
    background: #71b100;
    transition: 1s;
}

.wl-home-full h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 1px
}

.wl-home-full {
    background: #f2f2f2;
    padding: 55px 0
}

.vct-left {
    width: 65%;
    float: left;
    margin-top: 2%;
}

.tt-vct-right {
    width: 32%;
    float: right;
    margin-top: -70px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.wl-home .wl-home-img {
    width: calc(100% /3 - 50px);
    float: left;
    text-align: center;
    position: relative;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 10px;
}

.wl-home .wl-home-img:before {
    content: '';
    position: absolute;
    left: -52%;
    top: 0px;
    width: 51%;
    height: 100%;
    background: #ffcc32;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.wl-home .wl-home-img img {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 50%;
    height: auto;
    z-index: 1;
}

.wl-home .wl-home-img:after {
    content: '';
    position: absolute;
    right: -50%;
    top: 0px;
    width: 50%;
    height: 100%;
    background: #ffcc32;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.wl-home .wl-home-img:hover:before {
    left: 0px;
}

.wl-home .wl-home-img:hover:after {
    right: 0px;
}

.wl-home>p {
    color: #42495b;
    text-align: left;
    margin: 1% 0;
    font-size: 20px;
    font-weight: 300;
    width: 750px;
}

.tt-vct-right .col-md-6 {
    width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
    border: 1px solid #ececec;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.default-info-box .inner-box {
    position: relative;
    display: block;
    padding: 20px 10px;
    background: none;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-info-box .inner-box .icon-box {
    position: relative;
    top: 0px;
    font-size: 30px;
    line-height: 30px;
    color: #71b100;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.btn-box {
    position: relative;
    border: 3px solid #fff000;
    padding: 7px 30px;
    color: #fff000;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-box:before, .btn-box:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-box:after {
    right: -10px;
    top: -10px;
    border-bottom: none;
    border-left: none;
}

.btn-box:before {
    left: -10px;
    bottom: -10px;
    border-top: none;
    border-right: none;
}

.btn-box a.theme-btn {
    color: #fff;
    text-transform: uppercase;
}

.btn-box:hover {
    background: #f5111a;
    color: #fff;
}

.btn-box:hover:before, .btn-box:hover:after {
    width: 100%;
    height: 0;
}

.btn-box:hover:before {
    left: 0;
}

.btn-box:hover:after {
    right: 0;
}

.section_task .btn-box {
    position: relative;
    margin-top: 10px;
}

.section_task .col-md-8 {
    margin: 0 2%;
    text-align: center;
}

.col-md-8 .text {
    color: #fff;
    margin: 10px 0;
    line-height: 33px;
}

.section_task .col-md-4 {
    width: 50%;
    float: left;
}

.section_task .content-column .title {
    position: relative;
    color: #f3f4f7;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.btn-box a.theme-btn {
    color: #fff;
    text-transform: uppercase;
}

.section_task .content-column h2 {
    position: relative;
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 45px;
    margin-top: 0;
    line-height: 60px;
}

.inner-box .text {
    color: #fff;
    font-size: 14px;
}

.section_task .inner-box h3 a {
    color: #fff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.content-column .inner-box h3:before {
    position: absolute;
    content: '';
    left: -50px;
    top: 12px;
    width: 35px;
    height: 1px;
    background-color: #fff;
}

.content-column .feature-block-two {
    margin-left: 60px;
    position: relative;
    margin-bottom: 30px;
}

.section_task .image img {
    position: relative;
    width: 100%;
    display: block;
}

.section_task {
    position: relative;
    padding: 35px 0px 35px;
    background-color: #ff784e;
}

.section_task:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    display: block;
    background-color: #ffffff;
    display: none;
}

.dv-header-top .pagewrap ul h3 {
    float: left;
    background: url(../images/add_id.png) center left no-repeat;
    padding-left: 50px;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    color: #666;
}

.service-content .service-text {
    padding: 10px 20px;
}

.service-content .service-name {
    width: calc(100% + 28px);
    background: #e0e0e0;
    margin-left: -14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}

.service-content .service-name:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -14px;
    left: 0;
    border-left: 14px solid transparent;
    border-top: 14px solid #d2d2d2;
    border-left-width: 14px;
    border-top-width: 14px;
}

.service-content .service-name:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -14px;
    right: -1px;
    border-right: 14px solid transparent;
    border-top: 14px solid #d2d2d2;
    border-right-width: 14px;
    border-top-width: 14px;
}

.service-content {
    width: 100%;
    background: #ffffff;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 95px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: -80px;
    padding-bottom: 15px;
}

.abouts_home ul .description p {
    letter-spacing: 2px
}

.counter_text {
    width: 33.333%
}

.count:after {
    content: "+";
    color: #f5111a;
    padding-left: 7px;
}

.counter_text .count {
    color: #f5111a;
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
}

.menu_style {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0
}

.pagewrap {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}

.padding_pagewrap {
    padding: 0 10px;
}

.showText p>span.mota_image {
    text-align: center;
    margin: auto;
    display: block;
    color: #a9a9a9;
    font-style: italic;
    padding-top: 7px;
}

.showText p, .abouts_home ul p {
    padding-bottom: 7px;
}

.showText figcaption {
    text-align: center;
}

.showText img {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}

.showText ul {
    padding-bottom: 15px;
}

.showText ul li {
    margin-left: 35px;
}

.left_top {
    width: 32%;
    float: left;
}

.dv-header-top p {
    float: left;
    text-align: left;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.dv-header-top p i {
    padding-right: 5px;
}

.dv-header-top {
    padding: 0;
    background: #970d09;
}

.dv-header-top ul {
    float: left;
}

.dv-header-top ul#menu-thong-tin {
    float: right;
    text-align: right;
}

.dv-header-top ul li {
    list-style: none;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #666;
    line-height: 50px;
    font-weight: normal;
    position: relative;
}

.dv-header-top ul li a {
    color: #ffffff;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    font-weight: 500;
}

.dv-header-top ul li a:hover {
    color: #fff !important;
}

.dv-header-top .menu > li > a.acti, .dv-header-top .menu > li:hover > a {
    background: #feca05;
    color: #970d09 !important;
}

.dv-header-top ul li i {
    padding-right: 5px;
}

.dv-header-top ul li span {
    color: #fff;
    font-size: 13px;
}

a.widget-button i:before {
    padding-right: 7px
}

a.widget-button {
    color: #fff;
    margin: 0 10px
}

.dv-header-top ul li img {
    height: 26px;
    width: auto;
    border: solid #ffffff 2px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
}

.dv-header-top ul li img:hover {
    border: solid #ffcc32 3px;
}

.dv-header-top ul.right_top {
    float: right;
    margin-top: 13px;
}

.box_menu .logo_top a {
    padding: 0
}

.logo_top {
    float: left;
    min-width: 160px;
}

.dv-header.fixed {
    box-shadow: -1px 0px 5px 0px rgba(163,163,163,1);
    top: 0;
    transition: all .5s;
    background: #fff;
    padding: 5px 0;
    position: fixed;
    z-index: 9999;
}

.dv-header {
    background: transparent;
    width: 100%;
    transition: all .5s;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 8px 0;
}

.logo_top ul li {
    float: left;
    line-height: 0;
    list-style: none;
}

.logo_top ul li img {
    height: 90px;
    width: auto;
}

.menu_header {
    background: transparent;
    width: 100%;
    position: relative;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.menu_header .pagewrap {
    background: #ffcc32;
    padding: 0
}

.logo_top ul h3 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 35px;
    font-weight: 400;
    color: #ed1c23;
    font-family: 'tahomabd', sans-serif;
    float: left;
    padding-left: 20px;
    letter-spacing: 1px;
    margin: 10px 0;
    text-align: center;
}

.logo_top ul h3 span {
    display: block;
    text-transform: initial;
    font-size: 16px;
}

.riht_header {
    float: right;
    margin-top: 20px;
}

.riht_header ul h3 {
    float: left;
    background: url(../images/add_id.png) center left no-repeat;
    padding-left: 50px;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    color: #666;
}

.riht_header ul h3 a {
    color: #666;
}

.riht_header ul h2 {
    float: left;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
    background: url(../images/icon_hotline.png) center left no-repeat;
    padding-left: 60px;
    color: #ffcc32;
    margin-right: 0;
}

.riht_header ul h2 a {
    color: #f5111a;
}

.riht_header ul h2 a:hover {
    color: #ffcc32;
}

.riht_header ul h2 span {
    font-size: 17px;
    display: block;
    font-weight: normal;
    line-height: 25px;
    color: #666;
}

.riht_header ul li {
    float: left;
    list-style: none;
    margin-top: 0;
}

.riht_header ul li a {
    display: block;
    padding: 10px 30px;
    border: solid #ccc 1px;
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    line-height: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.riht_header ul li a:hover {
    border: solid #ffcc32 1px;
    color: #fff;
    background: #ffcc32;
}

.box_menu .pagewrap {
    width: 100%
}

.box_menu.fixed .pagewrap {
    width: 1200px
}

.box_menu.fixed .logo_top img {
    height: 40px;
}

.menu_header.fixed {
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #ffcc32;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);
    padding: 0;
    margin: 0;
    float: none;
    left: 0;
    transition: all 1s;
}

.box_menu:after, .box_menu:before {
    content: "";
    position: inherit;
    top: 0px;
    left: 0;
    right: 0;
}

.box_menu.fixed:after, .box_menu.fixed:before {
    position: absolute;
}

.box_menu:before {
    top: auto;
    bottom: 0px;
}

.menu {
    padding: 0;
    text-align: center;
    float: left;
}

.menu * {
    list-style: none;
}

.menu > li + li {
    position: relative;
}

.menu > li + li:after {
    position: absolute;
    left: 0;
    height: 45px;
    bottom: 0;
}

.ExContent .button {
    float: right;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0 35px;
    margin-left: 10px;
    margin-top: 10px;
    color: #FFF;
    background: #ffcc32;
    white-space: nowrap;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    width: auto;
    border: none;
    height: 40px;
    line-height: 37px;
}

.List .Title_1 {
    background: #d4d5d6;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 18px;
}

.ExContent .button:hover {
    color: #FFF;
    background: #f5111a;
}

.ExContent td span {
    padding: 0 7px;
}

.ExContent table,.ExContent tr,.ExContent td {
    border: none;
}

td.auto-style1 {
    border: none;
}

.ExContent input#purchaseDate {
    width: 45.7%;
}

.ExContent input,.ExContent select {
    width: 100%;
    height: 35px;
    padding: 5px 15px;
    font-size: 15px;
    line-height: 30px;
    color: #464646;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

ul.flag-language {
    margin-top: 30px;
    float: right;
}

.right_top {
    float: left;
    width: 30%;
    position: relative;
    margin-top: 22px;
}

.evo-header-hotline-cart .hotline {
    position: relative;
    display: inline-block;
    margin: 2px 19px;
}

.evo-header-hotline-cart .hotline a {
    display: inline-block;
    color: #000;
    line-height: 23px;
    text-transform: uppercase;
    text-align: center;
}

.evo-header-hotline-cart .hotline a:hover span.evo-hotline {
    color: #ffcc32
}

.evo-header-hotline-cart .hotline a span {
    display: block;
    font-weight: 400;
    font-size: 14px;
}

.evo-header-hotline-cart .hotline a span.evo-hotline {
    font-weight: bold;
    font-size: 16px;
    color: #ff0000;
    letter-spacing: 1px;
}

.right_top img {
    width: 100%;
    float: right;
}

.menu > li > a i.fa-home {
    margin: 0;
    padding: 0;
    padding-right: 5px;
    font-size: 18px
}

.menu > li {
    float: left;
    position: relative;
}

.flag-language li {
    list-style: none;
    float: left;
    margin: 0 0 0 8px;
    width: 26px;
    height: 26px;
}

.flag-language li img {
    width: 100%
}

.menu > li:last-child {
    border-right: none
}

.menu > li > a {
    display: block;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #474747;
    font-weight: normal;
    padding: 13px 20px;
    color: #fff !important;
    text-transform: uppercase;
}

.menu > li > a i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    color: inherit;
    font-size: 11px;
    padding-left: 5px;
}

.menu > li:hover > a:after {
    left: 0;
    right: 0;
    opacity: 1;
}

.menu > li:hover > ul, .menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.menu_header.fixed .menu > li.active:before {
    display: none;
}

.menu > li.active > a:after {
    left: 0;
    right: 0;
    opacity: 1;
}

.menu > li > ul, .menu > li > ul ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    min-width: 250px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: block;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    border-top: 3px solid #ffcc32;
}

.menu > li > ul:before {
    content: "";
    border: solid 7px transparent;
    border-bottom-color: #ffcc32;
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    left: 17px;
    z-index: 2;
}

.menu > li > ul:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 3px;
    right: -3px;
    bottom: -3px;
    z-index: 0;
    background: rgba(0, 0, 0, 0.05);
}

.menu > li > ul > li, .menu > li > ul > li li {
    z-index: 2;
    position: relative;
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 0 15px;
    background: #feca05;
    width: 100%;
}

.menu > li > ul > li:first-child, .menu > li > ul li li:first-child {
    padding-top: 10px;
    border-radius: 0;
}

.menu > li > ul > li:last-child, .menu > li > ul > li li:last-child {
    padding-bottom: 10px;
    border-radius: 0;
}

.menu > li > ul > li:last-child > a, .menu > li > ul > li li:last-child > a {
    border: none;
}

.menu > li > ul > li > a, .menu > li > ul > li li a {
    display: block;
    white-space: nowrap;
    color: inherit;
    line-height: 1.5;
    font-size: inherit;
    background: rgba(255, 255, 255, 0);
    border-bottom: solid 1px rgb(255 255 255 / 40%);
    padding: 8px 5px 8px 0;
    text-decoration: none !important;
    text-transform: capitalize;
    text-align: left;
    font-size: 16px;
    color: #970d09 !important;
    font-weight: 500;
}

.menu > li > ul > li > a > span, .menu > li > ul > li li > a > span {
    float: right;
    line-height: 40px;
    padding-top: 13px;
}

.menu > li > ul > li:hover, .menu > li li ul > li:hover {
    z-index: 3;
}

.dv-notfull {
    margin: 0 10px;
}

.menu > li > ul > li:hover > a, .menu > li li ul > li:hover > a {
    padding: 8px 12px 8px 12px;
    background: #970d09;
    border-color: #970d09;
    color: #fff !important;
}

.menu > li > a i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 2px;
    color: inherit;
    font-size: 11px;
}

.menu > li > ul > li > a, .menu > li > li ul > li > a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.menu > li > a, .menu > li > a:after, .menu > li > ul > li > a, .menu > li li > ul > li > a {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.menu li.homepage a i {
    font-size: 25px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.menu li.homepage a {
    padding: 0 10px;
}

.menu li.homepage a:hover {
    color: #ff0;
    background: none;
}

.menu > li > ul ul {
    left: 100%;
    top: 0;
}

.timkiem_top {
    float: left;
    width: 35%;
    margin: 22px 4%;
    border: 1px solid #970d09;
    border-radius: 7px;
    overflow: hidden;
}

.tin_right .input_search {
    display: block;
}

.tin_right .timkiem_top {
    float: initial;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background: #ffcc32;
}

.dv-header-top ul li a b {
    font-size: 20px;
    position: absolute;
    top: 4px;
    left: -27px;
    color: #ffcc32;
}

.input_search {
    padding: 0px 0 0 15px;
    height: 41px;
    float: left;
    background: transparent;
    color: #666;
    width: 60%;
    border: none;
    font-size: 15px;
    line-height: 28px;
    font-family: 'Roboto', serif;
    font-weight: 400;
}

.right_header .fa-shopping-cart:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input_search:focus {
    color: #252525;
}

.right_header {
    float: left;
    margin: 31px 0;
}

.giohang_top {
    float: right;
    position: relative;
    text-align: left;
    margin: 0;
    width: 50%;
}

.giohang_top i {
    font-size: 26px;
    color: #252525;
}

.giohang_top h3 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 22px;
}

.right_header .login {
    float: right;
    color: #fff;
    border: 1px solid #707282;
    padding: 0 10px;
    margin-left: 23px;
    border-radius: 3px;
}

.login a {
    color: #252525
}

.giohang_top h3 span {
    font-size: 13px;
    color: #fff;
    background: #ff0000;
    height: 17px;
    width: 20px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50px;
    position: absolute;
    top: -7px;
    right: -8px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    text-align: center;
    line-height: 10px;
}

.tin_right .search a {
    width: 50px;
    text-indent: -10000px;
    background: #d8ece1 url(../images/search.png) no-repeat center 11px;
    float: right;
    border-left: 0px;
    height: 40px;
    background-size: 32%;
}

.search a {
    width: 60px;
    text-indent: -10000px;
    background: #970d09 url(../images/search.png) no-repeat center 11px;
    float: right;
    border-left: 0px;
    height: 41px;
    background-size: 30%;
}

.search a:hover {
    background-color: #ffcc32
}

.w3-container .w3-bar {
    background: #d4d5d6;
    box-shadow: 0px 4px 3px -2px rgba(148,148,148,1);
    margin-bottom: 3px
}

.w3-container .w3-bar .w3-red {
    background: #ffcc32;
    padding: 10px 20px;
    position: relative;
    color: #fff
}

.w3-bar .w3-button:after {
    content: "";
    width: 11px;
    height: 11px;
    background: url(../images/bkg-title.png) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    top: 19px;
}

.w3-bar .w3-button {
    padding: 10px 20px;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    border-bottom: 2px solid #616161;
    margin: 0 4px;
    font-size: 23px;
}

.w3-bar .w3-button.w3-red {
    border-bottom: 2px solid #ffcc32;
    color: #ffcc32
}

.w3-bar .w3-button.w3-red:after {
    background: url(../images/bkg-title-1.png) no-repeat 50% 50%;
}

.w3-bar .w3-button:hover {
    color: #ffcc32;
    border-bottom: 2px solid #ffcc32;
}

.w3-bar .w3-button:hover:after {
    background: url(../images/bkg-title-1.png) no-repeat 50% 50%;
}

.w3-container .w3-bar .w3-red:before {
    content: '';
    position: absolute;
    right: -12px;
    top: 0;
    width: 30px;
    height: 100%;
    background: #ffcc32;
    -ms-transform: skewX(10deg);
    transform: skewX(30deg);
    display: none;
}

.bannerInside {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 205px);
}

.slogan .read_more {
    margin-top: 0
}

.slogan {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding: 60px;
}

.slogan h2 {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    margin: 0;
    color: #4c4c4c;
}

.slogan>a:hover i {
    padding-left: 5px;
    transition: all 0.5s
}

.slogan>a i {
    transition: all 0.5s
}

.slogan h4 {
    font-size: 46px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    line-height: 56px;
    color: #009edb;
    padding: 22px 0 23px;
    margin: 0;
    letter-spacing: 1px;
}

.bannerMain .slogan {
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 9;
    top: 40%;
    transform: translateY(-50%);
    width: 1170px;
    right: 0;
    left: 0;
}

.left_banner {
    float: left;
    width: calc(100% - 320px);
}

.news-list a {
    color: #333;
    display: block;
    line-height: 0;
    margin-bottom: 10px;
    height: 140px;
    border-radius: 7px;
    overflow: hidden;
}

.news-list a:hover {
    color: #ffcc32
}

.right-news .news-list li {
}

.news-list li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.text-primary {
    color: #ee3e80!important;
    float: right;
}

.card-summary p {
    line-height: 22px;
    font-size: 14px;
}

.card-summary {
    padding: 10px 15px 0;
}

.right-news .news-list h5 {
    font-size: 15px;
    max-height: 54px;
    overflow: hidden;
}

.dv-foot-bottom {
    padding: 12px 0;
    background: #970d09;
    color: #fff;
}

.right-news .news-list h5.item-title {
    padding: 0 15px;
}

.right-news.col-lg-3 {
    float: right;
    width: 320px;
    padding-left: 10px;
}

.right-news.col-lg-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerMain {
    position: relative;
    height: 440px;
    width: 100%;
    float: right;
    border-radius: 7px;
    overflow: hidden;
}

.bannerMain .owl-carousel .owl-item img {
    height: 440px;
}

.dv-ul-menu.dv-ul-menu-child {
    opacity: 0;
    z-index: -1;
}

.dv-menu-left:hover .dv-ul-menu.dv-ul-menu-child {
    opacity: 1;
    z-index: 999;
}

.dv-nut-menu {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 46px;
    font-weight: 500;
    font-size: 18px;
    padding-left: 15px;
    cursor: pointer;
    background: #21409a;
}

.dv-menu-left {
    width: 270px;
    float: left;
    background: #ffffff;
    color: #fff;
    position: absolute;
    height: 100%;
}

.dv-ul-menu {
    position: relative;
    width: 100%;
    margin-top: 0;
    background: #fff;
    z-index: 1;
    border: 1px solid #ebebeb;
    border-top: 0;
}

.dv-ul-menu ul, .dv-ul-menu li {
    list-style: none;
}

.dv-ul-menu ul.sub-1 {
}

.dv-ul-menu ul li {
    -webkit-box-shadow: inset 0px 1px 0px 0px #eee;
    -moz-box-shadow: inset 0px 1px 0px 0px #eee;
    box-shadow: none;
    padding: 0;
}

.vertical-menu-item {
    display: block;
    border-top: 1px solid #ebebeb;
}

.dv-ul-menu ul li a {
    text-decoration: none;
    color: #4c4c4c;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

.vertical-menu-item i.fa-th-large {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 8px;
    color: #393;
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.vertical-menu-item>a h2 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}

.vertical-menu-item i.fa-angle-right {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 14px;
    color: #666;
}

.bannerMain .owl-carousel {
    z-index: 0
}

.vertical-menu-sub {
    display: none;
    position: absolute;
    left: 100%;
    width: 671px;
    top: 0;
    min-height: calc(100% + 0px) !important;
    margin-left: 0px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    z-index: 20;
    padding: 20px;
    z-index: 1;
}

.vertical-menu-item:hover .vertical-menu-sub {
    display: block;
}

.vertical-menu-item>a {
    line-height: 36px;
    padding: 8px 0 8px 15px;
    display: block;
    position: relative;
    color: #272727;
}

.vertical-menu-sub li {
    float: left;
    width: calc(100% / 4 - 20px);
    margin: 10px 10px 0;
    display: block;
}

.dv-ul-menu ul li a:hover,.dv-ul-menu ul li a:hover i {
    color: #ffcc32
}

.dv-ul-menu ul ul.sub-2 > li > a {
    display: block;
    margin-bottom: 0;
    color: #333 !important;
    font-size: 18px;
    text-transform: capitalize;
}

.dv-ul-menu ul ul.sub-2 > li > a:hover {
    color: #ffcc32 !important;
}

.vertical-menu-sub h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

.vertical-menu-sub h2 img {
    display: block;
    height: 47px;
}

.bannerMain .pagewrap {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0
}

.banner_left .right_tt_home {
    float: right;
    width: 38%
}

.banner li {
    float: left;
    width: 100%;
    list-style: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default;
    position: relative;
}

.posBL {
    left: 0px;
    bottom: 0px;
}

.pagiBanner {
    position: relative;
    left: 0;
    right: 0;
    bottom: 50px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 2;
}

.pagiBanner a, .pagiBanner_2 a, .pagiBanner_3 a {
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    background: #00000061;
    text-indent: -100000px;
    margin: 0 4px;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    border: solid #fff 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.pagiBanner a.selected, .pagiBanner_2 a.selected, .pagiBanner_3 a.selected {
    background: #f5111a;
}

.pagiBanner_2, .pagiBanner_3 {
    position: relative;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: auto;
    text-align: center;
    z-index: 10;
}

.box_title_banner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: auto;
    color: #FFF;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
    width: 100%;
    padding: 3% 4%;
}

.box_title_banner ul h3 {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 75px;
    font-weight: 600;
    padding-bottom: 10px;
    text-shadow: 1px 1px #000000;
}

.box_title_banner ul p {
    font-size: 17px;
    line-height: 26px;
}

.box_title_banner ul h4 a {
    float: left;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 35px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: solid #fff 1px;
    color: #fff;
    padding: 5px 40px;
    margin-top: 25px;
}

.box_title_banner ul h4 a:hover, .abouts_home ul h4 a:hover, .our_product_id ul h4 a:hover {
    color: #fff;
    background: #ffcc32;
}

.abouts_home {
    background: #fff;
    padding-bottom: 55px;
}

.abouts_home li {
    width: 48%;
    float: right;
    list-style: none;
    line-height: 0;
}

.abouts_home li img {
    width: 100%;
    height: auto;
    background: #fff;
}

.abouts_home ul {
    width: 48%;
    float: left;
}

.abouts_home h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    color: #f5111a;
    margin-bottom: 50px;
    font-family: 'Oswald', sans-serif;
    position: relative;
    letter-spacing: 1px;
    text-align: center;
}

.abouts_home h3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -39px;
    height: 38px;
    background: url(../images/home_about_img_2.webp);
    z-index: 2;
    width: 109px;
    margin: 0 auto;
}

.abouts_home h3 span {
    color: #000000;
    display: block;
    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;
    font-weight: 400;
}

.abouts_home ul h4 a {
    float: left;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #ffffff;
    padding: 7px 30px 7px;
    border-radius: 50px;
    background: #ffcc32;
}

.abouts_home ul h4 a:hover {
    background: #f5111a
}

.our_product_home {
    background: #eee;
    padding: 50px 0;
}

.box_out_us_home {
    padding: 50px 0;
    background: url(../images/bg_2.jpg) center center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    color: #fff;
    position: relative;
}

.box_out_us_home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #002e4682;
    transition: .3s all ease;
    z-index: 0;
}

.left_au img {
    width: 100%
}

.box_out_us_home .left_au {
    width: 49%;
    float: right;
}

.right_au {
    width: 48%;
    float: left;
}

.accordion li i {
    padding-right: 10px;
}

.accordion li a {
    background: transparent;
    line-height: 30px;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 20px;
    padding: 11px 10px;
    font-weight: 500;
    list-style: none;
    display: block;
    margin-bottom: 5px;
    font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif;
    border: 1px solid #fff;
    border-radius: 4px;
}

.accordion li .menu_parent:hover, .accordion li a.active {
    background: #ffcc32;
    color: #fff;
}

.accordion ul {
    background: #fff;
    margin-top: 5px;
    padding: 20px;
    margin-bottom: 5px;
    list-style: none;
    color: #333;
    font-size: 20px;
    border-radius: 4px;
}

.accordion {
    list-style: none;
}

#news_slide {
    margin-top: 20px
}

.title_page {
    text-align: left;
    width: 100%;
    background: #21409a;
}

.title_page ul h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    background: url(../images/quochuy.png) 10px center no-repeat;
    margin-bottom: 0;
    background-size: 26px;
    font-family: 'tahoma', sans-serif;
    padding: 6px 0 6px 45px;
}

.title_page ul h4 span {
    color: #f5111a;
}

.title_page.title_page_2 ul h3 {
    color: #fff;
}

.title_page ul p {
    color: #666;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    padding-top: 15px;
}

.our_product_id {
    text-align: center;
}

.our_product_id ul {
    width: 29%;
    display: inline-table;
    margin: 0 10px;
    padding: 0 15px;
}

.our_product_id ul li {
    list-style: none;
    line-height: 0;
    position: relative;
    z-index: 1;
}

.our_product_id ul li img {
    width: auto;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid #FFF 10px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.our_product_id ul h3 {
    color: #ffcc32;
    text-transform: capitalize;
    font-size: 23px;
    font-weight: 300;
    line-height: 40px;
    padding: 5px;
}

.our_product_id ul h4 a {
    display: inline-table;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 35px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: solid #ffcc32 1px;
    color: #ffcc32;
    padding: 5px 40px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.link_page ul h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    float: left;
    width: 100%;
    text-align: left;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.showText.showText_lienhe p {
    margin: 0 0 5px;
    padding: 0;
}

.left_contact p {
    line-height: 1.6;
}

.contact .left li {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
    float: left;
}

.link_page ul li span.active {
    color: #21409a
}

.link_page ul li {
    list-style: none;
    font-size: 15px;
    text-transform: capitalize;
    float: right;
    font-weight: 400;
    width: 100%;
    text-align: left;
    height: auto;
}

.link_page ul li i {
    padding-right: 7px;
    top: 5px;
}

.link_page ul li a {
    color: #4c4c4c;
    padding: 0;
}

.link_page ul li span {
    padding: 0 10px;
}

.link_page ul li a:hover, .riht_header ul h3 a:hover {
    color: #970d09;
}

.company_contact ul {
    margin: 0 10px 20px 10px;
    float: left;
    width: 346px;
    padding: 20px;
    background: #eeeeee;
    min-height: 100px;
}

.company_contact ul.contact_2 {
}

.company_contact ul p {
    font-size: 16px;
    line-height: 25px;
    padding-top: 5px;
    color: #000;
}

.company_contact ul h3 {
    text-transform: uppercase;
    color: #970d09;
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    margin-bottom: 5px;
}

.company_contact ul h3 i {
    margin-right: 10px;
}

.map_contact iframe {
    width: 100%;
    height: 500px;
}

.contact h2 {
    text-align: center;
    margin-bottom: 10px;
}

.contact p.p-brief {
    text-align: center;
    margin-top: 10px;
    width: 100%
}

.contact .left {
    width: calc(100% + 10px);
    margin: 0 -5px;
}

.contact .right {
    width: 100%;
    float: right;
}

.formBox li {
    display: block;
    position: relative;
    margin-bottom: 10px;
    z-index: 0;
}

.formBox li input, .formBox li textarea {
    border: solid 1px #ccc;
    height: 45px;
    color: #999;
    padding: 0 10px 0 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    font-weight: 400;
}

.formBox li textarea {
    padding: 10px 10px 10px 45px;
    height: 99px;
}

.contact .left input {
    width: 100%;
}

.contact .right input, .contact .right textarea {
    width: 100%;
}

.formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}

.formBox li.name:after {
    background-image: url("../images/contact/c_name.png")
}

.formBox li.phone:after {
    background-image: url("../images/contact/c_phone.png");
}

.formBox li.mail:after {
    background-image: url("../images/contact/c_mail.png");
}

.formBox li.local:after {
    background-image: url("../images/contact/c_local.png");
}

.formBox li.subject:after {
    background-image: url("../images/contact/c_subject.png");
}

.formBox li.mess:after {
    background-image: url("../images/contact/c_mess.png");
}

.formBox li.code:after {
    background-image: url("../images/contact/c_code.png");
}

.formBox li.day:after {
    background-image: url("../images/contact/day.png");
}

.formBox li.songuoi:after {
    background-image: url("../images/contact/songuoi.png");
}

.dv-alienhe a, .formBox .button {
    float: right;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 20px;
    margin-left: 10px;
    height: auto;
    line-height: 1.5;
    margin-top: 10px;
    color: #FFF;
    background: #970d09;
    white-space: nowrap;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
}

.formBox .button:hover, .dv-alienhe a:hover {
    color: #970d09;
    background: #ffcc32;
}

.formBox li span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    padding: 0 10px;
    font-weight: normal;
    z-index: 2;
    letter-spacing: 1px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

.tintuc_home_id, .product_list, .pro_id, .company_contact, .logo_doitac, .our_product_id {
    margin: 0 -10px;
}

.nums {
    table-layout: auto;
    margin-top: 15px;
    text-align: right;
}

.nums li {
    list-style: none;
    display: inline-block;
    float: left;
}

.nums a {
    font-size: 16px;
    display: block;
    margin: 0 6px 0 0;
    padding: 3px;
    line-height: 22px;
    height: 30px;
    width: 30px;
    table-layout: inherit;
    text-align: center;
    color: #000;
    background: transparent;
    border: #dee2e6 1px solid;
    text-decoration: none;
    font-weight: 400;
}

.nums ul {
    display: inline-block;
    line-height: 0;
}

.nums a:hover, .nums a.active, .nums a.stay:hover {
    background: #970d09;
    color: #ffffff;
    border-color: #970d09;
}

.nums a.stay {
    width: 44px;
    font-size: 15px;
    line-height: 20px;
}

.contentContainer h2.chucdanh {
    background: #d4d5d6;
    padding: 6px 20px;
    margin-bottom: 15px;
    color: #ffcc32;
    font-size: 20px;
}

.canboinfo {
    width: 100%;
    display: inline-block;
}

.canboinfo .anhdaidien {
    width: 20%;
    float: left;
    margin-bottom: 20px;
    text-align: justify;
}

.canboinfo .anhdaidien img {
    width: 100%;
}

.canboinfo .info {
    text-align: justify;
    float: right;
    width: 77%;
}

.canboinfo .info strong {
    color: #000;
    font-size: 16px;
}

.title_news {
    border-bottom: solid 1px #E6E6E6;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.title_news li .fa-calendar:before {
    padding-right: 5px
}

.title_news h1,
.title_news .h2,
.title_news h2 {
    font-size: 25px;
    line-height: 40px;
    font-weight: 500;
    color: #970d09;
    text-transform: uppercase;
    display: inline-block;
}

.tin_left .one_new_home {
    width: 55%;
    float: left;
}

.tin_left .one_new_home_right {
    float: right;
    width: 42%;
}

.title_news li {
    font-size: 15px;
    color: #464646;
    list-style: none;
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 5px;
}

.title_news p {
    line-height: 32px;
    color: #171c2b;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 15px;
}

.images_poup_sp {
    float: left;
    width: 40%;
}

.images_poup_sp img {
    width: 100%
}

.page_sp_ct {
    width: 900px;
    padding: 20px;
    background: #fff;
}

.dv-home-spfull {
    padding: 50px 0 0;
}

.pro_home_id#pro_slide1 {
    margin: 0;
    clear: both;
}

.pro_home_id#pro_slide2 ul,.pro_home_id#pro_slide1 ul {
    width: calc(100% / 1);
    margin: 20px 0px 0px;
}

.pro_id ul h3 a {
    color: #333;
    display: block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.pro_home_id.pro_id ul h3 span {
    color: #6d6d6d;
}

.pro_home_id.pro_id ul h4 span {
    color: #bf0e09;
}

.pro_home_id.pro_id ul h4 span.gia_km {
    color: #a7a7a7;
}

.pro_home_id.pro_id ul {
    border: 1px solid #dee2e6;
    margin: 0 7px 14px;
    width: calc(100% / 4 - 14px);
}

.pro_id ul h4 a {
    color: #ffcc32;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.pro_id ul h4 a i {
    padding-left: 7px;
}

.pro_id ul p {
    color: #666;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 5px;
}

p.p-star span:before {
    content: "\f006";
    color: #feca05;
}

p.p-star span.checked:before {
    content: "\f005";
}

.pro_id#pro_slide3 ul li img {
    width: 70%
}

.pro_id ul li, .pro_id ul li img {
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.pro_id ul h4 a:hover, .pro_id ul h3 a:hover, .product_list ul:hover h3 {
    color: #970d09;
}

.box_page {
    margin-top: 20px;
}

#sharelink {
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid #e8e8e8 1px;
}

.placeNav_2, .placeNav_4 {
    position: absolute;
    top: 30%;
    z-index: 3;
    color: #fff;
    font-size: 60px;
    width: 30px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    background: rgba(2, 2, 2, 0.21);
    opacity: 0;
}

.placeNav, .placeNav_3 {
    position: absolute;
    top: 30%;
    z-index: 3;
    color: #fff;
    font-size: 50px;
    width: 35px;
    line-height: 24px;
    height: 35px;
    background: #ffcc32;
    text-align: center;
    opacity: 0;
    border-radius: 50%;
    padding: 4px;
}

.placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev {
    left: 10px;
}

.placeNav_2.next, .placeNav_4.next {
    right: 10px;
    text-indent: 3px;
}

.placeNav.next, .placeNav_3.next {
    right: 10px;
    text-indent: 3px;
}

.placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_4, .placeSlide_main:hover .placeNav_3 {
    opacity: 1;
}

.placeNav:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover {
    color: #fff;
    background: #f5111a;
}

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

.placeSlide {
    width: 1300px;
}

.product_list ul {
    float: left;
    margin: 0 10px 30px 10px;
    width: 285px;
}

.product_list ul li, .product_list ul li img {
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: block;
}

.product_list ul h3 {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
    padding-top: 15px;
    font-weight: normal;
    color: #ffcc32;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.ct_add ul h3 {
    float: left;
    margin: 0 5px;
}

span.number-down, .number-up {
    line-height: 43px;
    width: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    font-size: 16px;
    user-select: none;
}

span.number-down:hover, .number-up:hover {
    cursor: pointer;
}

input#number {
    width: 30px;
    text-align: center;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.so-luong-mua {
    float: left;
    width: 100px;
    display: inline-block;
    border: none
}

.ct_add ul h3 a {
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 4px 35px;
    line-height: 35px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border-radius: 3px;
}

.ct_add {
    margin-top: 15px
}

.ct_add ul h3 a.clor_01 {
    background: #ffcc32;
}

.line {
    padding: 0 5px;
}

.ct_add ul h3 a.clor_02 i {
    padding-right: 10px
}

.ct_add ul h3 a.clor_02 {
    background: #21409a;
}

.ct_add ul h3 a:hover {
    background: #ffcc32;
    color: #4c4c4c
}

.viewRight .h3,
.viewRight h3 {
    font-size: 22px;
    color: #ef0000;
    font-weight: 500;
    padding: 10px 0 15px;
}

.viewRight .h3 span.gia_km,
.viewRight h3 span.gia_km {
    font-size: 21px;
    padding-left: 10px;
    font-weight: normal;
    color: #333;
    text-decoration: line-through;
}

.pro_home_id ul:hover li.pro_1_b, .pro_home_id_2 ul:hover li.pro_1_b {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.new_right.new_right_2column ul {
    width: calc(100% / 2 - 20px);
    margin: 10px 10px 5px;
    float: left;
    position: relative;
    padding: 0;
    padding-bottom: 10px;
}

.new_right.new_right_2column ul li {
    width: 100%
}

.new_right ul:hover li.pro_1_b {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.new_right ul li.pro_1_b {
    list-style: none;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -moz-border-radius: 50%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.pro_home_id ul li.pro_1_b, .pro_home_id_2 ul li.pro_1_b {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -moz-border-radius: 50%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.box_home_2 {
    background: #fff;
    padding-top: 10px;
}

.box_home_2 #pro_tabs {
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.box_home_2 #pro_tabs .listtabs {
    text-align: left;
}

#pro_tabs {
    margin: 0;
    float: right;
    margin-top: 7px;
}

.listtabs li a:hover, .listtabs li a.selected, .listtabs li a.selected:hover {
    color: #ff0000;
}

.listtabs {
    overflow: hidden;
    text-align: center;
}

.listtabs li {
    display: inline-table;
    list-style: none;
    margin: 0 0px;
}

.box_page .tt_dichvu {
    margin-top: 20px
}

.tt_dichvu .new_id_bs ul .h3 a ,
.tt_dichvu .new_id_bs ul h3 a {
    text-transform: uppercase;
    height: auto;
}

.qc-sp-image {
    margin: 0 10px
}

.qc-sp-image img {
    width: 100%;
    margin-bottom: 20px;
}

.tin_left .box_home_2 #pro_tabs {
    margin-bottom: 0;
    width: 100%;
    float: initial;
}

.p-contact a {
    color: #ff0000;
    font-size: 18px
}

.tin_left .tabs {
    border: 1px solid #ebebeb;
    padding: 20px
}

.tin_left .listtabs li {
    border: 1px solid #ebebeb;
    padding: 10px;
}

.tin_left .listtabs li a {
    border-right: none;
}

.listtabs li a {
    color: #4c4c4c;
    text-decoration: none;
    display: block;
    padding: 0 0 0 12px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    border-left: 1px solid #d4d4d4;
    margin-left: 12px;
}

.listtabs li:last-child a {
    border-right: none;
}

.viewRight .desc b {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #22232b;
    font-weight: normal;
}

.viewRight .desc b span {
    margin-left: 15px;
    font-size: 19px;
    color: #666;
    font-weight: normal;
    text-decoration: line-through;
}

.viewRight .desc li {
    line-height: 20px;
    margin-bottom: 10px;
    text-indent: 15px;
    list-style: none;
    background: url(../images/icon-check-pink.png) no-repeat left 6px;
    margin-left: 15px;
    font-size: 15px;
}

.viewRight p {
    color: #9f9f9f;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.viewRight p a {
    color: #666;
}

.viewRight p a:hover {
    color: #034ea2;
}

.viewRight p i {
    padding-right: 5px;
}

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

.quantity, .quantity * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

.quantity label {
    font-size: 16px;
    padding-right: 5px;
}

.quantity .input-text {
    width: 50px;
    height: 50px;
    border: none;
    text-align: center;
    font-size: 18px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}

.quantity p {
    padding: 15px 0 10px 0;
    border-top: dotted 1px #ddd;
    font-size: 18px;
    text-transform: uppercase;
}

.quantity .minus, .quantity .plus {
    position: absolute;
    bottom: 0px;
    left: 142px;
    width: 30px;
    height: 23px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    background: #034ea2;
    line-height: 19px;
}

.quantity .minus {
    font-size: 25px;
}

.quantity .plus {
    bottom: 27px;
}

.quantity a {
    position: relative;
    height: 50px;
    line-height: 52px;
    position: absolute;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 18px 0 50px;
    color: #fff;
    border: solid 1px #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    background: #f5111a;
    margin-left: 50px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
}

.quantity a:hover {
    color: #fff;
    background: #034ea2;
}

.quantity a:before {
    content: "";
    background-image: url("../images/icon-cart-w.png");
    background-position: center center;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 26px;
    height: 22px;
    z-index: 2;
    line-height: normal;
}

#proView .link a {
    display: inline-block;
    height: 24px;
    line-height: 26px;
    padding-left: 30px;
    color: #333;
    position: relative;
}

#proView .link a:hover {
    color: #f00;
}

#proView .link a:first-child {
    margin-right: 22px;
}

#proView .link {
    margin-bottom: 15px;
}

#proView .link a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #646464;
    background-position: center center;
    background-repeat: no-repeat;
}

#proView .link a.b_mail:after {
    background-image: url("../images/icon-mail.png");
}

#proView .link a.b_share:after {
    background-image: url("../images/icon-share.png");
}

#proCont {
    padding: 0px 0px;
}

.listDesc {
    margin-bottom: 15px;
    box-shadow: inset 0 -5px #E6E6E6;
}

.listDesc a {
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    line-height: 40px;
    margin-right: 20px;
    padding-bottom: 5px;
    box-shadow: inset 0 -5px #646464;
    color: #999;
}

.status_name {
    color: #970d09
}

.titleView {
    position: relative;
    padding: 0px 0 10px 0;
    line-height: 30px;
    font-size: 23px;
    color: #4c4c4c;
    font-weight: 400;
}

.viewRight h2 {
    font-size: 20px;
    position: relative;
    border-bottom: dotted 1px #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: #f60;
}

#bridal_images {
    background: #fff;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
}

#bridal_images img {
    border: none;
    width: 100%;
    height: auto;
    margin: 0px auto;
}

#bridal_images_list {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

#bridal_images_list li {
    list-style: none;
    float: left;
    height: 77px;
    width: 69px;
    margin: 0 5px;
    border: 1px solid #CCC;
    background: #fff;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    margin-top: 5px;
}

#bridal_images_list li:hover {
    border: 1px solid #999;
    background: #fff;
}

#bridal_images_list img {
    width: 100%;
    border: none;
}

.pro_slide_prev, .pro_slide_next {
    position: absolute;
    width: 12px;
    border: solid 1px #ccc;
    bottom: 50%;
    height: 50px;
    margin-bottom: -25px;
    text-indent: -10000px;
}

.pro_slide_prev {
    left: 0px;
    border-radius: 5px 0px 0px 5px;
    background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4;
}

.pro_slide_next {
    right: 0px;
    border-radius: 0px 5px 5px 0px;
    background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4;
}

a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
    opacity: .5;
}

a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
    cursor: default;
}

.cloud-zoom-lens {
    cursor: move;
}

.cloud-zoom-big {
    overflow: hidden;
}

.cloud-zoom-loading, img.loading {
    background: url(../images/loading.gif) no-repeat scroll center transparent;
}

#pro_img_main {
    margin-bottom: 25px;
}

.dathang_id {
    border-top: solid #ccc 1px;
    padding-top: 15px;
    margin-top: 5px;
}

.dathang_id a {
    display: block;
    color: #fff;
    float: left;
    background: #ffcc32;
    font-size: 18px;
    padding: 8px 30px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    text-transform: capitalize;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
}

.dathang_id a i {
    padding-right: 10px;
    font-size: 20px;
}

.dathang_id a:hover {
    background: #f5111a;
}

.box_page_home {
    padding-top: 50px;
    padding-bottom: 20px;
}

.Title {
    margin: 15px 0 5px;
}

table th {
    line-height: 40px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

tr:hover {
    background-color: #f5f5f5;
}

th, td {
    border-bottom: 1px solid #ddd;
}

th, td {
    padding: 5px 15px;
    line-height: 25px;
}

td a {
    color: #ed1c23;
    text-align: center;
    font-size: 15px;
}

td a:hover {
    color: #ed1c23;
}

table {
    border: 1px solid black;
}

table {
    width: 100%;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #ccc;
}

#back-top {
    position: fixed;
    top: 40%;
    right: 10px;
    z-index: 1;
}

#back-top a span {
    position: absolute;
    top: 1px;
    right: 0;
    left: auto;
    font-size: 11px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: red;
    z-index: 1;
    line-height: 18px;
    border-radius: 50%;
    border: 2px solid #fff;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 12%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 12%);
}

#back-top a {
    display: block;
    width: 40px;
    line-height: 40px;
    background: #fff;
    position: relative;
    outline: none;
    color: #1f1f1f;
    font-size: 20px;
    text-align: center;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border-radius: 4px;
    height: 40px;
    border: 1px solid #e3e3e3;
    margin: 3px 0px;
    clear: both;
}

.center_column {
    display: flex;
    flex-wrap: unset;
}

.col1-top {
    padding: 50px 40px;
}

.sign_col1 {
    width: 40%;
    text-align: center;
    background: #d4d5d6;
    color: #464646;
}

.col1_subheading {
    font-size: 30px;
    margin: 15px 0;
    font-weight: 300;
}

.button_sign:hover {
    background: #134a56;
}

.sign_col2 {
    background: #efefef;
    padding: 30px 40px;
    color: #464646;
    width: 50%;
    position: relative;
}

.sign_input {
    width: 100%;
    border-width: 0 0 2px 0;
    padding: 10px 10px 13px;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: 'tahoma', sans-serif;
    background: #ffffff;
    border: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    margin: 6px 0;
}

.col1_des {
    line-height: 25px;
    margin-top: 10px;
}

.link_login {
    margin-bottom: 5px;
}

.button_sign {
    background: #ffcc32;
    color: #fff;
    border-width: 0;
    font-size: 17px;
    line-height: 15px;
    text-transform: uppercase;
    padding: 12px 25px 14px;
    margin: 20px 0;
    cursor: pointer;
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.sign_col2 h3 {
    font-size: 23px;
    line-height: 25px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}

.link_login a {
    color: #20a9ea;
    text-decoration: underline;
}

#back-top a i {
    line-height: 1.5;
    display: block;
    top: 3px;
    position: relative;
}

#back-top a b {
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    top: -5px;
    font-weight: normal;
}

.menu > li:hover a {
    color: #ffcc32
}

.menu > li.active a {
    color: #ffcc32
}

.box_menu {
    float: left;
}

.menu_header>div>a {
    float: right;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding-top: 8px;
    padding-right: 20px
}

.menu_header>div>a:hover {
    color: #fff000
}

.fa-account:before {
    content: "\f007";
    font-size: 16px;
    margin-right: 7px;
}

#back-top a:hover {
    color: #fff;
    background: #970d09;
    border: 1px solid #970d09;
}

.footer {
    font-weight: normal;
    position: relative;
    background: #fff;
    border-top: 1px solid #ededed;
}

.footer a img {
    height: 22px;
    padding: 0 10px;
}

.footer a {
    color: #4c4c4c;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear;
}

.footer a:hover {
    color: #970d09;
}

.right_footer {
    float: right;
    width: 66%;
}

.right_footer ul {
    float: left;
    width: 29%;
    margin-left: 4%;
}

.right_footer ul li {
    list-style: none;
}

.right_footer ul li a {
    color: #fff;
    line-height: 30px;
}

.right_footer ul li a i {
    padding-right: 7px;
}

.right_footer ul li a:hover {
    color: #00bed5;
}

.right_footer ul h3 {
    font-size: 20px;
    color: #00bed5;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 10px;
}

.top_footer img {
    height: 60px
}

.top_footer {
    padding-top: 40px;
    text-align: center;
}

.top_footer .menu > li > a {
    text-transform: capitalize;
}

.left_footer {
    margin: 0 -20px;
}

.ft_maps {
    float: right;
    width: 50%
}

.bottom_ft a {
    color: #4c4c4c;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear;
}

.new_letter_bottom {
    position: relative;
    z-index: 1;
    width: 35%;
    background: #ffffff;
    padding: 15px 20px 20px;
    border: solid #ccc 1px;
    border-radius: 4px;
    float: left;
    margin-left: 4%;
    margin-top: 4px;
}

.bottom_id_copyright ul .h3,
.bottom_id_copyright ul h3 {
    color: #970d09;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;
    line-height: 30px;
}

.bottom_id_copyright ul {
    float: left;
    width: auto;
    margin: 0;
    color: #666;
    text-align: left;
}

.bottom_ft a:hover {
    color: #ffcc32;
}

.bottom_ft a img {
    height: 22px;
    padding: 0 10px;
    display: inline-block;
}

.footer ul.menu {
    width: 100%
}

.footer ul.menu li a {
    padding: 5px
}

.footer ul.menu li {
    clear: initial;
    width: 47%;
    text-align: left;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    margin-right: 10px;
}

.left_footer>ul {
    width: calc(23% - 38px);
    float: left;
    margin: 0 20px;
}

.widget_getintuch li:last-child {
    margin-bottom: 0;
}

.left_footer ul p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.left_footer ul p i {
    margin-right: 10px;
}

.left_footer ul:nth-child(1)>div {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.left_footer ul .h3:after ,
.left_footer ul h3:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 16px;
    width: 75px;
    height: 2px;
    background-color: #21409a;
    display: none;
}

.left_footer ul .h3 ,
.left_footer ul h3 {
    font-size: 20px;
    color: #970d09;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 13px;
    position: relative;
}

.left_footer li {
    list-style: none;
    float: left;
    font-size: 15px;
    clear: both;
    color: #4c4c4c;
    margin-bottom: 4px;
}

.left_footer li a {
    font-size: 15px;
    font-weight: 400;
}

.left_footer li img {
    width: 100%;
}

.bottom_ft {
    border-top: 1px solid #ededed;
    padding: 25px 0 30px;
    text-align: center;
    margin: auto;
    margin-top: 30px;
}

.bottom_ft p {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px;
}

.bottom_ft .fa {
    color: #4c4c4c !important;
    margin-right: 10px;
}

.dv-mxh {
    overflow: hidden;
}

.dv-mxh iframe {
    width: 100%;
}

.new_letter_bottom li {
    list-style: none;
    width: 70%;
    position: relative;
    float: left;
}

.new_letter_bottom h3 {
    float: right;
    width: 30%;
}

.new_letter_bottom h3 input:hover {
    background: #ffcc32;
    color: #333;
}

.new_letter_bottom h3 input {
    float: right;
    border-radius: 4px;
    margin-top: 0px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 20px;
    color: #fff;
    background-color: #21409a;
    transition: .3s ease-out;
    text-transform: uppercase;
    display: inline-block;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border: 0;
    display: inline-block;
    cursor: pointer;
}

.bottom_id_copyright>li {
    float: right;
    list-style: none;
    text-align: right;
}

.bottom_id_copyright li img {
    height: 60px;
    width: auto;
    padding: 0;
}

.bottom_id_copyright li p a img {
    height: 23px;
    margin: 10px;
    position: relative;
    top: 11px;
}

.new_letter_bottom h2 {
    color: #333;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
    line-height: 30px;
    text-align: left;
}

.bottom_ft ul li {
    float: left;
    list-style: none;
    line-height: 0;
    text-align: center;
    margin: 7px 10px;
}

..bottom_ft ul li i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear;
}

.box_doitac_home {
    background: #fff;
    padding: 50px 0;
}

.logo_doitac ul {
    margin: 10px;
    width: 160px;
    padding: 10px;
    background: #f8f8f8;
    float: left;
    text-align: center;
    transition: all .3s;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.logo_doitac ul li, .logo_doitac ul li img {
    width: 100%;
    height: 90px;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    overflow: hidden;
    display: block;
}

.logo_doitac ul h3, .logo_doitac_page ul h3 {
    color: #495677;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 26px;
    padding-top: 15px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    position: relative;
}

.logo_doitac_page ul {
    margin: 10px;
    width: 250px;
    padding: 15px;
    background: #fff;
    float: left;
    text-align: center;
    transition: all .3s;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.logo_doitac_page ul li, .logo_doitac_page ul li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    overflow: hidden;
    display: block;
}

.logo_doitac ul:hover, .id_partner ul:hover {
    transform: translateY(-10px);
}

.tin_left {
    float: left;
    padding-left: 20px;
    width: calc(100% - 260px);
}

.tin_right .box_right_pro_view:last-child {
    margin-bottom: 0
}

.tin_right>a>img {
    width: 100%;
    margin: 0
}

.tin_right>a:last-child>img {
    margin-bottom: 20px;
}

.tin_right {
    float: right;
    width: 260px;
}

.pro_home_id.pro_id.flex {
    margin: 0 -7px;
}

.page_conten_page .tin_right {
    float: left;
}

.page_conten_page .tin_left {
    float: right;
}

.banner_left_tt ul {
    position: relative;
    margin: 10px;
}

.banner_left_tt ul li, .banner_left_tt ul li img {
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    height: auto;
    width: 100%;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.banner_left_tt ul h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000007a;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: normal;
    padding: 5px 10px;
    line-height: 25px;
}

.banner_left_tt ul:hover h3 {
    text-decoration: underline;
}

.tt_page {
    margin: 0px -10px;
}

.box_page .pro_id .tt_page {
    margin: 20px 0px 0;
}

.tt_page_top .new_id_bs li {
    width: 100%
}

.tt_page_top.dv_hinhanh .new_id_bs {
    width: calc(100% / 4 - 20px);
}

.new_id_bs {
    width: calc(100% / 2 - 20px);
    margin: 0 10px 25px;
    float: left;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

.new_right .new_id_bs ul .h3 a ,
.new_right .new_id_bs ul h3 a {
    font-size: 17px;
    font-weight: 500;
    color: #4a4a4a;
    line-height: 25px;
    padding-bottom: 0;
    margin-top: 0;
    text-align: left;
}

.new_right .new_id_bs li img {
    margin-bottom: 0
}

.new_right .new_id_bs ul .h3 ,
.new_right .new_id_bs ul h3 {
    float: right;
    width: 100%;
    font-weight: 300;
    font-size: 12px;
    color: #232324;
    line-height: 23px;
    height: auto;
    overflow: hidden;
    margin-top: 0;
}

.new_right .new_id_bs ul {
    float: right;
    width: 55%;
    border: none;
    border-bottom: none;
    padding: 0;
}

.new_right .new_id_bs li {
    width: 40%
}

.new_right .new_id_bs {
    width: calc(100% / 1);
    margin: 10px 0 0;
    padding: 10px 10px 10px;
}

.new_id_bs li {
    list-style: none;
    line-height: 0;
    width: 50%;
    position: relative;
    overflow: hidden;
    display: block;
}

.new_id_bs li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.entry {
    padding: 0 23px 20px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

.meta-info {
    font-size: 14px;
    color: #888;
    transform: translate(0,-12px);
}

.meta-info .author a:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    left: auto;
    width: 2px;
    height: 12px;
    background: #ccc;
}

.meta-info .author a {
    position: relative;
    padding-right: 10px;
    padding-left: 0;
}

.meta-info span.entry-date {
    padding-left: 7px;
}

.meta-info .author .avatar {
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
    border-radius: 50%;
    vertical-align: text-bottom;
    margin: 0;
    display: inline-block;
}

.meta-info span.author a {
    color: #004c98;
}



.dv-home-tintuc .tt_page_top .new_id_bs {
    width: calc(100% / 3 - 20px);
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.01);
    z-index: 2;
    position: relative;
    margin: 0 10px;
    border-radius: 0px;
    border-bottom: none;
    padding-right: 0;
    height: 100%;
}

.dv-home-tintuc .tt_page_top #tintuc_slide .new_id_bs {
    width: calc(100% / 1);
    padding-right: 0;
    margin: 0 0 20px
}

.dv-gr-lh a:hover h3 {
    color: #ffcc32;
}

.new_id_bs ul .h3 a i.fa-image,
.new_id_bs ul h3 a i.fa-image {
    padding-left: 10px
}

.new_id_bs ul .h3 a,
.new_id_bs ul h3 a {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    text-transform: capitalize;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 5px;
    display: block;
}

.dv-home-tintuc .tt_page_top .new_id_bs a:hover {
    color: #970d09;
}

.new_id_bs ul .h3 span,
.new_id_bs ul h3 span {
    font-size: 17px;
    font-weight: 500;
    color: #666;
    display: block;
    text-transform: none;
}

.dv-home-tintuc .pagewrap {
    z-index: 1
}

.new_id_bs ul .h3 span i,
.new_id_bs ul h3 span i {
    padding-right: 7px;
}

.new_id_bs ul p {
    font-size: 15px;
    font-weight: 400;
    color: #515151;
    line-height: 25px;
    text-align: left;
}

.new_id_bs ul .h3 a:hover, .one_new_home_right ul .h3 a:hover, .one_new_home ul .h3 a:hover, .new_right ul .h3 a:hover, .left_tt_home ul .h3 a:hover,
.new_id_bs ul h3 a:hover, .one_new_home_right ul h3 a:hover, .one_new_home ul h3 a:hover, .new_right ul h3 a:hover, .left_tt_home ul h3 a:hover {
    color: #ffcc32;
}

.video_tt_page {
    background: #2a2a2a;
    padding: 15px;
}

.title_video_tt_page {
    padding-bottom: 15px;
}

.title_video_tt_page h3 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    float: left;
}

.title_video_tt_page h3 span {
    color: #E02F2F;
    font-size: 30px;
    padding-right: 10px;
}

.title_video_tt_page ul {
    float: right;
    color: #fff;
    font-size: 16px;
}

.video_tt_page_left {
    float: left;
    width: 48%;
}

.video_tt_page_left iframe {
    width: 100%;
    height: 275px;
}

.video_tt_page_right {
    float: right;
    width: 50%;
}

.video_tt_page_right ul {
    padding: 10px;
}

.video_tt_page_right ul li {
    float: left;
    width: 30%;
    list-style: none;
    line-height: 0;
    position: relative;
}

.video_tt_page_right ul li span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #E02F2F;
    top: 30%;
    z-index: 1;
    font-size: 30px;
}

.video_tt_page_right ul li img {
    width: 100%;
    height: auto;
}

.tt_page_video div li a:after {
    content: '\f144';
    margin-top: 0;
    font-size: 45px;
    color: #000;
    font-family: 'FontAwesome';
    position: absolute;
    background-color: transparent;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.tt_page_video div li:hover a:after {
    opacity: 1;
    transition: 1s;
}

.video_tt_page_right ul h3 {
    float: right;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    line-height: 25px;
    text-transform: capitalize;
    width: 65%;
}

.new_top_id.new_top_id_video {
    box-shadow: none;
}

.video_tt_page_right ul:hover {
    background: #555;
    color: #fff;
}

.new_top_id {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.one_new_home_right li.text_right p {
    margin: 0
}

.one_new_home ul p {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

.one_new_home_right li.text_right h3 {
    padding-bottom: 0;
    margin-bottom: 2px;
}

.tintuc_home .one_new_home li {
    width: 100%;
    list-style: none;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
}

.one_new_home li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.one_new_home ul h3 a, .tti_more ul h3 a {
    font-size: 23px;
    font-weight: 500;
    color: #464646;
    line-height: 33px;
    padding-bottom: 7px;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    text-transform: none;
}

.one_new_home {
    float: left;
    width: 53%;
}

.one_new_home_right {
    float: right;
    width: 45%;
}

.one_new_home_right ul {
    padding-bottom: 10px;
}

.one_new_home_right .title_news li {
    width: 100%
}

.one_new_home_right li {
    float: left;
    width: 35%;
    list-style: none;
    position: relative;
    overflow: hidden;
    display: block;
}

.one_new_home_right li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.one_new_home_right li:hover img,.one_new_home li:hover img, .new_id_bs li:hover img {
    transform: scale(1.2);
    transition: 1s;
}

.one_new_home_right ul h3 a {
    font-size: 18px;
    font-weight: normal;
    color: #464646;
    line-height: 30px;
    display: block;
    width: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.new_right ul h3 a i {
    padding-right: 7px;
}

.new_right>.select select,.new_right>.select option {
    width: 90%;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin: 10px 5% 7px;
    font-family: 'Playfair Display', serif;
    color: #464646;
    font-weight: 600;
}

.tin_right .read_more {
    text-align: center;
}

.tin_right .read_more a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 3px;
    background: #ffcc32;
    border-radius: 50px;
    padding: 3px 30px 3px;
    display: inline-table;
    transition: 0.5s;
    border: 1px solid #ffcc32;
}

.tin_right .box_right_pro_view:first-child {
    margin-top: 0
}

.box_right_pro_view {
    margin: 30px 0;
    text-align: left;
}

.dv_box_pro.tin_left .dv-home-qc {
    margin-top: 20px;
}

.box_right_pro_view .h4,
.box_right_pro_view h4 {
    text-align: left;
    margin: 0;
    font-size: 15px;
    color: #bf0e09;
    line-height: 1.6;
}

.box_right_pro_view .h4 span.gia_km,
.box_right_pro_view h4 span.gia_km {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 13px;
    padding-left: 0;
    text-decoration: line-through;
}

.filter-group ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #919aa8;
    width: 5px;
}

.filter-group ul::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.filter-group ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
    width: 5px;
}

.title_right_pro_view {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
    color: #ffffff;
    text-align: left;
    background: #970d09;
    padding: 6px 20px;
    border-radius: 5px 5px 0 0;
}

.box_right_pro_view>ul {
    list-style-type: none;
    border: 1px solid #e8e8e8;
    padding: 6px 10px;
    border-top: 0;
}

.fa-bars:before {
    font-size: 21px;
    padding-right: 8px;
}

.new_id_bs .read_more {
    margin-top: 7px;
}

.new_id_bs .read_more a {
    color: #ffcc32;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 3px;
    background: transparent;
    border-radius: 50px;
    padding: 5px 25px;
    display: inline-table;
    transition: 0.5s;
    border: 1px solid #ffcc32;
}

.new_id_bs .read_more a:hover {
    background: #253041
}

.new_right ul h4 {
    float: right;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    color: #464646;
    line-height: 23px;
    margin: 5px 0;
    text-align: left;
}

.new_right ul h4>span {
    color: #ffcc32;
    letter-spacing: 2px;
    font-weight: bold;
    text-decoration: inherit;
}

.new_right.new_right_2column ul:last-child {
    border-bottom: dotted #CCC 1px;
}

.new_right ul:last-child {
    border-bottom: none;
}

.new_right ul li {
    list-style: none;
    line-height: 0;
    float: left;
    width: 40%;
    position: relative;
    overflow: hidden;
    display: block;
}

.new_right ul li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.new_right ul h3 {
    float: right;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #232324;
    line-height: 23px;
    height: 45px;
    overflow: hidden;
    margin-top: 7px;
}

.new_right ul h3 a {
    color: #232324;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

.new_right ul h3 span {
    font-size: 15px;
    color: #666;
    display: block;
    padding-top: 5px;
}

.new_right ul h3 span i {
    padding-right: 5px;
    font-size: 12px;
}

.new_right h4 a, .thongso_pro h2 a, .more_pro_id a, .xemthem_id_r a {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0;
    letter-spacing: 0.025em;
    color: #fff;
    transition: .3s ease-out;
    text-transform: capitalize;
    display: block;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    text-align: center;
    margin: 10px;
    background: #ffcc32;
}

.new_right h4 a:hover, .new_right h4 a:hover, .thongso_pro h2 a:hover, .camket_pro h4 a:hover, .more_pro_id a:hover, .xemthem_id_r a:hover {
    color: #fff;
    background: #f5111a;
}

.tintuc_box_home {
    padding: 0px 0 30px;
}

.left_tt_home {
    float: left;
    width: 100%;
}

.left_tt_home ul li, .left_tt_home ul li img {
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pro_id .tt_page {
    border: none;
    margin: 0
}

#news_slide1 .new_id_bs ul .h3 a ,
#news_slide1 .new_id_bs ul h3 a {
    margin: 0;
    padding: 7px 0;
}

#news_slide1 .new_id_bs ul {
    float: right;
    width: 100%;
    margin: 0;
}

.pro_id #news_slide1 .new_id_bs {
    width: calc(100% / 1 - 20px);
    padding-bottom: 5px;
}

.title_page ul .h_title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
    padding: 6px 0;
    padding-left: 20px;
    letter-spacing: 1px
}

.left_tt_home ul li img:hover, .right_tt_home ul li img:hover, .id_bds ul li img:hover, .project_home_id ul li img:hover, .list_pro_home ul li img:hover, .tintuc_page_id ul li img:hover, .doitac_id ul li img:hover, .project_id ul li img:hover, .hinhanh_id ul li img:hover, .tintuc_home_id ul li img:hover, .pro_id ul li img:hover {
    transform: scale(1.2);
    opacity: 1;
    -webkit-filter: grayscale(0);
}

.new_right ul li img:hover {
    transform: scale(1.2);
    opacity: 1;
    -webkit-filter: grayscale(0);
}

.left_tt_home ul h3 a {
    display: block;
    padding: 10px 0px 10px 0px;
    color: #464646;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
}

.left_tt_home ul h4 {
    display: block;
    padding: 0 10px;
    color: #666;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
}

.left_tt_home ul h4 i, .right_tt_home ul h3 span i {
    padding-right: 5px;
}

.left_tt_home ul p {
    color: #666;
    line-height: 28px;
    padding: 5px 10px 15px 10px;
    text-align: justify;
}

.left_tt_home ul {
    float: left;
    width: calc(100% / 1 - 20px);
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    margin: 0 10px;
}

.fa-calendar:before {
    color: #970d09;
}

.right_tt_home {
    float: left;
    margin: 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.right_tt_home ul {
    border: 1px solid #e6e6e6;
    padding: 5px;
}

.right_tt_home ul li {
    float: left;
    list-style: none;
    line-height: 0;
    width: 30%;
    position: relative;
    overflow: hidden;
    display: block;
}

.right_tt_home ul li img {
    width: 100%;
    height: auto;
    webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.right_tt_home ul h3 {
    float: right;
    width: 66%;
}

.right_tt_home ul h3 a {
    display: block;
    color: #464646;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
}

.right_tt_home ul h3 a:hover {
    color: #ffcc32
}

.right_tt_home ul h3 span {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    display: block;
    padding-top: 3px;
}

.marquee {
    overflow: hidden;
    height: 420px;
}

.marquee_2 {
    overflow: hidden;
    height: 30px;
}

.quanly_giadau {
    position: absolute;
    right: 90px;
    top: 9px;
    z-index: 1;
}

.bounce {
    height: 30px;
    overflow: hidden;
    position: relative;
    color: #666;
    width: 400px;
}

.bounce p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 30px;
    text-align: center;
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -moz-animation: bouncing-text 5s linear infinite alternate;
    -webkit-animation: bouncing-text 5s linear infinite alternate;
    animation: bouncing-text 10s linear infinite alternate;
}

@-moz-keyframes bouncing-text {
    0% {
        -moz-transform: translateX(50%);
    }

    100% {
        -moz-transform: translateX(-50%);
    }
}

@-webkit-keyframes bouncing-text {
    0% {
        -webkit-transform: translateX(50%);
    }

    100% {
        -webkit-transform: translateX(-50%);
    }
}

@keyframes bouncing-text {
    0% {
        -moz-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    100% {
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.dv-header-top ul.ul-right {
    float: right;
}

.dv-header-bottom {
    padding: 10px 0;
}

.dv-banner-slider {
    width: calc(100% - 0px);
    float: right;
}

.dv-ul-menu ul li a img {
    width: 23px;
    max-height: 23px;
    margin: 0 12px 0 0;
    object-fit: cover;
}

.dv-ul-menu ul.sub-1:nth-child(n+11) {
    display: none;
}

.dv-ul-menu:hover ul.sub-1:nth-child(n+11) {
    display: block;
}

.dv-viewRight-km {
    width: 30%;
    float: left;
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    position: relative;
    border-radius: 5px;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    align-self: flex-start;
}

.dv-title-sp {
    background: #FEE2E2;
    padding: 4px 18px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    margin-top: -30px;
}

.dv-box-sanpham-khuyenmai, .dv-box-sanpham-nhom {
    padding: 5px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    position: relative;
    border-radius: 5px;
}

.dv-list-product-version {
    width: calc(100% / 3 - 10px);
    margin: 5px;
    border: 1px solid #ddd0;
    float: left;
    background: #f1f1f1;
    padding: 7px;
    border-radius: 5px;
}

.dv-list-product-version a {
    display: block;
    line-height: 1.4;
    color: #333;
}

.dv-list-product-version b {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 2px;
    display: block;
}

.dv-list-product-version span {
    color: #eb0303;
    font-size: 12px;
    font-weight: 700;
}

.dv-list-product-version span.gia_km, .dv-list-product-version span.sp-km {
    color: #747474;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 11px;
}

.dv-list-product-version.actii {
    border-color: #970d09;
}

.dv-titpk {
    border-bottom: 1px solid #dee2e6 !important;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.dv-box-sanpham-khuyenmai {
    padding: 10px;
}

.dv-spphukien {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.dv-spphukien label input {
    opacity: 0;
    width: 20px;
    height: 20px;
}

.dv-spphukien label {
    position: relative;
    float: left;
    margin: 0;
    margin-right: 10px;
}

.dv-img-pk {
    border: 1px solid #dee2e6;
    height: 65px;
    width: 65px;
    float: left;
    margin: 0;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}

.dv-img-pk img {
    width: auto;
    height: 100%;
}

.dv-name-pk {
    margin: 0;
    width: calc(100% - 95px);
    padding-left: 15px;
}

.dv-name-pk p {
    padding: 0;
    margin: 0;
    border: none;
    line-height: 1.3;
}

.dv-name-pk a {
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    display: block;
}

.dv-spphukien label input:checked~span:before {
    color: #fff;
    border-color: #970d09;
    background-color: #970d09;
}

.dv-spphukien label span:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 100px;
    overflow: hidden;
}

.dv-spphukien label input:not(:disabled):active~span:before {
    color: #fff;
    background-color: rgb(252 88 49 / 17%);
    border-color: rgb(252 88 49 / 17%);
}

.dv-spphukien label input:focus:not(:checked)~span:before {
    border-color: #970d096b;
}

.dv-spphukien label input:focus~span:before {
    box-shadow: 0 0 0 0.2rem rgb(252 88 49 / 45%);
}

.dv-name-pk p span {
    display: inline-block;
    font-size: 14px;
    color: #eb0303;
    margin-right: 3px;
    font-weight: 700;
}

.dv-name-pk p span.gia_km, .dv-name-pk p span.sp-km {
    font-weight: normal;
    color: #747474;
    text-decoration: line-through;
    font-size: 13px;
}

.dv-tongtien-sp {
    background: #EFEFEF;
    padding: 8px;
    margin-top: 10px;
}

.dv-tongtien-sp p {
    margin: 0;
    padding: 0;
    text-align: right;
    color: #333;
    line-height: 1.5;
    border: none;
}

.dv-tongtien-sp p span {
    display: inline-block;
    font-size: 16px;
    color: #eb0303;
    margin-right: 3px;
    font-weight: 700;
}

a.a_cart {
    background: #970d09;
    display: block;
    margin-top: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
    transition: all .3s;
    border: 1px solid #970d09;
}

a.a_cart:hover {
    color: #970d09 !important;
    background: #fff !important;
    border-color: #970d09;
}

.dv-box-khuyen-mai ul,.dv-box-khuyen-mai li {
    list-style: none;
}

.dv-box-khuyen-mai ul li:before {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f058";
    color: #970d09;
}

.dv-box-khuyen-mai li {
    position: relative;
    padding-left: 22px;
    line-height: 1.5;
    margin-top: 5px;
}

.dv-sp-kmright {
    margin-top: 10px;
}

.dv-sp-kmright .dv-img-km {
    width: 65px;
    float: left;
    border: 1px solid #dee2e6;
    padding: 5px;
    height: 65px;
    border-radius: 10px;
}

.dv-sp-kmright .dv-img-km a {
    display: block;
    line-height: 0;
    height: 100%;
    text-align: center;
}

.dv-sp-kmright .dv-img-km a img {
    width: auto;
    height: 53px;
    max-width: 100%;
}

.dv-name-km {
    width: calc(100% - 65px);
    line-height: 1.5;
    padding-left: 10px;
    float: left;
}

.dv-name-km a {
    display: block;
    color: #333;
    line-height: 1.4;
    margin-bottom: 0px;
}

.dv-name-km p span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    font-size: 13px;
    color: #eb0303;
}

.dv-name-km p span.gia_km, .dv-name-km p span.sp-km {
    color: #747474;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 11px;
}

.dv-chitiet-right {
    width: 30%;
    float: right;
}

.dv-chitiet-left {
    width: 70%;
    float: left;
    padding-right: 25px;
}

.dv-chitietsp {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 0 7px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.5;
}

.dv-thongtin-chitietsp {
    margin-top: 20px;
}

.dv-box-ct-right {
    margin-bottom: 15px;
}

.dv-box-ct-right table, .dv-box-ct-right table th, .dv-box-ct-right table td {
    border: none;
}

.dv-box-ct-right table th, .dv-box-ct-right table td {
    padding: 7px 10px;
}

.dv-box-ct-right table tr:nth-child(odd) {
    background: #f5f5f5;
}

.dv-box-ct-right table td + td {
    text-align: right;
}

.dv-img-tt {
    width: 32%;
    float: left;
}

.dv-img-tt a {
    display: block;
    line-height: 0;
}

.dv-img-tt a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dv-nd-tti {
    width: 68%;
    float: left;
    padding-left: 12px;
}

.dv-nd-tti a {
    display: block;
    line-height: 1.4;
    color: #333;
    padding-bottom: 3px;
    font-weight: 500;
}

.dv-nd-tti span {
    display: block;
    line-height: 1.5;
    font-size: 14px;
}

.dv-nd-tti span i {
    margin-right: 5px;
}

.dv-box-tt + .dv-box-tt {
    border-top: 1px solid #e7e7e7;
    padding-top: 12px;
    margin-top: 12px;
}

.title_news select {
    display: inline-block;
    float: right;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 0 10px;
    height: 30px;
}

.dv-banner-left-home {
    width: 260px;
    float: left;
    margin: 0 7px;
}

.div-boxpro-home-id .pro_home_id {
    width: calc(100% + 14px);
}

.div-boxpro-home-id.dv-banner-home-left .pro_home_id_slider {
    width: calc(100% - 260px);
    float: left;
    padding-left: 14px;
}

.dv-banner-left-home a {
    display: block;
    line-height: 0;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.dv-banner-left-home a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.dv-banner-home-bottom {
    margin-top: 30px;
}

.dv-banner-home-bottom a {
    display: inline-block;
    line-height: 0;
    overflow: hidden;
}

.dv-banner-home-bottom a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.dv-banner-home-bottom.dv-bnn-2 {
    margin-left: -10px;
    margin-right: -10px;
}

.dv-banner-home-bottom.dv-bnn-2 a {
    width: calc(100% / 2 - 20px);
    margin: 0 10px;
    height: 100%;
}

.dv-banner-home-bottom.dv-bnn-3 {
    margin-left: -10px;
    margin-right: -10px;
}

.dv-banner-home-bottom.dv-bnn-3 a {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    height: 100%;
    overflow: hidden;
}

.dv-banner-home-bottom.dv-bnn-4 {
    margin-left: -7px;
    margin-right: -7px;
}

.dv-banner-home-bottom.dv-bnn-4 a {
    width: calc(100% / 4 - 14px);
    margin: 0 7px;
    height: 100%;
}

.bottom_id_copyright ul.right {
    width: calc(25% - 20px);
    float: right;
    text-align: right;
    margin: 0 10px;
}

.bottom_id_copyright ul.left {
    width: calc(75% - 20px);
    float: left;
    margin: 0 10px;
}

.logo_top a {
    display: inline-block;
    padding: 5px 0;
    line-height: 0;
}

.dv-danhmuc-gr {
    position: relative;
    width: calc(100% / 8 - 16px);
    float: left;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
    border: none;
    border-radius: 7px;
    border: 1px solid #fff8e2;
    margin: 0 8px 16px;
}

.dv-danhmuc-gr a {
    display: block;
    line-height: 0;
}

.dv-danhmuc-gr a img {
    height: 90px;
    width: 90px;
    margin-bottom: 15px;
    object-fit: cover;
    border: none;
    border-radius: 100px;
    padding: 0px;
}
.dv-danhmuc-gr a .h3,
.dv-danhmuc-gr a h3 {
    display: block;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
    font-weight: 400
}

.dv-danhmuc-gr:hover {
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 10%);
    border-color: #970d099e;
}

.dv-nddanhmuc.flex {
    margin: 0 -8px;
    padding: 15px 0 25px;
}

.box_pro_sile.box_pro_sile_noibat {
    background: #f9f9f9;
    padding: 45px 0px;
}

.owl-dots {
    display: none;
}

.pro_home_id_slider ul {
    width: calc(100% - 14px);
    margin: 0 7px;
    padding: 10px;
    height: 100%;
}

.div-boxpro-home-id.dv-banner-home-left.flex {
    margin-left: -7px;
}

.dv-bnn-1 a {
    width: 100%;
}

.box_pro_sile {
    padding: 45px 0;
}

.dv-home-gioithieu {
    position: relative;
    padding: 45px 0;
    background: #fff;
}

.dv-gioithieu-left {
    width: 50%;
    float: left;
    padding-right: 50px;
    padding-top: 12px;
}

.dv-gioithieu-right {
    width: 50%;
    float: left;
}

.dv-gioithieu-right .sec-title {
    margin-bottom: 12px;
}

.dv-gioithieu-right .sec-title span {
    font-size: 30px;
    color: #970d09;
    line-height: 1.5;
}

.dv-gioithieu-right .sec-title .h3,
.dv-gioithieu-right .sec-title h3 {
    font-size: 30px;
    line-height: 1.2;
    text-transform: none;
    font-weight: 600;
}

.dv-gioithieu-right .showText {
    font-size: 16px;
    line-height: 1.6;
    font-weight: normal;
}

.read_more {
    margin-top: 15px;
}

.read_more a {
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 28px;
    display: inline-block;
    transition: 0.5s;
    background: #970d09;
    border-radius: 200px;
    line-height: 1.5;
}

.dv-gioithieu-left img {
    width: 100%;
}

.new_id_bs ul {
    padding: 15px;
}

.tt_page.tt_page_top.flex .item {
    padding: 10px 0;
}

form.dt-sc-subscribe-frm {
    position: relative;
}

.footer {
    padding: 35px 0 0;
}

.bottom_id_copyright {
    margin: 0 -10px;
}

.dv-chatluong-gr {
    width: calc(100% - 20px);
    margin: 0 10px;
}

.dv-foot-bottom a {
    color: #fff;
}

.showText {
    font-weight: normal;
}

.dv-foot-bottom a:hover {
    text-decoration: underline;
    color: #fff;
}

.dv-thanhtoan a {
    display: inline-block;
    float: right;
    margin: 0 0 8px 8px;
    padding: 0;
    line-height: 0;
    border-radius: 0;
}

.dv-thanhtoan a img {
    margin: 0;
    padding: 0;
    height: 26px;
    border-radius: 0;
}

.left_footer>ul.ul-foot-3 {
    width: calc(30% - 40px);
    padding: 0 15px;
}

.dv-box-sanpham-home:nth-child(odd) {
    background: #f9f9f9;
}

.dv-chatluong {
    margin: 0 -10px;
}

.dv-right-sp {
    width: calc(100% - 85px);
    float: left;
    padding-left: 15px;
}

.box_right_pro_view .h4 span span.gia_ban,
.box_right_pro_view h4 span span.gia_ban {
    margin-right: 5px;
}

.tin_left .title_news h1,
.tin_left .title_news .h2,
.tin_left .title_news h2 {
    margin: 0;
    padding-top: 6px;
    font-size: 22px;
    line-height: 1.2;
}

.showText .fa {
    margin-right: 10px;
}

.contact-maps iframe.iframe_load {
    width: 100%;
}

.dv-video-gr {
    width: calc(100% / 3 - 20px);
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%);
    z-index: 2;
    position: relative;
    margin: 0 10px 20px;
    border-radius: 0px;
    border-bottom: none;
    padding: 10px;
}

.dv-video-gr .scale_hover {
    line-height: 0;
}

.dv-video-gr .scale_hover a {
    display: block;
    line-height: 0;
    position: relative;
}

.dv-video-gr .scale_hover a img {
    width: 100%;
    height: auto;
}

.dv-video-gr h3 a {
    display: block;
    line-height: 1.6;
    color: #333;
    padding: 18px 0 10px;
    text-align: center;
}

.dv-video-ds.flex {
    margin: 0 -10px;
}

.dv-video-gr .scale_hover i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
}

.dv-video-gr .scale_hover:hover i {
    color: #970d09;
    border-color: #970d09;
}

.dv-tintuc + .dv-tintuc {
    border-top: 1px solid #ebebeb;
    margin-top: 14px;
    padding-top: 14px;
}

.dv-tintuc li {
    display: inline-block;
    list-style: none;
    width: 30%;
    float: left;
    line-height: 0;
}

.dv-tintuc li a {
    display: block;
    line-height: 0;
    overflow: hidden;
}

.dv-tintuc li a img {
    width: 100%;
}

.dv-tintuc ul {
    width: 70%;
    float: left;
    list-style: none;
    padding-left: 15px;
}

.dv-tintuc ul .h3 a,
.dv-tintuc ul h3 a {
    display: block;
    padding-bottom: 2px;
    color: #333;font-weight: 500;
}

.dv-tintuc p.date_view {
    padding-bottom: 2px;
}

.dv-tintuc ul .h3 a:hover,
.dv-tintuc ul h3 a:hover {
    color: #970d09;
}

.dv-tintuc li a:hover img {
    transform: scale(1.1);
    transition: 1s;
}

.showText p, .showText div, .showText ul, .showText ol, .showText h1, .showText h2, .showText h3, .showText h4, .showText h5, .showText h6 {
    padding-bottom: 10px;
}

.sidebar .easy-basket-filter {
    margin: 60px 0 50px 0;
    position: relative;
}

.sidebar .fill {
    height: 3px;
    width: 100%;
    background-color: #970d09;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.sidebar .easy-basket-filter-info {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: -45px;
    left: 0;
}

.sidebar .easy-basket-filter-info p {
    color: #222;
    padding: 5px 14px;
    border-radius: 50px;
    background: #e8e8e8;
    margin: 0;
}

.sidebar .easy-basket-filter-info .iLower {
    float: left;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
}

.sidebar .easy-basket-filter-info .iUpper {
    float: right;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
}

.option.filter_price {
    padding: 12px;
}

.sidebar .easy-basket-filter-info input {
    border: none;
    color: #970d09;
    width: 80px;
    text-align: center;
    background: none;
    padding: 0;
    font-weight: bold;
}

.sidebar .filter_price .range {
    position: absolute;
    left: 0;
    top: 0;
}

.sidebar .filter_price input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    background: transparent;
    padding: 0;
}

.sidebar .filter_price input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.sidebar .filter_price input[type=range]:focus, input[type=text]:focus {
    outline: none;
}

.sidebar .filter_price input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border: 5px solid #f1f1f1;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    background: #fac122;
    cursor: pointer;
    margin-top: -9px;
}

.sidebar .filter_price input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: #707D7D;
    border-radius: 1.3px;
}

.sidebar .filter_price input[type=range].lower::-webkit-slider-runnable-track {
    background: red;
}

.sidebar .easy-basket-filter-ticks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 5px;
    padding-top: 8px;
    font-size: 15px;
    cursor: default;
    left: 0;
    bottom: 0;
    width: 95%;
}

.sidebar .easy-basket-filter-ticks > div {
    height: 100%;
    width: 1px;
    background: #DDD;
    color: #888;
}

.sidebar .easy-basket-filter-ticks > div:nth-child(10n - 9) {
    height: 150%;
}

.sidebar .easy-basket-filter-ticks > div:nth-child(10n - 9)::before {
    display: block;
    content: attr(data-value);
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    text-align: center;
    width: 40px;
}

.sidebar .check_select {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.sidebar .check_select:last-child {
    margin-bottom: 0
}

.sidebar .check_select input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sidebar .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 0;
    border: 1px solid #c1c1c1;
    background: #fff;
}

.sidebar .check_select input ~ .checkmark {
    background-color: #fff;
}

.sidebar .check_select input:checked ~ .checkmark {
    background-color: #970d09;
    border-color: #970d09;
}

.sidebar .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sidebar .check_select input:checked ~ .checkmark:after {
    display: block;
}

.sidebar .check_select .checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sidebar ul.color {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    list-style: none;
}

.sidebar ul.color li {
    margin: 0;
}

.sidebar ul.color li a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 8px 8px 0;
    border: solid 2px #fff;
    transition: all .2s ease;
}

.sidebar ul.color li.active a, .sidebar ul.color li a:hover {
    border: solid 2px #000;
}

.sidebar ul.color li:nth-child(1) a {
    background: #e25392;
}

.sidebar ul.color li:nth-child(2) a {
    background: #21c3db;
}

.sidebar ul.color li:nth-child(3) a {
    background: #e4c1b1;
}

.sidebar ul.color li:nth-child(4) a {
    background: red;
}

.sidebar ul.color li:nth-child(5) a {
    background: #1746bb;
}

.filter-item--check-box input+.fa:before {
    content: "";
    margin-right: 0;
    border-radius: 0;
    font-size: 18px;
    border: solid 1px #c1c1c1;
    line-height: 40px;
    position: absolute;
    top: -16px;
    height: 16px !important;
    width: 16px;
    background: #fff;
}

.filter-item--check-box input:checked+.fa:before, .filter-item--check-box input+span:before {
    border-color: #970d09;
    background: #970d09;
}

label[for] {
    cursor: pointer;
}

.filter-item {
    margin: 0;
    cursor: pointer;
    line-height: 1.4;
    min-width: 100%;
    padding: 4px 0;
    position: relative;
}

.tin_right input[type="checkbox"],.tin_right input[type="radio"] {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    background: transparent;
    outline: none;
    opacity: 0;
}

.filter-item--check-box input:checked+.fa:after, .filter-item--check-box input+span:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    position: absolute;
    width: 9px;
    height: 9px;
    line-height: 9px;
    top: -11px;
    left: 3px;
    font-size: 13px;
}

.filter-item--check-box .fa {
    margin-right: 15px;
    width: 14px;
    font-size: 18px;
    line-height: 40px;
    position: relative;
    top: 2px;
}

.filter-item--check-box input:checked+.fa, .filter-item--check-box input+span {
    color: #ed3952;
}

ul.ul-danhmuc-sp li {
    float: none;
    display: list-item;
    margin: 0;
    width: 100%;
    text-align: left;
    clear: both;
    border-bottom: dashed 1px #ebebeb;
    padding: 0;
    position: relative;
    padding-left: 15px;
}

ul.ul-danhmuc-sp li ul {
    display: none;
}

ul.ul-danhmuc-sp li i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    opacity: 0.8;
    cursor: pointer;
}

ul.ul-danhmuc-sp li.acccti {
}

ul.ul-danhmuc-sp li.acccti i.fa.fa-angle-down {
    display: none !important;
}

ul.ul-danhmuc-sp li.acccti i.fa.fa-angle-up {
    display: block !important;
}

ul.ul-danhmuc-sp li.acccti > ul {
    display: block;
    margin-left: 0px;
}

ul.ul-danhmuc-sp li a {
    display: block;
    padding: 6px 0;
    line-height: 1.5;
}

ul.ul-danhmuc-sp li:last-child {
    border: none;
}

ul.ul-danhmuc-sp li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 10px;
    left: 0;
}

.check_box.check_box_timkiem {
    padding-top: 30px;
}

.sidebar {
    border: 1px solid #e8e8e8;
    border-top: 0;
}

.aside-content.filter-group {
    border: 1px solid #e8e8e8;
    padding: 12px;
}

.dv-list-product-version p {
    margin: 0;
    line-height: 1.1;
    padding: 0;
}

.dv-box-khuyen-mai ul {
    padding: 10px 5px;
}

.dv-name-km a:hover, .dv-name-pk a:hover, .dv-nd-tti a:hover {
    color: #970d09;
}

.dv-chitietsp-1 a {
    color: #333;
    font-weight: normal;
    font-size: 15px;
    background: #f3f3f3;
    display: inline-block;
    padding: 5px 12px;
    margin: 0;
    float: left;
    margin-right: 7px;
    border-radius: 10px 10px 0 0;
}

.dv-chitietsp-1 a.active, .dv-chitietsp-1 a:hover {
    background: #970d09;
    padding: 10px 12px;
    color: #fff;
}

.cls_all {
    display: none;
}

.item {
    margin: 0;
}

.dv-chitietsp-1 {
    display: flex;
    align-items: end;
    padding-bottom: 0px;
}

.full_video iframe {
    width: 100%;
    height: 400px;
}

.full_js_load_sp {
    display: block;
    line-height: 0;
    margin-bottom: 10px;
}

.full_js_load_sp img {
    width: 100%;
    height: auto;
}

.c-th-sp {
}

.c-th-sp a.sp {
    width: 70px !important;
    float: left;
    height: 70px !important;
}

.c-th-sp a.sp .dv-anh {
}

.c-th-sp a.sp img {
    width: 100%;
}

.dv-anh {
    width: calc(100% - 70px) !important;
    text-align: left !important;
}

.dv-anh a {
    text-align: left;
    color: #333;
}

.qty_is_soluong, #number {
    border: 1px solid #eaebf3;
    border-left: 0;
    border-right: 0;
    height: 30px;
    font-size: 12px;
    text-align: center;
    width: 45px;
    vertical-align: top;
    min-height: 30px;
    padding: 0;
    float: left;
}

.qtyminus, .qtyplus, .number-down, .number-up {
    border: 1px solid #eaebf3;
    outline: none;
    background: transparent;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    color: #222;
    font-size: 15px;
    line-height: 30px;
    float: left;
    cursor: pointer;
}

.mobileqty.so-luong-mua.no_box {
    width: 110px;
}

.mobileqty.so-luong-mua.no_box input {
    float: left;
    margin-left: 0px;
}

.popup_giohang h3 {
    background: #970d09;
}

#cart_list td.c-th-sp .dv-anh a.del.cur {
    color: #970d09;
}

.button-cart a.close {
    color: #970d09;
}

.button-cart .btn-checkout, .order-summary__nav.method-button-cart button {
    background: #970d09;
}

td a:hover {
    color: #970d09;
}

.dv-table-reposive .mobileqty input {
    background: #fff;
    line-height: 1.3;
}

input.lb_ghdck:checked, .input_style_1:checked {
    border: none;
    box-shadow: 0 0 0 10px #970d09 inset;
}

.product-thumbnail__quantity {
    background-color: #970d09;
    font-size: 13px;
}

td.product__price {
    color: #f50303 !important;
    font-size: 15px;
    padding: 10px 0;
}

.btn--disabled {
    background: #970d09;
}

td.total-line__price {
    font-size: 16px;
}

.ma_khuyen_mai_mt {
    font-size: 12px;
    line-height: 1.3;
}

span#pro_sum {
    white-space: nowrap;
}

.tb-chitietdh-tv th {
    white-space: nowrap;
    padding: 10px 10px;
    line-height: 1.5;
    ;}

.item + .item {
    display: none;
}

.tb-thongtin-tv td {
    text-align: left;
}

.dv-top li {
    list-style: none;
    line-height: 0;
}

.dv-top li img {
    width: 100%;
}

a.a-slider img {
    height: 22px;
    width: 22px;
}

a.a-slider {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 9;
    background: #970d09;
    line-height: 0;
    padding: 7px;
    border-radius: 100px;
    opacity: 0;
}

.dv-top:hover a.a-slider {
    opacity: 1;
}

b, strong {
    font-weight: 700;
}

.listtabs li:last-child a {
    border: none;
}

.listtabs li:first-child a {
    border: none;
}

p.p-star > span {
    margin-right: 5px;
}

.owl-prev, .owl-next {
    font-size: 40px;
    position: absolute;
    top: 50%;
    display: block;
    text-align: center;
    width: 46px;
    height: 46px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #970d09;
    outline: none;
    background: transparent;
    left: 15px;
    opacity: 0;
    background: rgba(255,255,255,0.4);
    font-family: Roboto;
    transform: translateY(-50%);
    border: none;
    line-height: 40px;
    border-radius: 50%;
}

.owl-next {
    right: 15px;
    left: auto;
    z-index: 1;
}

.dv-banner-left-home a:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.dv-banner-home-bottom a:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.right-news.col-lg-3 img:hover {
    opacity: 0.8;
}

.new_id_bs ul p {
    margin-bottom: 10px;
}

.owl-carousel .owl-item .item .new_id_bs {
    width: calc(100% /1 - 26px);
}

.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
    color: #fff;
    transition: 1s;
    background: #970d09 !important;
    border: none;
}

.dv-video-gr h3 a:hover {
    color: #970d09;
}

a.a-mobiless {
    display: none;
}

.read_more a:hover {
    background: #ffcc32;
}

.dv-tintuc ul .h3 a,
.dv-tintuc ul h3 a {
    font-size: 18px;
    line-height: 1.4;
    display: block;
    margin-bottom: 4px;
}

.showText h2 {
    font-size: 18px;
    line-height: 1.4;
}

.showText h3 {
    font-size: 16px;
}

.showText h4 {
    font-size: 14px;
}

.showText h1 {
    font-size: 20px;
    line-height: 1.4;
}

.box-table-nav {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 0 !important;
    margin-bottom: 15px;
}

.title-table-navigation {
    padding: 10px 10px 7px;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    color: #333;
}

.title-table-navigation i {
    font-size: 19px;
    padding-right: 5px;
    vertical-align: bottom;
    margin-right: 6px !important;
    float: left;
    position: relative;
    top: 4px;
}

.icon-expand {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 24px;
    color: #333;
    line-height: 1.3;
    text-align: center;
}

.icon-expand i {
    margin: 0 !important;
    padding: 0 !important;
    top: 0;
    font-size: 21px;
}

.box-table-nav nav {
    background-color: #f8f8f8;
    padding: 10px 10px 15px;
    border-top: 1px solid #ddd;
}

.table-content-section ol.table-content, .table-content-section ul.table-content {
    list-style: none;
}

a.table-link {
    display: block;
    padding: 2px 0;
    color: #666;
    font-size: 13px;
}

.table-content {
    margin-bottom: 0;
    padding-left: 20px;
}

ol.table-content {
    padding-bottom: 0;
}

ol.table-content ol {
    margin-bottom: 5px;
}

ol.table-content a {
    color: #333;
    cursor: pointer;
}

ol.table-content a:hover {
    color: #970d09;
}

.dv-header-top.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.tin_right.tin_right_top {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    align-self: flex-start;
}

.btn-view-detail a {
    display: block;
    background: #970d09;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.hide_body {
    overflow: hidden;
}

.showText_stkt tr:nth-child(n+6) {
    display: none;
}

.dv-show-thongso-kt-cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0 0 0 / 50%);
    overflow-y: auto;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
}

.dv-show-thongso-kt {
    max-width: 500px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    padding: 5px 10px;
    border-radius: 5px;
    margin: 25px auto;
    opacity: 0;
    margin-top: 0;
    transition: all .3s;
    overflow: hidden;
}

.dv-show-thongso-kt .dv-chitietsp {
    background: #970d09;
    margin: -5px -10px 15px;
    padding: 10px 20px;
    color: #fff;
}

.dv-show-thongso-kt-cont.actii {
    opacity: 1;
    z-index: 9999;
}

.dv-show-thongso-kt-cont.actii .dv-show-thongso-kt {
    opacity: 1;
    margin-top: 25px;
}

.dv-box-ct-right table p {
    padding: 0;
    margin: 0;
}

.dv-chitietsp a.del {
    position: absolute;
    right: 10px;
    top: 7px;
}

.dv-chitietsp {
    position: relative;
}

.load-more.text-center a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid #970d09;
    text-align: center;
    position: relative;
    padding: 5px 15px !important;
    background-color: #970d09;
    display: inline-block;
    border-radius: 100px;
}

.dv-showText-showhi.actii {
    height: auto;
}

.dv-showText-showhi.actii ~ .load-more.text-center a.btn-view-all.btn-show {
    display: none;
}

.dv-showText-showhi.actii ~ .load-more.text-center a.btn-view-all.btn-hide {
    display: inline-block;
}

.load-more.text-center {
    text-align: center;
    margin: 0;
    padding: 0;
    background: #fff;
}

.load-more.text-center a i {
    margin-left: 10px;
    font-size: 12px;
    margin-right: 0;
}

a.btn-view-all.btn-hide {
    display: none;
}

.dv-showText-showhi {
    height: 390px;
    overflow: hidden;
}

.dv-quyen-loi-muahang .dv-right {
    width: 300px;
    float: right;
}

.dv-quyen-loi-muahang .dv-right h3 ,.dv-quyen-loi-h3 {
    line-height: 26px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
}

.dv-quyen-loi-muahang {
    padding: 20px 0;
}

.dv-quyen-loi-muahang .dv-left h3 ,.dv-quyen-loi-muahang-h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
}

.dv-sanpham-dathang {
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
}

.dv-sanpham-dathang img {
    width: 90px;
    float: left;
    margin-right: 15px;
    border-radius: 6px;
}

.dv-sanpham-dathang .dv-riii h3 ,.dv-riii-h3 {
    color: #333;
    font-size: 18px;
    text-transform: none;
    margin-bottom: 5px;
}

.dv-sanpham-dathang .dv-riii {
    width: calc(100% - 105px);
    float: left;
}

.dv-sanpham-dathang .dv-riii p {
    color: #bf0e09;
}

.dv-sanpham-dathang .dv-riii p span.gia_km {
    text-decoration: line-through;
    color: #969696;
    font-size: 14px;
}

.dv-quyen-loi-muahang li {
    width: calc(50% - 20px);
    float: left;
    margin: 0px 10px 10px;
    position: relative;
}

.dv-quyen-loi-muahang form {
    border: 1px solid #e6e6e6;
    padding: 20px 10px;
}

.dv-quyen-loi-muahang li:after {
    display: none;
}

.dv-quyen-loi-muahang li p {
    font-size: 14px;
    padding-bottom: 4px;
    color: #302f2f;
}

.dv-quyen-loi-muahang li input {
    border-radius: 5px;
    background: none;
    padding: 0 10px;
    font-size: 14px;
}

.dv-quyen-loi-muahang li span {
    bottom: 4px;
    top: auto;
    right: 0;
}

.dv-quyen-loi-muahang .formBox li.code img {
    height: 41px !important;
    border-radius: 0;
}

.dv-quyen-loi-muahang .formBox li.code i {
    opacity: .5;
}

.dv-quyen-loi-muahang .formBox li a {
    display: block;
    width: 100%;
    margin-top: 27px;
    text-align: center;
    border-radius: 5px;
}

.dv-quyen-loi-muahang .dv-left {
    background: #f8f8f8;
    padding: 0;
    color: #fff;
    border-radius: 0;
    overflow: hidden;
    border: 1px solid #ededed;
    border-top: 0;
    padding-top: 15px;
}

.dv-quyen-loi-muahang .dv-left > h3, .dv-quyen-loi-muahang-h3 {
    background: #970d09;
    padding: 10px 20px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin: 0;
    border-radius: 7px 7px 0 0;
}

.dv-sanpham-dathang .dv-riii h3 ,.dv-riii-h3 {
    color: #333;
    font-size: 16px;
    text-transform: none;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.5;
}

.dv-sanpham-dathang .dv-riii p {
    font-size: 15px;
    font-weight: 400;
    color: #bf0e09;
    font-weight: 700;
}

.dv-sanpham-dathang .dv-riii p span.gia_km {
    text-decoration: line-through;
    color: #ffffff;
    font-size: 14px;
}

.dv-quyen-loi-muahang li input {
    background: #fff;
    border: 1px solid #d9d7d7;
}

.dv-sanpham-dathang {
    padding: 0 20px;
    border: none;
}

.dv-quyen-loi-muahang form {
    border: none;
    padding: 0 10px 10px;
}

.dv-quyen-loi-muahang .formBox li a {
    background: #feca05;
    color: #970d09;
    border: 1px solid #feca05;
}

.dv-quyen-loi-muahang .formBox li a:hover {
    background: #970d09;
    border-color: #970d09;color: #fff;
}

.dv-tai-sao-chon-lala {
    padding: 55px 0;
    position: relative;
}

.dv-tai-sao-chon-lala:before {
    content: "";
    position: absolute;
    background: rgb(232 71 33 / 88%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dv-taisao {
    text-align: center;
    color: #fff;
    width: calc(100% - 20px);
    margin: 0 10px;
}

.dv-taisao .dv-img {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 100px;
    padding: 25px;
    margin-bottom: 25px;
}

.dv-taisao .dv-info span {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 14px;
    color: white;
}

.dv-taisao .dv-info p {
    margin: 0;
    padding: 0 10px;
}

.dv-title-h33 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    padding: 0 0 30px;
    color: #fff;
}

.dv-title-h33 p {
    text-transform: none;
    font-size: 16px;
    max-width: 700px;
    font-weight: normal;
    padding: 10px 0 20px;
}

.dv-box-khuyen-mai {
    /*max-height: 290px;*/
    overflow: hidden;
}

.dv-box-khuyen-mai.actii {
    height: auto;
    max-height: 100%;
}

.dv-box-khuyen-mai.actii ~ .load-more.text-center {
}

.dv-box-khuyen-mai.actii ~ .load-more.text-center a.btn-view-all.btn-show {
    display: none;
}

.dv-box-khuyen-mai.actii ~ .load-more.text-center a.btn-view-all.btn-hide {
    display: inline-block;
}

.dv-anh-bct p {
    margin: 0;
    padding: 0;
}

.dv-anh-bct img {
    max-width: 100%;
    height: auto;
    max-height: 90px;
    width: auto;
    margin-top: 10px;
}

.dv-list-product-version span {
    display: inline-block;
}

.dv-xemdanhmuc {
    text-align: center;
    margin: -10px 0 20px;
}

.dv-xemdanhmuc a {
    color: #970d09;
    padding: 6px 14px;
    border: 1px solid #970d09;
    border-radius: 100px;
    display: inline-block;
}

.dv-xemdanhmuc a i {
    font-size: 10px;
    margin-left: 3px;
    position: relative;
    top: -1px;
}

a.a-xem-tatca {
    float: right;
}

a.a-xem-tatca i {
    font-size: 11px;
    margin-left: 7px;
}

.dv-danhmuc-cont {
    width: calc(100% - 260px);
    float: left;
    padding-left: 0px;
}

.dv-danhmuc-home {
    border: 1px solid #ebebeb;
    height: 50%;
    padding: 10px;
    margin: 0 0 -1px -1px;
    background: #fff
}

.dv-danhmuc-cont-box .dv-banner-left-home a {
    border-radius: 0;
}

.dv-danhmuc-cont-box .dv-banner-left-home {
    margin: 0 0 1px;
}

.div-boxpro-home-id.dv-banner-home-left.dv-danhmuc-cont-box.flex {
    margin: 0;
}

.dv-danhmuc-home .h3,
.dv-danhmuc-home h3 {
    display: block;
    line-height: 1.4;
    font-size: 14px;
    padding: 10px 0;
    color: #333;
    text-align: center;
}

.dv-danhmuc-home .h3:hover ,
.dv-danhmuc-home h3:hover {
    color: #970d09;
}

.pagewrap-secont {
    margin-top: 30px;
}

.dv-danhmuc-home img {
    max-height: 120px;
    width: auto !important;
}

h2.dv-tit-popup {
    background: #efefef;
    border-top: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    border-radius: 8px 8px 0 0;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0 15px 15px;
    color: #404040;
    max-width: calc(100vw - 45px);
    word-break: break-word;
    font-weight: 600;
}

.dv-tongdai {
}

.dv-box-gr {
    position: relative;
    margin: 0 15px;
    padding: 10px 0;
}

.dv-box-gr h3 {
    color: #333;
    font-weight: 500;
    font-size: 16px;
}

.dv-box-gr + .dv-box-gr {
    border-top: 1px solid #e3e3e3;
}

.dv-box-gr span {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 23px;
    padding: 5px;
    width: 48px;
    height: 48px;
    background: #f6f6f6;
    border-radius: 100px;
    text-align: center;
}

.dv-box-gr p {
    margin: 0;
    padding: 0;
    color: #970d09;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
}

.dv-box-gr p i {
    color: #9d9d9d;
    margin-right: 5px;
    font-size: 15px;
}

span.sp_tangkiem {
    font-size: 12px;
    color: #168f84;
    line-height: 1.6;
    display: block;
}

.jstangkem {
    font-size: 12px;
    color: #970d09;
    line-height: 1.5;
    display: block;
}

.dv-danhmuc-home-slider-pc .dv-danhmuc-home {
    width: calc(100% / 5);
    float: left;
    height: auto;
}

.n-foot img {
    height: 70px !important;
    width: auto !important;
    padding: 0 !important;
}

.n-foot figure a {
    display: block;
    line-height: 0;
    margin-top: 10px;
}

.n-foot figure {
    margin: 0 !important;
    padding: 0 !important;
}

.dv-chitiet-right.dv-chitiet-right-spp {
    width: 100%;
    border: none;
    float: none;
}

.dv-chitiet-right.dv-chitiet-right-spp ul li {
    margin-left: 15px;
}

#fb-root iframe {
    bottom: 50px !important;
}.n-foot p { margin-bottom: 8px; }
.n-foot img { margin-right: 15px; }
.showText ol { margin-left: 20px; }
ul.ul-danhmuc-sp li ul {
    list-style: none;
}.dv-dv-box-bl .btn-bl:hover {
    background: #970d09 !important;
    color: #fff !important;
}.dv-title-sp {
    background: #970d09 !important;
    padding: 7px !important;
}.dv-sao-left a.a-guidanhgia, .dv-dv-box-bl .btn-bl {
    background: #feca05;
    color: #970d09;
}.dv-xemdanhmuc a:hover {
    background: #970d09;
    color: #fff;
}.dv-chatluong img {
    max-height: 60px;
}.policy-item .media {
    max-width: 45px;
}
.fl-post-cats-tags a {
    color: #333;
    background: #970d091a;
    border-radius: 10px;
    padding: 3px 12px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
    float: left;
    margin-right: 5px;
}

.fl-post-cats-tags i {
    float: left;
    padding-top: 7px;
}

.fl-post-cats-tags a:hover {
    background: #feca05;
}
.dv-show-thongso-kt p,
.showText.showText_stkt p {
    border: none;
    margin: 0;
    color: #333;
}
.dv-chitiet-right {
    display: none;
}
.btn-view-detail {
    display: none;
}
.dv-chitiet-left {
    width: 100%;
    padding: 0;
}.load-more.text-center {
    display: none;
}
.dv-anh { width: calc(100% - 100px) !important; text-align: left !important; float: left; }
.dv-showText-showhi {
    height: auto;
}

.dv-camket.dv-camket-htkh {
    padding: 0 0 15px;
    overflow: hidden;
    background: #f8f8f8;
    color: #333;
    margin-top: 5px;
    margin-bottom: 25px;
    border: 1px solid #ededed;
    border-radius: 8px 8px 0 0;
}
.dv-camket-cont-htkh { background: #970d09; padding: 10px 20px; text-align: center; font-weight: 400; font-size: 18px; color: #fff; margin: 0; border-radius: 7px 7px 0 0; margin-bottom: 35px; }.dv-camket-cont-htkh h5, .dv-camket-cont-htkh-h5 { font-size: 27px; line-height: 40px; font-weight: 400; display: block; padding: 10px 0 6px; }.dv-camket-nd li { list-style: none; width: calc(100% / 3 - 20px); margin: 0 10px 25px; display: flex; align-items: center; }.dv-camket-htkh .dv-camket-nd li { float: left; display: flex; }.dv-camket-htkh .dv-camket-nd li .dv-ckright { width: calc(100% - 100px); }.dv-camket-htkh .dv-ckright > b { display: none !important; }.dv-camket-htkh .nd-ck-sao { font-size: 14px; } .dv-camket-nd { padding: 0 15px; }
.dv-camket-htkh .dv-camket-nd li img {
    width: 75px !important;
    height: auto;
    margin-right: 10px;
    max-height: 75px;
}
.thanhtoan-2 {
    display: none;
}

div#chitiet_news {
    width: 30%;
}

#placeSlide_main .sidebar {
    width: calc(70% - 20px);
}

.dv-nd.edit_checkout.animate-floating-labels {
    display: none;
}

tr.total-line.total-line--shipping-fee {
    display: none;
}
.dv-box-ct-right .showText.showText_stkt li {
    margin-left: 20px;
}
@media only screen and (max-width: 1199px) {
    .pagewrap {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .right_top {
        width: 360px;
    }

    .logo_top {
        width: 220px;
    }

    .logo_top img {
        max-width: 100%;
    }

    .timkiem_top.no_box {
        width: calc(100% - 688px);
        margin: 20px 20px;
    }

    .menu > li > a {
        padding: 12px 18px;
    }

    .right-news.col-lg-3 {
        float: right;
        width: 280px;
    }

    .left_banner {
        float: left;
        width: calc(100% - 280px);
    }

    .news-list a {
        height: 122px;
    }

    .bannerMain .owl-carousel .owl-item img {
        height: 385px;
    }

    .left_footer>ul.ul-foot-3 {
        width: calc(30% - 20px);
        padding: 0;
    }

    .left_footer>ul {
        width: calc(24% - 20px);
        float: left;
        margin: 0 10px;
    }

    .left_footer>ul.ul-foot-3 {
        width: calc(28% - 20px);
        padding: 0;
        margin: 0 10px;
        overflow: hidden;
    }

    .left_footer {
        margin: 0 -10px;
    }

    div .viewRight {
        width: 37%;
        margin: 0;
    }

    div .viewLeft {
        width: 33%;
    }
}

@media only screen and (max-width: 992px) {
    .mn-mobile {
        display: block !important;
        padding: 0;
        margin: 0;
    }

    a.a_trangchu_mb {
        display: none;
        position: absolute;
        left: 0;
        color: #fff;
        padding: 7px 12px;
        font-size: 20px;
        top: 0px;
    }

    .menu-bar.hidden-md.hidden-lg {
        padding: 10px 10px;
        height: 36px;
        cursor: pointer;
        border-radius: 3px;
        display: inline-block;
        float: right;
        background: #ffcc32;
        position: absolute;
        right: auto;
        top: 5px;
    }

    div#mm-0 {
        background: #fff !important;
    }

    ul.mm-listview i.fa.fa-angle-down {
        display: none;
    }

    .mn-mobile img {
        float: left;
        height: 16px;
        line-height: 30px;
    }

    .mm-panel.mm-hasnavbar .mm-navbar {
        background: #970d09 !important;
        height: 38px;
        line-height: 18px;
    }

    .mn-mobile span {
        width: 30px;
        height: 4px;
        background: #fff;
        border-radius: 100px;
        display: block;
        margin: 6px 0;
    }

    ul.menu.no_box {
        display: none;
    }

    .dv-header-top {
        height: 48px;
    }

    .timkiem_top.no_box {
        position: absolute;
        right: 88px;
        bottom: -52px;
        top: auto;
        margin: 0;
        width: 315px;
        background: #fff;
    }

    .search a {
        background: #ffcc32 url(../images/search.png) no-repeat center 11px;
        height: 38px;
        position: absolute;
        right: 0;
        background-size: 20px 20px;
    }

    .input_search {
        width: 100%;
        height: 38px;
    }

    ul.flag-language {
        position: absolute;
        right: 10px;
        bottom: -45px;
        margin: 0;
    }

    .flag-language li {
        border: 1px solid #fff;
        border-radius: 100px;
    }

    .col-md-4.evo-header-hotline-cart.right_top {
        float: right;
        margin-top: 15px;
        width: auto;
    }

    .giohang_top {
        width: auto;
        display: inline-block;
        margin-left: 25px;
    }

    p.p-account-link {
        display: inline-block;
    }

    .logo_top a {
        padding: 7px 0;
    }

    .left_banner {
        width: 100%;
    }

    .bannerMain .owl-carousel .owl-item img {
        height: auto;
    }

    .right-news.col-lg-3 {
        width: calc(100% + 10px);
        padding: 0;
        margin: 10px -5px 0;
    }

    .right-news .news-list li {
        width: calc(100% / 3 - 10px);
        margin: 0 5px;
        float: left;
    }

    .dv-danhmuc-gr a img {
        width: 70px;
        height: 70px;
    }

    .dv-danhmuc-gr a h3 {
        font-size: 14px;
    }

    .dv-danhmuc-gr {
        width: calc(100% / 5 - 0px);
    }

    a.a-mobiless {
        display: none;
    }

    .dv-banner-left-home {
        display: none;
    }

    .div-boxpro-home-id.dv-banner-home-left .pro_home_id_slider {
        width: calc(100% + 14px);
        padding: 0;
    }

    a.a-mobiless {
        display: block;
        width: 100%;
        line-height: 0;
        margin-bottom: 15px;
    }

    a.a-mobiless img {
        width: 100%;
        height: auto;
    }

    .dv-banner-home-bottom {
        margin-top: 20px;
    }

    .div-boxpro-home-id.dv-banner-home-left.flex {
        margin-left: 0;
    }

    div#pro_tabs {
        display: none;
    }

    .dv-gioithieu-left {
        padding-right: 20px;
    }

    .left_footer>ul.ul-foot-3 ,.left_footer>ul {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .bottom_ft {
        padding: 20px 0;
        margin-top: 20px;
    }

    .menu-bar.hidden-md.hidden-lg a {
        display: block;
        line-height: 25px;
    }

    .news-list a {
        height: auto;
    }

    .pro_home_id.pro_id ul {
        width: calc(100% / 3 - 14px);
    }

    div .viewLeft {
        width: 100%;
        position: relative;
    }

    div .viewRight {
        width: calc(50% - 10px);
        padding: 0;
        margin-right: 10px;
        margin-top: 15px;
    }

    .dv-chitietsp-1 a {
        font-size: 15px;
        text-transform: none;
    }

    .left_contact {
        width: 100%;
    }

    .right_contact {
        width: 100%;
        padding-top: 15px;
    }

    .dv-viewRight-km {
        width: calc(50% - 10px);
        margin-left: 10px;
        position: relative;
        top: 0;
        margin-top: 15px;
    }

    .dv-header-top.fixed {
        position: relative;
    }

    .dv-danhmuc-cont {
        width: 100%;
    }

    .dv-danhmuc-home-slider-pc.flex {
        display: none;
    }

    .dv-danhmuc-home-slider {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    .page_conten_page .left_contact >h3, .page_conten_page .right_contact >h3 {
        font-size: 21px;
    }
span.sp01-x {
    display: none;
}

span.sp02-x {
    display: block !important;
}
    .page_conten_page {
        padding: 30px 0;
    }
.dv-viewRight-km {
    border: none;
}.dv-camket-nd li {
    width: calc(100% / 1 - 0px);
    margin: 10px 0 0;
}
.dv-camket-cont-htkh {
    font-size: 16px !important;
    padding: 7px !important;
}
.dv-camket-nd {
    padding: 0 10px;
}

.dv-camket-cont-htkh {
    margin-bottom: 15px;
}

.dv-camket-htkh .dv-camket-nd li img {
    width: 40px !important;
}

.dv-camket-htkh .dv-camket-nd li .dv-ckright {
    width: calc(100% - 70px);
}
    .tin_left .title_news h1,
    .tin_left .title_news .h2,
    .tin_left .title_news h2 {
        margin: 0;
        padding-top: 6px;
        font-size: 18px;
        line-height: 1.4;
    }

    h2 {
        font-size: 18px;
    }

    .dv-video-gr {
        width: calc(100% / 2 - 20px);
    }

    .dv-tintuc ul .h3 a,
    .dv-tintuc ul h3 a {
        font-size: 16px;
    }

    .pro_home_id.pro_id ul {
        width: calc(100% / 2 - 14px);
    }

    .dv-chitiet-left {
        width: 100%;
        padding: 0;
    }

    .dv-chitiet-right {
        width: 100%;
        padding-top: 20px;
    }

    .input_search {
        font-size: 14px;
    }

    .middle-footer {
        padding: 20px 0;
    }

    .giohang_top .right {
        display: none;
    }

    .dv-danhmuc-gr {
    width: calc(100% / 3 - 16px);
}

    .box_pro_sile ,.dv-home-gioithieu {
        padding: 35px 0;
    }

    .dv-gioithieu-right .sec-title span {
        font-size: 25px;
        line-height: 1.2;
        display: block;
    }

    .dv-gioithieu-left {
        padding-right: 0;
        width: 100%;
    }

    .dv-gioithieu-right {
        width: 100%;
        float: left;
        padding-top: 15px;
    }

    .owl-carousel .owl-item .item .new_id_bs {
        width: calc(100% /1 - 20px);
        margin: 0 10px;
    }

    .dv-home-tintuc,.box_pro_sile.box_pro_sile_noibat {
        padding: 35px 0;
    }

    .bottom_id_copyright ul.right {
        width: 100%;
        text-align: left;
        margin-top: 10px;
        padding: 0 10px;
    }

    .bottom_id_copyright ul.left {
        width: 100%;
        margin: 0;
    }

    .bottom_id_copyright {
        margin: 0;
    }

    .dv-thanhtoan a {
        float: left;
        margin: 0 8px 8px 0;
    }

    .dv-danhmuc-gr a h3 {
        display: block;
        line-height: 1.5;
        font-size: 15px;
        color: #333;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .tin_left {
        width: 100%;
        padding: 0;
    }

    .page_conten_page.pagewrap {
        padding: 30px 10px;
    }

    div .titleView {
        padding: 0;
        font-size: 18px;
    }

    .viewRight .h3,
    .viewRight h3 {
        font-size: 18px;
        padding: 0;
        margin: 0 0 10px;
    }

    .tin_right {
        width: 100%;
        margin-top: 20px;
    }

    .mobileqty.so-luong-mua.no_box {
        width: 130px;
    }

    .tb_rps td input {
        border: 1px solid #c4c4c6;
        width: 30px !important;
        float: left;
        display: inline-block !important;
    }

    .dv-tai-sao-chon-lala {
        padding: 35px 0;
    }

    .dv-title-h33 {
        font-size: 25px;
    }

    .dv-title-h33 p {
        font-size: 14px;
        padding-bottom: 0;
    }

    .dv-taisao .dv-info span {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .dv-taisao .dv-img {
        width: 100px;
        height: 100px;
    }

    div .viewLeft {
        top: 0;
    }

    .dv-binhluan-cont .dv-title-sp {
        height: auto !important;
    }

    .dv-quyen-loi-muahang .formBox li a {
        margin-top: 10px;
    }

    .dv-top {
        display: none;
    }

    .dv-top.dv-top-mobile {
        display: block !important;
    }

    .dv-thongtin-chitietsp {
        margin-top: 0;
    }

    .dv-box-khuyen-mai {
        padding: 10px;
    }

    .dv-viewRight-km, div .viewRight {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .dv-chitiet-right.dv-chitiet-right-spp {
        display: block !important;
    }div#chitiet_news {
    width: 100%;
}

#placeSlide_main .sidebar {
    width: 100%;
}.dv-phone-gr {
    width: calc(100% / 3) !important;
    text-align: center;
}

.dv-phone-gr span {
    display: inline-block !important;
    width: auto !important;
    margin: 0;
    padding: 0 0 0 6px;
    font-weight: 500;
}

.dv-phone-gr a {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.dv-phone-gr a img {
    margin: 5px 3px 5px 0;
}.box_right_pro_view.box_right_pro_view_mb {
        display: block !important;
        margin: 0 0 10px;
    }

.box_right_pro_view_2 {
    display: none;
}

}

@media only screen and (max-width: 479px) {
    .dv-video-gr {
        width: calc(100% / 1 - 20px);
    }
.dv-danhmuc-gr {
    width: calc(100% / 2 - 16px);
}
    .dv-top {
        display: none;
    }

    .logo_top a {
        padding: 0;
    }

    .dv-title-h33 {
        font-size: 22px;
    }

    .logo_top img {
    height: 60px;
}.logo_top {
    line-height: 0;
}

    a.account-icon-link>span {
    }

    a.account-icon-link>span.link-box {
        display: none;
    }

    .col-md-4.evo-header-hotline-cart.right_top {
        margin-top: 2px;
        right: 74px;
        position: absolute;
    }

    .giohang_top {
        margin-left: 4px;
    }

    .left_footer>ul.ul-foot-3, .left_footer>ul {
        width: calc(100% - 20px);
        margin-bottom: 15px;
    }

    ul.flag-language {
        bottom: auto;
        top: 10px;
        right: 5px;
    }

    .timkiem_top.no_box {
        right: 10px;
        max-width: calc(100% - 90px);
    }

    .right-news .news-list li {
        display: none;
    }

    .dv-danhmuc-gr a img {
        width: 48px;
        height: 48px;
        background: #f4f4f4;
        border: none;
        padding: 5px;
    }

    .dv-danhmuc-gr {
        padding: 0 5px 10px;
    }

    .dv-danhmuc-gr a h3 {
        font-size: 13px;
    }

    .box_pro_sile .tiltle {
        font-size: 22px;
    }

    .tiltle_f-style {
        margin-bottom: 10px;
    }
    .pro_home_id ul .h3,
    .pro_home_id ul h3 {
        font-size: 15px;
    }

    .dv-banner-home-bottom.dv-bnn-3 ,.dv-banner-home-bottom.dv-bnn-2 {
        display: none
    }

    div .viewRight {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .dv-viewRight-km {
        width: 100%;
        margin: 0;
        margin-top: 5px;
    }

    .contact .left li {
        width: calc(100% - 10px);
    }

    .dv-list-product-version {
        width: calc(100% / 2 - 10px);
    }

    .left_footer>ul.ul-foot-3, .left_footer>ul {
        width: calc(100% / 2 - 20px);
        margin-bottom: 12px;
    }

    .left_footer ul .h3 ,
    .left_footer ul h3 {
        line-height: 1.5;
        font-size: 17px;
    }

    .left_footer>ul.ul-foot-3, .left_footer>ul.ul-foot-3 + ul {
        width: calc(100% / 1 - 20px);
    }

    .bottom_ft {
        border-top: 0;
        margin-top: 0;
        padding-top: 10px;
    }

    .dv-chatluong-gr .policy-item {
        display: flex;
        align-items: center;
    }

    .dv-chatluong-gr .policy-item .media.flexbox {
        margin: 0;
    }

    .dv-chatluong-gr .policy-item .info {
        padding: 0;
        margin: 0;
        padding-left: 15px;
    }

    .footer {
        padding: 25px 0 0;
    }

    .dv-home-tintuc {
        padding: 30px 0 20px;
    }

    .add-icon-r {
        display: none;
    }

    div#back-top {
        top: auto;
        bottom: 120px;
    }

    .dv-button-mobile {
        display: inline-block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 999;
    }

    .dv-button-mobile a {
        display: inline-block;
        width: 25%;
        float: left;
        text-align: center;
        padding: 5px;
        font-size: 17px;
    }

    .dv-button-mobile a:nth-child(n + 5) {
        display: none;
    }

    .dv-button-mobile a i, .dv-button-mobile a b {
        width: 36px;
        height: 36px;
        line-height: 36px;
        background: #ffcc32;
        border-radius: 100px;
        color: #fff;
        display: inline-block;
    }

    .dv-button-mobile a b {
        font-size: 14px;
    }

    .dv-foot-bottom {
        margin-bottom: 42px;
    }

    .pro_home_id_slider ul {
        margin: 0 5px;
        width: calc(100% - 10px);
    }

    .pro_home_id {
        margin: 0 -5px;
    }

    .div-boxpro-home-id .pro_home_id {
        width: calc(100% + 10px);
    }

    .dv-chitietsp-1 a {
        width: 100%;
        font-size: 14px;
    }

    .dv-chitietsp.dv-chitietsp-1 {
        display: block;
    }

    .dv-chitietsp-1 a.active, .dv-chitietsp-1 a:hover, .dv-chitietsp-1 a {
        padding: 10px 12px;
    }

    .dv-quyen-loi-muahang .dv-left > h3, .dv-quyen-loi-muahang-h3 {
        font-size: 15px;
        padding: 7px 10px;
    }

    .dv-title-sp {
        font-size: 16px !important;
        padding: 7px !important;
    }

    .dv-quyen-loi-muahang li {
        width: calc(100% - 20px);
    }

    .dv-viewRight-km {
        display: none;
    }

    

    .dv-box-sanpham-khuyenmai {
        border: none;
        padding: 0;
    }.logo_top {
    line-height: 0;
}

ul.flag-language {
    top: 18px;
    right: 10px;
}

.col-md-4.evo-header-hotline-cart.right_top {
    top: 11px;
    right: 80px;
}.dv-chitietsp-1 a + a {
    display: none;
}.dv-chitietsp-1 a {
    border-radius: 5px;
}
}
.dv-gioithieu-cty {
    padding: 35px 0 50px;
}

.dv-gioithieu-cty .dv-left {
    width: 50%;
    float: left;
    position: relative;
    padding-right: 20px;
    margin-top: 5px;
}
.dv-idvideo-youtube {
    width: 1200px;
    height: 670px;
}
.dv-gioithieu-cty .dv-right {
    width: 50%;
    float: right;
    padding-left: 20px;
}

.dv-gioithieu-cty .dv-left i {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 100%;
    background: #feca05;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    opacity: 0.6;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dv-gioithieu-cty .dv-left i:hover {
    opacity: 0.9;
}

.dv-gioithieu-cty .dv-left img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.dv-gioithieu-cty .dv-left a {
    display: block;
    line-height: 0;
    position: relative;
}
.dv-gioithieu-cty .dv-right .dv-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #970d09;
    margin-bottom: 15px;
}.showText.stmb { display: none; }
.dv-gioithieu-cty .dv-left, .dv-gioithieu-cty .dv-right { display: inline-flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 767px) {

.showText.stmb {
    display: block !important;
}

.showText.stpc {
    display: none;
}

.dv-gioithieu-cty .dv-left {
    width: 100%;
    padding: 0;
    margin: 0;
}

.dv-gioithieu-cty .dv-right {
    width: 100%;
    padding: 20px 0 0;
}
}