/* @font-face {
    font-family: UVNHONGHAHEP_R;

    src: url("../fonts/UVNHONGHAHEP_R.TTF");

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: "UTM_HelvetIns";

    src: url("../fonts/UTMHelvetIns.eot");

    src: url("../fonts/UTMHelvetIns.eot") format("embedded-opentype"), url("../fonts/UTMHelvetIns.woff") format("woff2"),
        url("../fonts/UTMHelvetIns.woff") format("woff"), url("../fonts/UTMHelvetIns.ttf") format("truetype"),
        url("../fonts/UTMHelvetIns.svg#fontawesomeregular") format("svg");

    font-weight: normal;

    font-style: normal;
} */

@font-face {
    font-family: "UTM_FacebookK_TBold";

    src: url("../fonts/UTMFacebookK-TBold.eot");

    src: url("../fonts/UTMFacebookK-TBold.eot") format("embedded-opentype"),
        url("../fonts/UTMFacebookK-TBold.woff") format("woff2"), url("../fonts/UTMFacebookK-TBold.woff") format("woff"),
        url("../fonts/UTMFacebookK-TBold.ttf") format("truetype"),
        url("../fonts/UTMFacebookK-TBold.svg#fontawesomeregular") format("svg");

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: "UTM_Facebook";

    src: url("../fonts/UTMFacebook.eot");

    src: url("../fonts/UTMFacebook.eot") format("embedded-opentype"), url("../fonts/UTMFacebook.woff") format("woff2"),
        url("../fonts/UTMFacebook.woff") format("woff"), url("../fonts/UTMFacebook.ttf") format("truetype"),
        url("../fonts/UTMFacebook.svg#fontawesomeregular") format("svg");

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: "UTM_ViceroyJF";

    src: url("../fonts/UTMViceroyJF.eot");

    src: url("../fonts/UTMViceroyJF.eot") format("embedded-opentype"), url("../fonts/UTMViceroyJF.woff") format("woff2"),
        url("../fonts/UTMViceroyJF.woff") format("woff"), url("../fonts/UTMViceroyJF.ttf") format("truetype"),
        url("../fonts/UTMViceroyJF.svg#fontawesomeregular") format("svg");

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: "Roboto_Bold";

    src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"),
        url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");

    font-weight: normal;

    font-style: normal;
}

@font-face {
    font-family: "Roboto_Regular";

    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"),
        url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");

    font-weight: normal;

    font-style: normal;
}

p {
    margin: 0px;
}

a {
    text-decoration: none;
    color: #333333;
    transition: all 0.2s ease-in-out;
}

a:hover,
a:focus {
    color: #e9619f;
    text-decoration: none;
}

* {
    margin: 0px;

    padding: 0px;
}

ul,
ol {
    padding: 0;

    margin: 0;
}

li {
    list-style: none;
}

.clearfix-20 {
    height: 20px;
}

.p-0 {
    padding: 0;
}

.btn-prd {
    display: none;
}

.btn-prd .dropdown-menu li {
    border-bottom: 1px solid #ccc;

    padding: 10px 5px;
}

.btn-prd .dropdown-menu li:hover {
    background: #000;
}

.btn-prd .dropdown-menu li a:hover {
    color: #fff;
}

.btn-prd .dropdown-menu li:last-child {
    border-bottom: 0;
}

.fixed {
    position: fixed !important;

    top: 0px;

    z-index: 99;

    width: 100%;
}

@media (min-width: 481px) {
    .container {
        max-width: 1200px;

        margin: 0 auto;

        padding: 0;
    }
}

body {
    font-family: Roboto_Regular;

    background: #fff;

    font-size: 14px;

    /* font-family: arial; */

    color: #000;

    overflow-x: hidden;
}

del {
    font-size: 12px;

    color: #999;
}

.clear-fix {
    clear: both;
}

/*==========Main============*/

.menu_mb {
    position: fixed;

    max-width: 100%;

    background: #ffffff;

    z-index: 999;

    padding: 1px 15px;

    border-bottom: 1px solid #ccc;
}

#go_top {
    position: fixed;

    width: 24px;

    height: 25px;

    background: #000;

    color: #fff;

    text-align: center;

    line-height: 25px;

    font-size: 18px;

    font-weight: bold;

    background-size: 100% 100%;

    display: inline-block;

    z-index: 100;

    bottom: 25px;

    right: 25px;
}

.img_logo_mb {
    max-height: 60px;
    max-width: 70%;
    margin-top: 7px;
}

.menu_main .nav.is-fixed {
    position: relative;

    z-index: 105;
}

.menu_main .login,
.cart {
    display: none;
}

.txt_add_hd {
    font-size: 12px;

    color: #000000;

    line-height: 20px;

    display: inline-block;

    margin-right: 10px;
}

.icon_add_hd {
    font-size: 16px;

    float: left;

    line-height: 18px;

    margin-right: 6px;
}

.list_add_cpn_hd {
    margin: 0px 0px;
}

.logo_pc {
    display: inline-block;

    max-width: 100%;

    margin: 0px;
}

.logo_pc img {
    max-width: 100%;
}

.slogan_cpn_hd {
    text-align: center;

    margin: 24px 0px;
}

.slogan_main_hd {
    font-size: 36px;

    color: #0d7cd6;

    text-transform: uppercase;

    font-family: UTM_FacebookK_TBold;

    line-height: 37px;
}

.des_slogan_hd {
    color: #80c102;

    font-size: 36.78px;

    font-family: UTM_ViceroyJF;

    line-height: 37px;
}

.icon_hotline {
    float: left;

    margin-right: 10px;

    margin-top: 20px;
}

.txt_hotline {
    overflow: hidden;

    display: inline-block;
}

.txt_hotline {
    font-size: 24px;

    color: #0d7cd6;

    font-family: UTM_FacebookK_TBold;

    line-height: 28px;
}

.nb_hotline_top {
    color: #e60108;
}

.hotline_header {
    overflow: hidden;

    margin: 15px 0px;
}

.sc_header_menu {
    background: #0d7cd6;

    display: none;
}

.input-group {
    width: 100%;
}

.form_search select {
    /* padding: 8px; */

    border: none;

    border-right: 1px solid #e9619f;

    outline: 0;

    margin-top: 3px;
    background: none;
    border-radius: 0;
    padding: 8px 8px;
}

.form_search input {
    /* padding-top: 8px;
    padding-bottom: 8px; */
    max-width: 100%;
    outline: 0;
    border: none;
    margin: 12px 0;
}

.form_search button {
    padding: 13px 0px;
    background: #e9619f;
    color: #fff;
    outline: 0;
    border: none;
    border-radius: 0 7px 7px 0;
}

.input-group {
    border: 2px solid #e9619f;
    border-radius: 10px;
}

/* sc_header_top */

.sc_slide_brand {
    border-bottom: 1px solid #ccc;

    box-shadow: 5px 5px 5px #ccc;
}

.name-company {
    /* font-weight: bold; */

    font-size: 14px;

    color: #d20000;

    font-family: Roboto_Bold;
}

.hotline {
    /* font-weight: bold; */

    color: #414141;

    margin-left: 25px;

    font-family: Roboto_Bold;
}

.hotline > i {
    padding: 0 10px;
}

.info-top ul li {
    display: inline-block;

    padding: 0 10px;

    font-size: 13px;
}

.sc_slide_brand .owl-pagination {
    display: none;
}

.sc_slide_brand .owl-controls {
    display: none !important;
}

.slider_main .owl-pagination {
    display: none;
}

.slider_main .owl-controls {
    display: none !important;
}

.sc_slide_brand {
    padding: 20px 0;

    padding-bottom: 10px;
}

.sc_slide_brand .row {
    margin: 0;
}

.sc_slide_brand .row .col-md-10 {
    /* height: 50px; */

    padding: 0;
}

.sc_slide_brand .row .col-md-10 .row {
    /* padding-top: 9px; */
}

.sc_slide_brand .row .col-md-10 .row .col-sm-3,
.col-sm-2,
.col-sm-1 {
    /* padding-top: ; */
}

.sc_slide_brand .col-md-10 .row .col-sm-3 {
    padding-left: 35px;

    padding-right: 20px;

    width: 24%;
}

.sc_slide_brand .col-md-10 .row .col-sm-1 {
    width: 7%;

    padding-left: 25px;
}

.sc_slide_brand .row .col-md-10 .col-sm-6 {
    width: 55%;
}

.col-md-10 .owl-item {
    height: 50px;
}

.owl-item .item img {
    width: 100%;
}

.sc_slide_brand div.col-sm-6.col-xs-12 {
    padding: 0;
}

.info_acc span.taikhoan {
    font-weight: normal !important;
}

.col-sm-1 i {
    color: #0e8dcf;

    font-size: 20px;

    padding: 10px;

    border: 1px solid #0e8dcf;

    border-radius: 50%;

    position: relative;
}

.col-sm-1 span {
    position: absolute;

    top: 0;

    left: 75%;

    font-size: 12px;

    padding: 2px 10px;

    color: #fff;

    border: 1px solid;

    border-radius: 50%;

    background: #d60c0c;
}

/*.row .col-md-3:first-child{

    padding: 0;

    width: 22.5%;

}*/

/*.row .col-md-6:first-child{

    padding-left: 5px;

    padding-right: 5px;

    width: 56.5%;

}*/

@media (min-width: 992px) {
    .home-ct .col-md-3:first-child {
        padding: 0;

        width: 22.5%;
    }

    .home-ct .col-md-6 {
        padding-left: 5px;

        padding-right: 5px;

        width: 56.5%;
    }

    .home-ct .col-md-3:last-child {
        padding: 0;

        width: 20.5%;
    }

    .list-product .col-md-9 {
        padding: 0;
    }
}

/* sc_header_menu */

.qts_menu_banner {
    margin-top: 20px;
}

.qts_menu_banner .row {
    margin: 0;
}

.slide-show .caption-slider {
    display: none;

    position: relative;

    top: -400px;
}

/*.slide-show .owl-item{

    height: 442px;

}*/

/*.slide img{

    width: 100%;

}*/

.logo-slide {
    padding-left: 45px;
}

.hotline-slide .col-sm-2 {
    font-size: 30px;

    color: #000;
}

.email-slide .col-sm-2 {
    font-size: 30px;

    color: #000;
}

.hotline-slide .col-sm-2,
.col-sm-10 {
    padding: 0;
}

.email-slide .col-sm-2,
.col-sm-10 {
    padding: 0;
}

.hotline-slide .col-sm-2 {
    padding-left: 15px;
}

.email-slide .col-sm-2 {
    padding-left: 15px;
}

.hotline-slide .col-sm-10,
.email-slide .col-sm-10 {
    font-weight: bold;

    padding-bottom: 20px;
}

/* slide-selling-product */

.slide-selling-product {
    background: #eaeaea;
}

.caption-selling h4 {
    text-transform: uppercase;

    font-size: 12px;

    /* font-weight: 700; */

    line-height: 18px;
    height: 55px;

    font-family: Roboto_Bold;

    margin: 0px;
}

.slider_selling .row .col-xs-6 img {
    max-width: 100%;
}

.slider_selling .row .col-xs-6 {
    overflow: hidden;
}

.slider_selling .row .col-xs-6:hover img {
    -moz-transform: scale(1.25);

    -webkit-transform: scale(1.25);

    transform: scale(1.25);

    transition: all 0.5s;
}

.slider_selling .row .col-xs-6 img {
    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;
}

.slide-selling-product {
    padding: 5px 10px;

    padding-bottom: 10px;
}

.img-selling-product {
    overflow: hidden;
}

.img-selling-product:hover img {
    -moz-transform: scale(1.25);

    -webkit-transform: scale(1.25);

    transform: scale(1.25);

    transition: all 0.5s;
}

.img-selling-product img {
    height: 100%;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.5s;
}

.caption-selling button {
    background: #0089d0;

    color: #fff;

    font-size: 12px;

    border: 0;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    padding: 0px 2px;

    margin: 0px 2px;

    margin-top: 10px;
}

.caption-selling button:hover {
    background: #000;
}

/*.slider_selling .row .col-sm-6{

    padding-top: 20px;

}*/

.slider_selling .row .row {
    margin: 0;
}

.slider_selling .owl-pagination {
    display: none;
}

.slider_selling .owl-controls {
    display: none;
}

.slider_selling .owl-buttons {
    display: none;

    position: relative;
}

/*  qts_qc */

.img-qc img {
    width: 100%;
    margin-top: 10px;
}

.support {
    border: 1px solid #0496d5;

    margin-top: 5px;
}

.support img {
    max-width: 100%;
}

.support h3 {
    font-size: 14px;

    font-weight: normal;

    margin: 0;

    padding: 15px 0;

    background-color: #0496d5;

    color: #fff;

    text-align: center;
}

.support .col-xs-7,
.col-xs-4,
.col-xs-1 {
    padding: 0;
    margin-bottom: 5px;
}

.list-support {
    border-bottom: 1px dashed #ccc;

    font-size: 14px;
}

.list-support.row {
    margin: 0;

    padding: 1.5px 5px;
    line-height: 23px;
}

.col-xs-11 {
    padding: 0;
}

.img-selling-product img {
    display: block;

    margin-left: auto;

    margin-right: auto;
}

.sc_slider_main .owl-prev::after {
    content: "\f104";

    font-family: FontAwesome;
}

.sc_slider_main .owl-next::after {
    content: "\f105";

    font-family: FontAwesome;
}

/* qts_product */

.qts_product {
    margin-top: 50px;
}

.title-array .row {
    margin: 0;
}

.title-array .col-md-2 h4 {
    margin: 0;

    font-size: 15px;

    font-weight: bold;

    padding: 19px 0;

    color: #fff;

    text-align: center;

    background: #f3231e;

    /*     border-right: 50px solid transparent;

 */
}

.title-array .col-md-2 {
    padding: 0;
}

.title-array .col-md-2:after {
    position: absolute;

    content: "";

    top: 0;

    left: 100%;

    border: 28px solid transparent;

    border-left-width: 8px;

    border-left-color: #f3231e;
}

.title-array .lk-print:after {
    border-left-color: #154ba2;
}

.title-array .col-md-10 {
    padding-left: 30px;

    padding-right: 10px;

    padding-top: 15px;
}

.title-array .row .col-md-2 h4 {
    margin-top: 0;
}

.title-array .col-md-10 ul li {
    display: inline-block;

    padding: 0 14px;

    border-right: 1px solid #ccc;
    line-height: 36px;
}

.title-array .col-md-10 ul {
    display: inline-block;
}

.title-array .col-md-10 ul li:last-child {
    border-right: 0;
}

.list-product {
    border: 1px solid #ccc;
}

.list-product .row {
    margin: 0;
}
.list-product .col-md-4 > .row,
.item-prd > .row {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.list-product .row .col-md-2 {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 10px 0;
}

.list-product .col-md-9 .col-xs-6 {
    padding: 0;
}

.img-selling-product {
    height: 150px;
}

.product_item {
    border: 1px solid #ccc;
}
.caption-selling {
    padding: 10px;
}
.img-pr img {
    max-width: 100%;

    height: auto;
}

.list-product .col-md-9 .col-sm-6 {
    margin-bottom: 10px;

    padding: 0 3px;
}

/* qts-news */

.qts-news {
    margin-top: 50px;
}

.qts-news .row {
    margin: 0;
}

.img-news {
    height: 195px;
}

.img-news img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.cap-news {
    position: relative;
}

.img-line {
    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 5px;
}

.qts-news h3 {
    margin-bottom: 30px;

    font-size: 30px;

    color: #e9619f;

    text-align: center;

    /* font-family: UVNHONGHAHEP_R; */

    font-weight: 100;
}

.title-news a {
    /* color: #e9619f; */
}

.title-news h4 {
    height: 40px;

    overflow: hidden;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 21px;

    font-size: 13px;
}

.time-news {
    font-style: italic;

    color: #999999;

    padding: 10px 0;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;
}

.description-news {
    text-align: justify;

    padding-top: 15px;

    color: #666666;

    font-size: 13px;

    font-family: Roboto_Regular;

    line-height: 20px;

    height: 115px;

    overflow: hidden;
}

@media (min-width: 992px) {
    .list-news .row .col-md-3 {
        width: 25%;
        padding: 0 15px;
    }
}

.list-news button {
    margin-top: 10px;
    border: 1px solid #e9619f !important;
    background: none !important;
    padding: 7px 13px;
    border: none;
    transition: all.2s ease-in-out;
}

.list-news button:hover {
    background: #e9619f !important;
    /* border: none !important; */
}

.list-news button a {
    color: #e9619f;
}

.list-news button:hover a {
    color: #fff;
}

/* footer */

footer {
    padding-top: 30px;

    margin-top: 70px;
    
    padding-bottom: 30px;

    color: #fff;

    background: url("../img/bg_ft.png") no-repeat;

    background-size: cover;

    font-family: Helvetica;
}

footer .row {
    margin: 0;

    padding: 0;
}

.footer__content {
    margin-bottom: 20px;
}

.footer-top h4 {
    margin-bottom: 20px;

    font-size: 17px;

    font-weight: bold;
    text-transform: uppercase;
}

.footer__policy {
    padding: 0;
    margin: 0;
    margin-bottom: 70px;
}

.footer__policy-item {
    list-style-type: none;
    margin-bottom: 15px;
}

.footer__policy-item a {
    padding: 5px 0;
}

.map img {
    max-width: 100%;
}

footer .col-md-3 img {
    max-width: 100%;
}

footer ul {
    padding-left: 20px;
}

footer ul li a {
    color: #fff;

    font-family: arial;
}

footer ul li {
    list-style-type: square;

    margin: 10px 0;

    font-size: 14px;
}

.footer-top a {
    font-size: 14px;
}

/*.footer-bottom div{

    padding: 5px 0;

}*/

.footer-bottom {
    font-size: 13px;
}

/*.footer-bottom .col-md-6{

    width: 50%;

}*/

.copy {
    margin-top: 10px;

    border-top: 1px solid #fff;

    width: 100%;
}

.copy span {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    font-style: italic;

    float: right;

    margin: 10px 0;

    font-size: 13px;
}

/* LOGIN */

.login-user .col-md-3 button {
    width: 100%;

    background: #000;

    color: #fff;

    height: 45px;
}

.login-user .dropdown-menu {
    width: 100%;

    border-radius: 0;
}

.dropdown-menu {
    margin: 0;

    padding: 0;
}

.login-user .row {
    padding: 0 15px;
}

.link-page {
    background: #eaeaea;
}

.link-page li {
    display: inline-block;

    line-height: 45px;

    height: 45px;
    font-size: 13px;
}

.link-page li a {
    border-right: 1px solid #575757;

    color: #333333;

    font-size: 13px;

    padding: 0 10px;
}

.link-page li:last-child a {
    border-right: 0;
}

.form_login {
    border: 1px solid #c8c8c6;

    margin-top: 65px;
}

.form_login .title-form {
    border-bottom: 1px solid #c8c8c6;

    background: #d6eccd;

    margin-bottom: 20px;
}

.title-form h4 {
    line-height: 50px;

    margin: 0;

    color: #525e2d;

    padding-left: 15px;
}

.title-form h4 i {
    float: right;

    line-height: 50px;

    padding-right: 15px;

    color: #9dae97;
}

.form_login .col-xs-9 .col-xs-6 i {
    font-size: 40px;

    color: #fff;

    z-index: 1000;
}

.form_login .col-xs-9 .col-xs-6:first-child {
    color: #fff;

    padding-left: 0;
}

button img {
    margin-right: 10px;
}

.form_login .col-xs-9 .col-xs-6:first-child button {
    background: #4267b2;

    padding: 5px 0;

    padding-left: 20px;

    padding-right: 70px;

    font-weight: bold;
}

.form_login .col-xs-9 .col-xs-6:last-child {
    color: #fff;

    margin-left: -10px;

    padding-right: 0;
}

.form_login .col-xs-9 .col-xs-6:last-child button {
    background: #dc4e41;

    padding: 5px 0;

    padding-left: 25px;

    padding-right: 70px;

    font-weight: bold;
}

.form_login table {
    padding-top: 20px;
}

.form_login table td.col-xs-9 {
    padding: 0 15px;

    padding-bottom: 15px;
}

.form_login table input,
select {
    width: 100%;

    padding: 5px 10px;
}

.form_login table td.col-xs-3 {
    padding-bottom: 15px;

    text-align: right;
}

.form_login table button {
    padding: 10px 20px;

    color: #fff;

    background: #599801;

    border: 0;
}

.form_login table {
    border-bottom: 1px solid #ccc;

    margin: 0 15px;

    margin-bottom: 15px;
}

.form_login span {
    margin-bottom: 50px;
}

hr {
    height: 1px;

    color: #cae3b6;
}

.qts-all-product .menu-main {
    margin-bottom: 15px;
}

.qts-all-product .col-md-9 h4 {
    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;
}

.qts-all-product .col-md-9 {
    /* width: 77.5%;

    padding: 0 15px;*/
}

.qts-all-product .col-md-9 h4 {
    border-bottom: 1px double #e8b35f;
}

.description-prd p {
    text-align: justify;

    line-height: 25px;
}

.all-product .caption-selling h4 {
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom: 0 !important;
}

.all-product .col-sm-4 {
    /* margin-left: -7px;

    margin-right: -7px; */

    margin-bottom: 50px;
}

.all-product {
    margin-top: 20px;
}

.all-product .col-sm-4 .col-xs-6 {
    padding-left: 7px;

    padding-right: 7px;
}

.info-product {
    border: 1px solid #ccc;

    padding: 0;

    background: #fff;

    left: 15%;

    transform: translateX(-30%);

    top: 50%;

    z-index: 9000;
}

.info-product {
    display: none;

    position: absolute;

    box-shadow: 0px 0px 20px #afafaf;

    -moz-box-shadow: 0px 0px 20px #afafaf;

    -webkit-box-shadow: 0px 0px 20px #afafaf;

    width: 300px;
}

.info-product strike {
    color: #aaaaaa;

    font-size: 14px;
}

.info-product strong {
    color: #ee0000;
}

.info-product p:first-child {
    padding: 5px;

    font-weight: bold;

    background: #0087f2;

    color: #fff;

    margin-bottom: 10px;
}

.img-prd:hover .info-product {
    display: block;

    -webkit-transform: translateZ(0);

    -webkit-transform: translate3d(0, 0, 0);
}

/* check-box */

.qts-hsx,
.qts-price,
.qts-lsp {
    border: 1px solid #cccccc;

    margin-top: 10px;

    padding-bottom: 10px;
}

.qts-hsx h4,
.qts-price h4,
.qts-lsp h4 {
    background: #e9619f;

    color: #fff;

    /* font-family: UVNHONGHAHEP_R; */

    padding: 10px;

    margin-top: 0;
}

.form-check {
    padding-left: 15px;
}

.form-check input {
    margin-right: 20px;

    /*margin-top: 10px;*/
}

.qts-hsx .form-check span {
    text-transform: uppercase;

    color: #333333;
}

.qts-price span,
.qts-lsp span {
    color: #333333;
}

.form-check h5 {
    margin: 0;

    margin-top: 10px;

    padding-bottom: 10px;

    font-weight: bold;

    width: 100%;

    border-bottom: 1px dashed #ccc;
}

.form-check h5 input:first-child {
    margin-top: 0;
}

/* setmedia-filter */

.form-filter {
    display: none;
}

.hsx option {
    text-transform: uppercase;
}

/* product-detail */

.gc-thumbs-area.gc-hz {
    top: 415px !important;
}

.product-cart .row .col-md-3 > button,
.product-detail .row .col-md-3 > button {
    width: 100%;

    background: #e9619f;

    color: #fff;

    height: 45px;

    border: 0px;
}

.qts-prd-detail {
    padding-top: 100px;
}

.detail h4 {
    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;
}

.detail strong {
    color: #154c9f;

    font-weight: normal;
}

.detail ul {
    padding-left: 15px;

    margin-top: 10px;

    padding-bottom: 20px;

    border-bottom: 1px solid #dddddd;
}

.detail ul li {
    list-style-type: disc;
}

.combo-prd .col-xs-10 {
    padding: 0;
}

.combo-prd .info_pro li {
    list-style: none;

    display: inline-block;
}

.combo-prd .info_pro ul {
    border-bottom: 0;

    padding: 0;
}

.combo-prd .info_pro ul li {
    width: 17.3%;

    margin-right: 14px;
}

.combo-prd .info_pro ul.col-xs-12 li:last-child {
    margin-right: 0;
}

.combo-prd .info_pro li img {
    width: 100%;
}

.qts-combo {
    font-size: 11px;
    text-align: center;
    height: 30px;
    overflow-y: hidden;
}

.combo-prd .title_pro,
.color-prd .title_pro {
    padding: 0;

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 16px;

    font-weight: bold;
}

.combo-prd {
    border-bottom: 1px solid #dddddd;

    margin: 0;
}

.color-prd {
    margin: 0;

    padding: 15px 0;

    border-bottom: 1px solid #dddddd;
}

.color-prd .col-xs-10 {
    margin-top: 10px;
}

.prd-same .col-xs-6 {
    padding: 10px 0;
}

.color-prd .col-xs-10 span {
    margin: 0 5px;
}

.buy-prd {
    padding-top: 25px !important;
}

.buy-prd .col-md-3 a {
    background: #d87300;

    padding: 13px 20px;

    border-radius: 3px;
}

.buy-prd .col-md-3 a span strong {
    color: #fff;

    font-weight: bold;
}

.buy-prd .col-md-3 a span i {
    color: #fff;

    font-size: 30px;

    position: relative;

    transform: translateY(20%);

    border-right: 1px solid #fff;

    padding-right: 5px;
}

/* content-detail */

.qts-content-detail .col-md-9,
.prd-same-price {
    padding-top: 50px;
}

.qts-content-detail .col-md-9 ul {
    border-bottom: 3px solid #dddddd;
}

.qts-content-detail .col-md-9 ul li {
    display: inline-block;

    padding: 0 15px;

    padding-bottom: 15px;

    margin-bottom: -3px;
}

.qts-content-detail li a {
    font-size: 16px;

    color: #000000;

    font-weight: bold;
}

.qts-content-detail li.active a {
    color: #555555;
}

.more a:hover {
    color: red;
}

.qts-content-detail li.active {
    border-bottom: 3px solid #333333;
}

.qts-content-detail li a:hover {
    color: #ccc;
}

.tab-pane {
    padding-top: 20px;
}

.tab-pane p {
    text-align: justify;
}

.tab-pane .img-content img {
    display: block;

    margin: 20px auto;

    max-width: 100%;
}

.prd-same-price .col-sm-6 {
    border-bottom: 1px solid #dddddd;

    padding: 15px 0;
}

.prd-same-price .prd-same .col-md-12.col-sm-6:last-child {
    border-bottom: none;
}

.prd-same-price > h4 {
    font-weight: bold;

    font-size: 18px;
}

.prd-same-price .prd-same .col-sm-12:last-child {
    border-bottom: 0;
}

.prd-same-price .col-sm-12 .col-xs-6 {
    padding: 0;
}

.prd-same {
    border: 1px solid #dddddd;

    margin: 0;
}

.qts-comment h4 {
    font-size: 18px;

    border-bottom: 1px solid #dddddd;
}

.qts-comment div.col-sm-4 input {
    width: 100%;
}

.qts-comment h4 {
    padding-bottom: 10px;
}

.more {
    padding: 20px 0;
}

.more span a {
    color: #2693d3;

    border-right: 1px solid #2693d3;

    padding-right: 10px;
}

.more span a:last-child {
    border-right: 0;
}

.qts-comment input {
    padding: 5px;
}

/* .qts-comment .col-sm-4,.qts-comment .col-sm-8{



} */

.qts-comment textarea {
    padding: 5px;

    width: 100%;

    margin-top: 20px;
}

.qts-comment button.pull-left {
    margin-top: 15px;

    margin-left: 15px;

    padding: 5px 20px;

    border-radius: 5px;
}

.product-detail .row {
    margin: 0;

    padding: 0;
}

.qts-product-lq > h4 {
    font-size: 18px;

    font-weight: bold;
}

/* .qts-product-lq .item{

    padding: 0 5px;

} */

.qts-product-lq .item .col-xs-6 {
    padding: 0;
}

.qts-product-lq .owl-controls.clickable {
    display: none !important;
}

iframe {
    max-width: 100%;
}

/* product-cart */

/* .cart-inner h4{

    font-weight: bold;

} */

.caption-selling .price {
    font-size: 12px;

    color: #595959;

    font-family: Roboto_Regular;
}

.caption-selling .sale {
    font-size: 12px;

    color: #000000;

    font-family: Roboto_Regular;

    margin-bottom: 5px;
}

.caption-selling .sale span {
    color: #bd0000;

    font-family: Roboto_Bold;
}

.btn_order {
    display: flex;

    justify-content: flex-start;
}

ul.paganition li {
    float: left;

    border: 1px solid #dfdfdf;

    margin: 0px 3px;

    padding: 5px 10px;
}

ul.paganition li.active {
    background: #fb3f3e;
}

ul.paganition li.active a {
    color: #fff;
}

.phantrang {
    float: right;
}

/* PRODUCT-CART */

.cart-inner .col-md-6 {
    width: 50%;
}

.link-page.col-md-9 {
    width: 74.5%;
}

.product-cart .row {
    margin-left: 0;

    margin-right: 0;
}

.cart-inner {
    margin-top: 50px;
}

.cart-inner h4 {
    font-weight: bold;

    border-bottom: 1px solid #333333;

    padding-bottom: 20px;
}

.cart-inner table {
    width: 100%;
}

.cart-inner table td.col-sm-8 input {
    width: 100%;

    padding: 5px 10px;
}

td.col-sm-8 textarea {
    width: 100%;

    padding: 5px 10px 30px;
}

.cart-inner table td.col-sm-4,
.cart-inner table td.col-sm-8 {
    padding-bottom: 20px;
}

.cart-inner table tr:first-child td.col-sm-4,
.cart-inner table tr:first-child td.col-sm-8 {
    padding-top: 20px;
}

.info-tt .title-top {
    width: 100%;

    background: #f5f5f5;

    padding: 10px;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;
}

.info-tt table {
    border: 1px solid #dddddd;
}

.pay .title-top,
.transport .title-top,
.cnt .title-top {
    width: 100%;

    background: #f5f5f5;

    padding: 10px;
}

.pay-option,
.transport-option {
    padding: 15px;

    border: 1px solid #dddddd;
}

.pay-option input,
.transport-option input {
    margin-right: 15px;

    margin-bottom: 20px;
}

.pay-option input + span,
.transport-option input + span {
    font-weight: bold;
}

.cnt {
    border: 1px solid #dddddd;
}

.cnt-inner {
    padding-left: 15px;

    padding-right: 15px;
}

.cnt textarea {
    margin: 20px 0;

    width: 100%;

    border-radius: 5px;

    padding: 5px;
}

.title-top-right {
    width: 100%;

    background: #f5f5f5;

    padding: 10px;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;
}

.content-cart .col-sm-6 .img-cart img {
    max-width: 100%;
}

.content-cart .col-sm-6 {
    padding: 0;
}

.content-cart .col-sm-6 .img-cart {
    padding: 0 5px;

    margin: 0 5px;

    border: 1px solid #333333;
}

.content-cart .col-sm-1,
.content-cart .col-sm-2,
.content-cart .col-sm-4 {
    padding: 0 5px;
}

.content-cart table td.col-sm-2 {
    padding-top: 0;
}

.pay-cart {
    background: #f8f8f8;
}

.pay-cart tr {
    border-bottom: 1px dashed #d2d2d2;
}

.pay-cart td.pull-left,
.pay-cart td.pull-right {
    padding: 10px;

    margin: 0 10px;
}

.content-cart {
    border: 1px solid #dddddd;

    padding-bottom: 20px;
}

.btn-order {
    padding: 20px;

    background: #f8f8f8;

    border: 1px solid #d2d2d2;

    clear: both;
}

.btn-order button {
    background: #1aabe0;

    border: 0;

    padding: 5px 20px;

    color: #fff;
}

.btn-order button a {
}

.delivery table tr td.col-sm-6 {
    padding-left: 5px;
}

.delivery table div.col-sm-8,
.delivery table div.col-sm-4 {
    padding: 5px;
}

.delivery table div.col-sm-8 select {
    max-width: 100%;
}

.delivery table div.col-sm-8 input {
    width: 100%;
}

.delivery table tr td.col-sm-6 div.col-sm-4 {
    text-align: right;
}

.tit-delivery-top {
    font-size: 18px;

    border-bottom: 1px solid #dddd;

    padding: 10px;
}

.delivery {
    display: none;
}

.delivery-inner {
    background: #fff;

    width: 50%;

    margin: 0 auto;

    border: 1px solid #ddd;

    top: 50%;

    left: 50%;

    transform: translateX(-50%);

    position: absolute;
}

.delivery:before {
    content: "";

    position: absolute;

    background: #000;

    width: 100%;

    height: 1500px;

    top: 0;

    left: 0;

    opacity: 0.5;
}

.show {
    display: block;
}

.tit-delivery-top button {
    background: none;

    border: 0;

    margin-right: 20px;
}

.delivery-inner div.pull-right button:first-child {
    background: #3c8dbc;

    color: #fff;

    border: 0;

    padding: 5px 15px;

    margin-right: 10px;
}

.delivery-inner div.pull-right button:last-child {
    background: #f4f4f4;

    border: 0;

    padding: 5px 15px;

    margin-right: 10px;
}

.delivery-inner {
    padding-bottom: 20px;
}

.slider_selling .owl-prev::after {
    color: black;

    font-size: 45px;

    position: absolute;

    left: -8px;
}

.slider_selling .owl-next::after {
    color: black;

    font-size: 45px;

    position: absolute;

    left: -8px;
}

.caption-selling h4 a {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width: 768px) /* sm*/ {
    .md-6 {
        width: 50% !important;
    }
}

@media (min-width: 768px) {
    .all-product .item-prd:nth-child(3n + 4) {
        clear: left;
    }
}

@media (max-width: 992px) {
    .qts_qc .img-qc {
        width: 50%;

        float: left;
    }

    .qts_qc .support {
        width: 50%;

        float: left;
    }
}

.slider_main .item img {
    height: 410px;
}

.slider_selling .img_prd_sell,
.slider_selling .caption-selling {
    padding: 0 3px;
}

.slider_selling .item {
    padding-left: 15px;

    padding-right: 15px;
}

.slide-selling-product h3 {
    margin-bottom: 15px;
}

.list-product .col-md-9 {
    padding-top: 5px;

    padding-bottom: 5px;
}

.list-product .col-md-9 .col-md-4 {
    margin-top: 25px;

    margin-bottom: 25px;
}

.time {
    font-family: arial;

    font-size: 13px;
}

.qts-all-product .col-md-3 {
    width: 22.5%;

    /* padding: 0; */
}

.all-product > .row {
    padding-left: 15px;

    padding-right: 15px;
}

.product-detail .row .col-md-3 {
    width: 22.5%;

    padding: 0;
}

.qts-prd-detail .form-group {
    padding-right: 15px;
}

.form-input-note {
    padding-left: 10px;

    padding-right: 10px;
}

/* .qts_content_home{

    padding-top: 50px !important;

} */

.prd-same-price {
    width: 25% !important;

    padding-top: 50px !important;
}

.prd-same-price .prd-same .col-md-12:last-child {
    border-bottom: 0;
}

.qts-product-lq > h4 {
    margin-bottom: 20px;
}

#register_user_frm .form-group {
    padding-left: 10px;

    padding-right: 10px;
}

#register_user_frm .form-group .col-md-3 {
    padding-right: 10px;
}

.qts-content-detail .row .col-md-9,
.qts-content-detail .row .col-md-3 {
    padding-left: 15px;

    padding-right: 15px;
}

.slider-prd-lq .owl-dots {
    display: none;
}

@media (max-width: 767px) {
    .buy-prd > .col-md-3 a span i {
        font-size: 18px !important;
    }

    .buy-prd > .col-md-3 a {
        padding: 8px 5px !important;
    }

    .hidden-xs {
        display: none;
    }

    .bt_buy_prod {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .info_conten_pro .hidden-md,
    .info_conten_pro .hidden-ld,
    .info_conten_pro .hidden-sm {
        display: none;
    }
}

#colum_info {
    border-right: 3px solid #ccc;
}

#colum_info .col-md-8 {
    left: 50%;

    transform: translateX(-50%);
}

#colum_info .form-group {
    padding-left: 30px;
}

#colum_odder .col-md-8 {
    /* padding-left: 30px; */

    left: 50%;

    transform: translateX(-50%);
}

.tit_thuongmai {
    text-align: center;

    margin-top: 0;

    margin-bottom: 30px;
}

.tit_thuongmai span {
    border-bottom: 2px solid #337ab7;
}

/*======================== Tìm kiếm nâng cao */

.wrap-suggestion {
    display: block;

    border: 1px solid #e2e2e2;

    background: #fff;

    position: absolute;

    left: 80px;

    width: 345px;

    top: 51px;

    z-index: 9000000000;
}

wrap-suggestion li.link:first-child {
    margin-top: 6px;
}

.wrap-suggestion li.link {
    border: none;

    padding-left: 10px;

    padding-right: 10px;
}

.wrap-suggestion li {
    display: block;

    background: #fff;

    overflow: hidden;

    list-style: none;

    border-bottom: 1px dotted #ccc;
}

.wrap-suggestion li a:hover {
    /* background: blue; */
}

.wrap-suggestion li a {
    display: block;

    overflow: hidden;

    padding: 6px;

    color: #333;

    font-size: 12px;
}

.wrap-suggestion li.link a {
    font-size: 14px;

    color: #fff;
}

.wrap-suggestion li a {
    display: block;

    overflow: hidden;

    padding: 6px;

    color: #333;

    font-size: 12px;
}

.wrap-suggestion li a img {
    float: left;

    width: 50px;

    height: auto;

    margin: 0 6px 0 0;
}

.wrap-suggestion li a h3 {
    display: block;

    width: auto;

    color: #333;

    font-size: 14px;

    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.wrap-suggestion li a span.price {
    font-size: 12px;

    color: #c70100;

    float: none;
}

.wrap-suggestion li a span {
    float: left;

    font-size: 13px;

    color: #333;
}

.wrap-suggestion li.text {
    background-color: #d20000;

    color: #1a3b6d;

    font-size: 14px;

    border: none;

    padding: 7px 10px;

    color: #fff;

    text-align: center;
}

.wrap-suggestion li {
    display: block;

    background: #fff;

    overflow: hidden;

    list-style: none;

    border-bottom: 1px dotted #ccc;
}

.wrap-suggestion li:hover {
    background: #e9619f;
}

.wrap-suggestion li:hover h3 {
    color: #ffff;
}

.text:after {
    position: absolute;

    content: "";

    top: -10px;

    left: 40%;

    border-bottom: 10px solid #d20000;

    border-left: 15px solid transparent;

    border-right: 16px solid transparent;
}

.text:hover {
    background: #d20000 !important;
}

/* .wrap-suggestion:after, .wrap-suggestion:before {

    bottom: 100%;

    left: 80px;

    height: 0;

    width: 0;

    position: absolute;

    border-bottom: 50px solid ##fff;

    border-left: 25px solid transparent;

    border-right: 25px solid transparent;

}  */

.qts-prd-detail .glass-case .gc-display-display {
    width: 400px !important;

    height: auto !important;

    display: block;

    margin: 0 auto;
}

.gc-display-container {
    display: block;

    margin: 0 auto;
}
.clearfix-5 {
    clear: both;
    height: 5px;
}
.kenh_youtube {
    margin: 5px 0;
}
.kenh_youtube span {
    font-weight: bold;
    padding-left: 4px;
}
.img-selling-product img {
    width: 100%;
    object-fit: contain;
}
.header_left,
.banner,
.qts_qc {
    max-height: 650px;
}
.qts-all-product .col-md-9 {
    width: 77.5%;
}
.all-product .item-prd {
    margin: 0;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
.all-product .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.slider-prd-lq .item {
    border: 1px solid #ccc;
}
.tab-pane img {
    max-width: 100%;
    height: auto !important;
    margin-bottom: 10px;
}
.mobile_acc {
    padding-top: 70px;
}
/* #embed_fullchat{
    display: none;
} */
.phone a {
    color: #ffffff !important;
}

.p50 {
    padding: 0px 5px !important;
}

.m-50 {
    margin: 0px -5px;
}

.sc-banner {
    /* padding-top: 15px; */
    margin: 0px 0 15px;
}

.sc-banner .danhmuc .tit-dm {
    font-family: "brandontext_bold", sans-serif;
    background: #e9619f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    margin: 0;
}

.sc-banner .danhmuc .tit-dm .tit-icon {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: 10px;
}

.sc-banner .danhmuc .tit-dm .tit-icon span {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.sc-banner .danhmuc .tit-dm .tit-icon span:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 20%;
    width: 60%;
    height: 1px;
    background: #fff;
    -webkit-box-shadow: 0 12px 0 #fff;
    box-shadow: 0 12px 0 #fff;
}

.sc-banner .danhmuc .as-menu {
    background: #fff;
}

@media (min-width: 992px) {
    .sc-banner .danhmuc .as-menu {
        /* position: relative; */
        z-index: 2;
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 98%;
    }
    .sc-banner .danhmuc .as-menu > li:first-child {
        border-top: none;
    }
    .sc-banner .danhmuc .as-menu li {
        /* position: relative; */
    }
    /* .sc-banner .danhmuc .as-menu .dropdown-content a {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 4px 10px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    } */
    .sc-banner .danhmuc .as-menu li a:hover {
        color: #e9619f;
    }
    .sc-banner .danhmuc .as-menu li.dropdown {
        /* position: relative; */
        z-index: 1;
    }
    .sc-banner .danhmuc .as-menu > li:hover {
        background: #e9619f;
    }
    .sc-banner .danhmuc .as-menu > li:hover > a,
    .sc-banner .danhmuc .as-menu > li:hover .activeHover::before {
        color: #ffff;
        border: #e9619f;
    }

    .activeHover {
        position: relative;
    }

    .activeHover::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        content: "\f054";
        font-size: 12px;
        position: absolute;
        top: -35px;
        right: 0;
        width: 30px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .activeHover::after {
        content: "";
    position: absolute;
    border-style: solid;
    border-width: 15px 0 15px 16px;
    border-color: transparent #e9619f;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -31px;
    right: -16px;
    z-index: 999999999999999;
    visibility: hidden;
    }

    .sc-banner .danhmuc .as-menu > li:hover .activeHover::after {
        /* background: #e9619f; */
        visibility: visible;
    }
    .sc-banner .danhmuc .as-menu li.dropdown:hover > .dropdown-content {
        display: block;
        z-index: 999;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        /* left: -webkit-calc(100%); */
        left: calc(96%);
        top: 0;
        width: 308%;
        height: 300px;
        /* left: 0;
        right: 0; */
        /* height: 600px; */
    }
    .dropdown {
        position: initial;
    }
    .sc-banner .danhmuc .as-menu li.dropdown .dropdown-content {
        position: absolute;
        list-style-type: none;
        padding: 0px 0px;
        /* width: 100%; */
        /* top: -0px; */
        left: -9999px;
        /* z-index: -1; */
        background: none;
        -webkit-transform: scale(0.7, 1);
        -ms-transform: scale(0.7, 1);
        transform: scale(0.7, 1);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    }
    .add_bg{
        background-color: #fff;
    }
}

.sc-banner .danhmuc .as-menu .tit-menu {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
}

.sc-banner .danhmuc .as-menu .dropdown:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    /* content: "\f054"; */
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.sc-banner .danhmuc .as-menu .dropdown .dropdown-content.mega-content {
    background: #fff;
    /* width: 450px; */
    min-width: 100%;
}

.sc-banner .danhmuc .as-menu .dropdown .dropdown-content.mega-content a {
    border: none;
}

.sc-banner .danhmuc .as-menu li {
    padding: 6px;
}

.sc-banner .danhmuc .as-menu li:last-child a {
    border-bottom: none;
}

.sc-banner .danhmuc .as-menu li a {
    color: #333;
    font-size: 15px;
    padding: 5px 10px 5px 5px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sc-banner .danhmuc .as-menu li a img {
    margin-right: 10px;
}

.sc-banner .danhmuc .as-menu .menu-prod h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0;
}

.sc-banner .danhmuc .as-menu .menu-prod .price {
    margin-bottom: 10px;
}

.sc-banner .danhmuc .as-menu .menu-prod .price .current {
    font-family: "brandontext_bold", sans-serif;
    font-size: 17px;
    color: #ff5c00;
}

.sc-banner .danhmuc .as-menu .menu-prod .price .older {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 5px;
    color: #999;
}

.sc-banner .slider_main.owl-carousel:hover .owl-nav div {
    opacity: 1;
}

.sc-banner .slider_main.owl-carousel:hover .owl-nav .owl-prev {
    left: 0;
    padding-top: 2px;
}

.sc-banner .slider_main.owl-carousel:hover .owl-nav .owl-next {
    right: 0;
    padding-top: 3px;
}

.sc-banner .slider_main.owl-carousel .owl-nav {
    max-width: 1200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 45%;
}

.sc-banner .slider_main.owl-carousel .owl-nav div {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sc-banner .slider_main.owl-carousel .owl-nav [class^="owl-"] {
    font-family: serif;
    font-size: 50px;
    background: #fff;
    padding: 0 0px;
    width: 30px;
    height: 50px;
    line-height: 40px;
    border: 1px solid #ff5c00;
    color: #ff5c00;
    text-shadow: none;
}

.sc-banner .slider_main.owl-carousel .owl-nav [class^="owl-"]:hover {
    background: #ff5c00;
    color: #fff;
}

.sc-banner .slider_main.owl-carousel .owl-nav .owl-prev {
    left: 20px;
}

.sc-banner .slider_main.owl-carousel .owl-nav .owl-next {
    right: 20px;
}

.sc-banner .bannerBottom .imageHover {
    position: relative;
}

.sc-banner .bannerBottom .imageHover a:hover:before,
.sc-banner .bannerBottom .imageHover a:hover:after {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.sc-banner .bannerBottom .imageHover a:before,
.sc-banner .bannerBottom .imageHover a:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid transparent;
}

.sc-banner .bannerBottom .imageHover a:before {
    border-top-color: #fff;
    border-bottom-color: #fff;
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.sc-banner .bannerBottom .imageHover a:after {
    border-left-color: #fff;
    border-right-color: #fff;
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sc-banner .danhmuc .tit-dm {
        line-height: 35px;
        font-size: 12px;
    }
    .sc-banner .danhmuc .tit-dm .tit-icon {
        width: 35px;
        height: 35px;
    }
    .sc-banner .danhmuc .as-menu li a {
        font-size: 12px;
        padding: 4px 10px 3.5px 5px;
    }
    .sc-banner .danhmuc .as-menu li a img {
        max-height: 15px;
    }
    .sc-banner .danhmuc .as-menu .dropdown:after {
        height: 35px;
        line-height: 30px;
    }
}

.position-none {
    /* position: ; */
}

.col-sm-1.col-xs-1.text-center.cart_mb {
    margin-top: 5px;
}

/* product sale */
#owl-carousel__productSale .owl-nav > div {
    position: absolute;
    top: 30%;
    font-size: 40px;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;

    color: #e9619f;
}

#owl-carousel__productSale:hover .owl-nav > div {
    opacity: 0.9;
}

#owl-carousel__productSale .owl-prev {
    left: -27px;
}

#owl-carousel__productSale .owl-next {
    right: -27px;
}

.productSale {
    margin-top: 50px;
}

.section_best_deal {
    margin-bottom: 50px;
}

.section_best_deal .border-red {
    border: 2px solid #e9619f;
    border-radius: 20px;
    padding: 0 30px 20px;
    position: relative;
}

.section_best_deal .block-title {
    text-align: center;
}

.section_best_deal .block-title h2 {
    font-size: 0;
    line-height: initial;
    font-weight: bold;
    margin-top: -40px;
    margin-bottom: 20px;
}

.section_best_deal .block-title h2 a {
    font-size: 34px;
    padding: 20px 35px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 0px 17px 8px rgb(0 0 0 / 5%);
    color: #3e4a5e;
    display: inline-block;
}

.section_best_deal .block-title h2 a svg {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.slideVartical .slideshow {
    height: 100%;
}

.slideVartical .swiper-container {
    height: 80vh;
}

.section_best_deal .block-product .swiper-container .swiper-slide .item_product_main:before {
    position: absolute;
    height: 100%;
    width: 1px;
    background: #e6e6e6;
    content: "";
    right: -10px;
}

.product-block-item {
    position: relative;
    overflow: hidden;
}

.product-block-item .sale-label {
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    background-color: #f14e18;
    border-radius: 10px 0;
}

.product-block-item .product-transition {
    position: relative;
    display: block;
    overflow: hidden;
    height: 170px;
}

.product-block-item:hover .product-thumbnail {
    transform: scale(1.05);
}

.product-block-item .product-thumbnail {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}

.product-block-item .product-action {
    text-align: center;
    width: 100px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-bottom: -50px;
}

.product-block-item .action {
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    text-decoration: none;
    background: #3ba66b;
    margin: 0 2px;
}

.product-block-item .action svg {
    width: 20px;
    height: 20px;
}

.product-block-item .action.setWishlist {
    background: #eb3e32;
}

.product-block-item .action svg {
    fill: #fff;
}

.product-block-item:hover .product-action {
    margin-bottom: 0;
}

.product-block-item .action:hover {
    background: #ffb416;
}

.product-block-item .group-buttons {
    margin-bottom: 0;
    display: inline-block;
    margin-bottom: 0;
}

.item_product_main .product-info {
    text-align: center;
}

.product-block-item .product-info .item-product-name {
    padding-top: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%;
    color: #000;
    line-height: 1.3;
    margin-bottom: 5px;
    display: block;
}

.product-block-item .product-info .product__price {
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    font-size: 15px;
    color: #eb3e32;
    font-weight: 700;
}

.product-block-item .product-info .product__price .old-price {
    text-decoration: line-through;
    font-size: 13px;
    color: #999;
    margin-left: 5px;
    font-weight: normal;
}

.news_left h2.title {
    background-color: #e9619f !important;
}

.title_home a,
.tit_mid h2 a {
    color: #e9619f !important;
    font-size: 18px;
    font-weight: bold;
}

#owl-carousel__relatedProducts .owl-prev,
#owl-carousel__relatedProducts .owl-next {
    font-size: 40px;
    color: #e9619f;
}
.col-md-4{
    margin-bottom: 20px;
    display: inline-block !important;
}
.test1{
    margin-bottom: 20px;
}
.test1 a{
    display: inline-block;
    
    border: none !important;
}
.title_box_a{
    color: #0d7cd6 !important;
    display: inline !important;
}
.test1 span{
    font-size: 15px;
    font-weight: bold;
}
.title_box{
padding: 0px 0px 10px 0px;
    border-bottom:1px solid #eee ;
}
.dropdown_contentBox{
    padding: 10px 20px;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
}
.test1>ul>li>a{
    padding-bottom: 0px !important;
}

.dropdown_contentBox_icon{
    display: none;
   
}
.dropdown_contentBox_icon.none{
    display: none;
}
.sc-banner .danhmuc .as-menu li.dropdown:hover > .dropdown-content.none{
    display: none;

}
.bct{
    position: relative;
    margin-top: 20px;
    z-index: 999999999;
}
.tit_left2{
    font-size: 24px;
    line-height: 56px;
    
    margin-left: 10px;
}
.formLeft2.active,
.formLeft1.active{
    display: none;
}
.heading_title{
    background-color: rgb(183 183 183 / 10%);
    border: 1px solid rgb(183 183 183 / 10%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.hinhthuc_thanhtoan{
    border: 1px solid rgb(183 183 183 / 10%);
}
.modal-dialog{
    z-index: 99999999;
}
.loginThanhtoan{
    color: red;
    font-size: 21px;
    font-weight: 600;
}
.inputNameBox{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.inputNameBox:first-child{
    margin-top: 0px;
}

.inputNameBox input{
    height: 35px;
    padding-left: 10px;
    color: #686868;
    font-size: 12px;
}
.inputNameBox textarea:focus,
.inputNameBox input:focus{
    outline: none;
    border: 1px solid #e9619f;
}
.inputNameBox textarea{
    padding-left: 10px;
    color: #686868;
    font-size: 12px;
    padding-top: 10px;
    height: 85px;
}
.baokim_btn{
    background: #19abe0;
    border: 1px solid #19abe0;
    border-radius: 5px;
    padding: 8px 18px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;

}
.checkout-finish{
    text-align: right;
    padding-right: 15px;
}
.icon_chage{
    padding: 9px 2px;
    color: #fff;
    background-color: #e9619f;
}
.td_input{
    position: relative;
    align-items: center;
}
.icon_chage:last-child{
    top: 36px;
    
}
.qty_box{
    position: relative;
    display: flex;
    align-items: center;
}
.icon_chage3,
.icon_chage2{
    font-size: 12px;
    cursor: pointer;
    padding: 10px;
    background-color: #b84d7d;
    color:#fff;
}
#qty{
    width: 60px;
    padding: 0px;
    text-align: center;
}
.chitiet_donhang .content table tbody img {
    width: 65px;
    height: 65px;
}
.bk-product-qty{
   text-align: center;
    width: 38px;
    padding: 0;
}
.thongbao{
    position: fixed;
    top: 100px;
    right: 0;
}
#close{
    cursor: pointer;
}
.buy_now{
    width: 150px !important;
}

@media screen and (max-width:999px) {
    
    .bt_buy_prod{
        display: inline-block;
    }
    .icon_chage{
        top: 41px;

    }
    .imgFoot div a img{
        height: 70px !important;
    }
    .icon_chage:last-child {
        top: 54px;
    }
    .mua_ngay{
        width: 73px !important;
    }
}