/*
Theme Name: Zplus
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.01
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.label-chung.menu-item > a:after {
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	margin-left: 4px;
	font-weight: bolder;
	border-radius: 2px;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}
.label-xlap.menu-item > a:after {
	content: 'Xlap'; /* Change text */
	background-color: #572fbd; /* Change color */
	color: #fff;
	
}
.label-noidianhat.menu-item > a:after {
	content: 'Nội địa Nhật'; /* Change text */
	background-color: #572fbd; /* Change color */
	color: #fff;
}
.xlap-menu{
	padding: 8px;
}
.xlap-menu .box-category{
	    display: flex;
    flex-direction: row;
	padding: 8px;
}
.xlap-menu .box-image{
	height: 36px;
    width: 36px;
}
.xlap-menu .box-text h5{
	align-content: center;
	height:36px;
}

.btn-badge-zin {
    margin: 5px;
    border-radius: 4px;
    font-size: 13px;
    /* padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-right: 25px; */
    border-radius: 5px;
    border: none;
    letter-spacing: .02rem;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    position: relative;
    -webkit-transform: skew(-21deg);
    -ms-transform: skew(-21deg);
    transform: skew(-21deg);
}

.btn-badge-zin.btn-badge-zin-sm {
    font-size: 10px;
    padding: 2px 5px 2px 5px;
}

.btn-badge-zin-success {
    color: #239300;
    background-color: #acf5bc;
    border-color: #acf5bc;
}

.btn-badge-zin-danger {
    color: #8d0000;
    background-color: #ffc4ca;
    border-color: #ffc4ca;
}

.btn-badge-zin-aqua {
    background-color: #3fc5f0;
    color: #fff;
}

.btn-badge-zin-blue {
    background-color: #007bff;
    color: #fff;
}

.btn-badge-zin-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-badge-zin-blue-gray {
    background-color: #3f4d71;
    color: #fff;
}


blockquote {
    padding: 0.5em 1.25em 0.5em 1.875em;
    background: #eaecff;
    background: -webkit-gradient(linear, left top, right top, from(#eaecff), to(#eaf7ff));
    background: linear-gradient(to right, #eaecff, #eaf7ff);
    border-radius: 5px;
}

div.blueTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.divTable.blueTable .divTableCell,
.divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 0 5px;
}

.divTable.blueTable .divTableBody .divTableCell {
    font-size: 13px;
}

.divTable.blueTable .divTableHeading {
    background: #0158A5;
}

.divTable.blueTable .divTableHeading .divTableHead {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
}

.blueTable .tableFootStyle {
    font-size: 14px;
}

.blueTable .tableFootStyle .links {
    text-align: right;
}

.blueTable .tableFootStyle .links a {
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}

.blueTable.outerTableFooter {
    border-top: none;
}

.blueTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px;
}

/* DivTable.com */
.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

.divTable .z-center {
    text-align: center;
}

.divTable .z-right {
    text-align: right;
}

.yith-wcbm-css-badge-1020 div.yith-wcbm-css-text {
    font-size: 15px;
    font-weight: 700;
}

/* ngày 11/8 */

/*
/* sửa 11/8 */
span.amount {
    color: #0082c3;
}

.section_cvp_title>p {
    margin-bottom: 0
}

.section_cvp_title {
    overflow: hidden;
    /* 	border-bottom: 2px solid #0158a5; */
}

.section_cvp_title h3,
.section_cvp_title h2,
.section_cvp_title>span {
    width: fit-content;
    margin: 0;
    float: left;
    padding: 0 10px;
    background: #0069c7b5;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
    text-transform: uppercase;
    position: relative;
}

.section_custom_view_products {
    margin: 0 0 10px;
    overflow: hidden;
}

a.section_cvp_link {
    color: #1d71ab;
    float: right;
    line-height: 25px;
    white-space: nowrap;
    padding: 0 5px;
    text-decoration: none;
    /* 	border: 1px solid #dceaf7;border-radius: 5px; */
}

.section_cvp_title h3:after,
.section_cvp_title>span:after {
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 0;
    border-right: 0;
    border-left: 30px solid #0069c7b5;
    border-top: 36px solid transparent;
    content: "";
    top: 0;
    right: -30px
}

.section_cvp_title h3 a {
    color: #ffffff;
    font-weight: 700;
}

.section_cvp_title h3 a:hover {
    color: #d4d4d4;
}

.section_cvp_title_fs {
    overflow: hidden;
    border-bottom: 2px solid #ece30c;
    background: #e32626;
}

.ss_cvp_fs {
    color: #fff;
    font-size: 13px;
}

.section_cvp_title_fs>span {
    width: -webkit-fill-available;
    margin: 0;
    float: left;
    background: #e32626;
    line-height: 36px;
    white-space: nowrap;
    text-transform: uppercase;
    position: relative;
}

.section_cvp_title_fs:after {
    position: absolute;
    height: 0;
    width: 0;
    border-top: 18px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 15px solid #e32626;
    content: "";
    top: 0;
    right: -15px;
}


/* ngày 11/8 */
.khuyen-mai-hb ul {
    list-style: none !important;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
}

.khuyen-mai-hb {
    margin-bottom: 15px;
    margin-top: 20px;
    background: #e3f0fb6b;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e3f0fb6b;
    font-size: 15px;
    width: fit-content;
}

.khuyen-mai-hb .tieu-de {
    background: #0892c7;
    padding: 2px 20px;
    margin-top: -24px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    display: block;
    max-width: 207px;
    border-radius: 5px;
}

.khuyen-mai-hb ul li:before {
    top: 5px;
    content: '';
    position: relative;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}

.khuyen-mai-hb ul li:before {
    background-image: url(/wp-content/uploads/2021/03/tick17.png);
    background-size: 60%;
}

.stock.out-of-stock,
.stock.available-on-backorder {
    color: #ff0000;
    font-weight: bold;
}

.min-gutters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

form.cart {
    margin-top: 15px;
}

.sticky-add-to-cart .product-price.bd-right .price_tag,
.sticky-add-to-cart .product-price.bd-left .price_tag {
    font-size: 0.9rem !important;
}

.product-price.bd-right .price_tag {
    background: #f0f0f0;
    /* border: none; */
    font-size: 1.1rem;
    padding: 9px 15px 9px 15px;
    font-weight: 600;
    /* border-radius: 4px 0 0 4px; */
    /* position: relative; */
    /* margin-right: 20px; */
    display: table-cell;
    /* color: #0f384d;*/
}

.product-price.bd-left .price_tag {
    background: #0082c3;
    /* border: none; */
    font-size: 1.1rem;
    padding: 9px 15px 9px 15px;
    font-weight: 600;
    /* border-radius: 4px 0 0 4px; */
    /* position: relative; */
    /* margin-right: 20px; */
    display: table-cell;
    /* color: #0f384d; */
}

.bd-right .price_tag:after {
    background: #f0f0f0;
    width: 13px;
    height: 100%;
    position: absolute;
    transform: skew(10deg);
    content: '';
    right: -5px;
    top: 0px;
    z-index: 1;
}

.bd-left .price_tag span.amount {
    color: #fff;
}

.bd-right .price_tag span.amount {
    opacity: .6;
    font-weight: normal;
    color: #0082c3;
}

.bd-left .price_tag:before {
    background: #0082c3;
    width: 13px;
    height: 100%;
    position: absolute;
    transform: skew(10deg);
    content: '';
    left: -5px;
    top: 0px;
    z-index: 1;
}

.price_tag:hover {
    background: #ffea29;
    color: #0f384d;
}

.product-price .price_tag {
    font-size: 20px;
    padding: 10px 15px;
    min-width: 100px;
}

.product-price.bd-left,
.product-price.bd-right {
    position: relative;
}

.single_add_to_cart_button {
    background: #424453;
    color: #fff;
    padding: 10px 22px;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 9;
    overflow: hidden;
    position: relative;
    border: 0;
    background-color: #ffec00 !important;
    color: #424453;
    font-weight: 600;
    min-height: 50px;
    line-height: 30px;
    box-shadow: none !important;
}

.single_add_to_cart_button:after {
    content: '';
    height: 100px;
    position: absolute;
    width: 100%;
    right: 0;
    background: #f4dc00;
    transform: translateY(100%) skewY(-10deg);
    bottom: -5px;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1;
}

.single_add_to_cart_button:hover::after {
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: -31px;
    transform: translateY(0) skewY(-10deg);
    left: 0;
}

.single_add_to_cart_button:hover {
    background: #f4dc00;
    color: #424453;
    left: 0;
}

.single_add_to_cart_button:focus {
    background-color: #ffec00;
    color: #424453;
    left: 0;
}

.single_add_to_cart_button:active {
    background-color: #b3a500 !important;
    color: #424453 !important;
}

.reviews>#comments.col {
    padding: 0 !important
}

li.review {
    margin-left: 0 !important
}

.rating-table_cmt button {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background: #0082c3;
}

.rating_total {
    font-size: 22px;
    line-height: 60px;
    color: #cb1c22;
    font-weight: 500;
    margin-bottom: 4px;
}

.title-rating {
    font-size: 18px;
}

.ptt-bar-temperature {
    height: 100%;
    background: #0079ba;
    border-radius: 5px;
}

.fa-star {
    font-size: 13px;
    color: #ea9d02;
    margin-left: 3px;
}

.ptt-col-1 {
    width: 35px;
    display: flex;
}

.rating-table__total,
.rating-table_cmt {
    text-align: center
}

.star-rating-custom .star-rating {
    margin: auto;
}

.ptt-col-2 {
    width: 100%;
    margin: auto 10px;
}

.ptt-meter-bar {
    border-radius: 5px;
    height: 10px;
    width: 100%;
    background: #e6e6e6;
}

.ptt-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.star-cust {
    height: 15px;
    width: auto;
    margin: auto;
}

.product-thumbnails>.flickity-viewport>.flickity-slider>.col {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

/* .product-thumbnails .flickity-slider{width: 70%!important;height: 70%!important;} */


.flash-sale .price {
    background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b) !important;
    padding: 10px 20px 10px 10px !important;
}

.flash-sale .price:after {
    background: #fff !important;
    height: 101% !important;
}

.page .out-of-stock,
.archive .out-of-stock,
.related .out-of-stock {
    filter: grayscale(1);
}

.out-of-stock:hover {
    filter: grayscale(0);
}

/* .column-1024-6>.col {
    max-width: 16.6666666667%!important;
    -ms-flex-preferred-size: 16.6666666667%!important;
    flex-basis: 16.6666666667%!important;
} */

.price {
    background: #ffea29;
    border: none;
    font-size: 0.9rem;
    padding: 10px 20px 10px 10px;
    font-weight: 600;
    border-radius: 4px 0 0 4px;
    position: relative;
    /*     margin-right: 20px; */
    display: table-cell;
    color: #2a7195;
    width: fit-content;
    font-family: "Roboto Condensed", sans-serif;
}



.price:after {
    background: #ffffff;
    width: 13px;
    height: 101%;
    position: absolute;
    transform: skew(10deg);
    content: '';
    right: -5px;
    top: 0px;
    z-index: 1;
}

.product .product-price-container .price {
    background: #0082c3;
    border: none;
    font-size: 1.3rem;
    padding: 10px 20px 10px 10px;
    font-weight: 600;
    border-radius: 4px 0 0 4px;
    position: relative;
    /*     margin-right: 20px; */
    display: table-cell;
    color: #fff;
    width: fit-content;
    font-family: "Roboto Condensed", sans-serif;
}

.product .product-price-container .price:after {
    background: #fff;
    width: 13px;
    height: 101%;
    position: absolute;
    transform: skew(10deg);
    content: '';
    right: -5px;
    top: 0px;
    z-index: 1;
}


/* trước ngày 11/8 */
.add-to-cart-container {
    padding: 5px
}

.woocommerce-embed-page .woocommerce-layout__header.is-scrolled {
    display: none !important;
}

body {
    font-family: Sans-serif !important;
}

b,
strong {
    font-weight: 700;
}

#tab-description p {
    text-align: justify;
}

.text-center {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

a {
    font-weight: 400;
}

.box-text.box-text-products {
    padding-top: 0;
    padding-bottom: 0;
}

.row-box-shadow-1-hover .col-inner:hover {
    border: solid 1px #ddd;
}

.lazy-load {
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.nav-tabs+.tab-panels {
    padding: 15px;
    border: none;
}

#featureszin h2 {
    padding-top: 5px;
}

@media (min-width: 850px) {
    .large-col-first.vertical-thumbnails.large-2 {
        max-width: 8%;
        -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
    }
}

@media (max-width: 849px) {
    .category-filter-row {
        padding: 5px 0;
        margin: 10px 100px;
        border: 1px solid #dadada;
        border-radius: 5px;
        background-color: #ececec;
    }
}

@media (max-width: 549px) {
    h1.product-title.product_title.entry-title {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .medium-logo-left .flex-right {
        flex: 2 2 0;
    }

    /* 	ngày 11/08 */
    .fluentform .ff_btn_style {
        font-size: 13px !important;
    }

    .category_collapse .listing-heading {
        padding: 10px 10px;
        font-size: 14px;
    }

    .img-fluid.plus-icon-z {
        max-width: 14px !important;
    }

    .img-fluid {
        max-width: 30px !important;
    }

    .category_listing .category_collapse .collapse,
    .category_listing .category_collapse .collapsing {
        position: relative;
    }

    .product_meta,
    .vertical-thumbnails,
    .custom-khung-trai-sl .product-thumbnails.thumbnails.slider {
        display: none;
    }


    .custom-khung-trai-sl {
        padding: 0 !important;
    }

    .custom-khung-trai-sl .flickity-slider {
        left: -10% !important;
    }

    .custom-khung-trai-sl .flickity-slider>div {
        width: 80% !important;
        background-color: #fff
    }

    .woocommerce-product-gallery__image.slide {}

    .woocommerce-product-gallery__image img {
        border-radius: 1.6vw !important;
        border: 1px solid #00000014;
        width: 70vw;
        height: 60vw;
        object-fit: contain;
    }

    .product-col-15 {
        flex-flow: unset;
        overflow-x: auto;
    }

    .product-col-15 .col {
        min-width: 75% !important;
        padding: 0 0 10px 10px !important
    }

    .product-col-25 {
        flex-flow: unset;
        overflow-x: auto;
    }

    .product-col-25 .col {
        min-width: 44% !important;
        padding: 0 0 10px 10px !important
    }

    .related-products-wrapper .product-small {
        min-width: 46% !important;
        padding: 0 0 5px 5px !important
    }

    .related-products-wrapper .row {
        flex-flow: unset;
        overflow-x: auto;
    }

    .related-products-wrapper .product-section-title {
        text-align: center;
    }



    /* trước 11/08	 */
    .badge {
        width: 2em;
        height: 1.5em
    }

    .badge-inner span.onsale {
        font-size: 12px !important;
    }

    #logo {
        width: 100px !important;
    }

    .nav>li {
        margin: 0 !important
    }

    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        width: 300px;
    }

    .thuong-hieu-1>.col {
        padding: 2px 5px 5px 5px !important;
    }

    .thuong-hieu-1>.col>.col-inner {
        height: 47px;
    }

    .nav-dark .form-flat select {
        border-color: rgb(45 45 45 / 8%) !important;
    }

    .ot-overplay.active-menu footer#footer:after,
    .ot-overplay.active-menu main#main:after {
        background: transparent;
    }

    .search_categories>option {
        background-color: #0780e8a3;
    }

    .searchform {
        margin-left: 10px !important;
    }

    .search-field {
        width: 100% !important;
    }

    .sidebar-menu .searchform-wrapper {
        display: none;
    }

    .off-canvas .sidebar-menu {
        padding: 0;
    }

    .dark .form-flat select option {
        color: #fff;
    }

    .autocomplete-suggestion .search-price {
        font-size: 0.5em;
        width: 25%;
    }

    .autocomplete-suggestion .search-name {
        font-size: 14px;
    }

    .autocomplete-suggestion {
        padding: 7px 0;
    }

    .live-search-results {
        background: #000000ad;
    }

    .search_categories>option {
        background-color: #0b2439;
    }

    .mg-t0px-mb {
        margin-top: 0 !important
    }

    .mg-t10px-mb {
        margin-top: 10px !important
    }

    .mg-bt10px-mb {
        margin-bottom: 10px !important
    }

    .dark .form-flat input:not([type="submit"]),
    .dark .form-flat textarea,
    .dark .form-flat select,
    .nav-dark .form-flat input:not([type="submit"]),
    .nav-dark .form-flat select {
        background-color: #66666645 !important;
    }

    .tran-vien-10px {
        margin-left: -10px;
        margin-right: -10px;
        width: auto !important;
    }

    .nav-dark .nav>li.html {
        color: #636363;
    }

    #row-gia {
        font-size: 13px
    }

    .small-3-ct {
        max-width: calc(25% - 4px) !important;
        margin-right: 3px;
    }

    .section_cvp_title_fs:before {
        position: absolute;
        height: 0;
        width: 0;
        border-top: 18px solid transparent;
        border-bottom: 22px solid transparent;
        border-right: 15px solid #e32626;
        content: "";
        top: 0;
        left: -15px;
    }

    .fls-1 {
        margin-left: 10px;
    }



    /* .woocommerce-product-gallery__image.slide{}
.woocommerce-product-gallery__image img{border-radius: 1.6vw !important;border:1px solid #00000014;width: 70vw;height: 60vw;object-fit: contain;} */

}

/* end mobile */

.cls-slide {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

/*.flickity-slider{display:flex;overflow-y: scroll;}*/
.search-form {
    width: 350px !important;
}

.absolute-footer,
html {
    background-color: unset;
}

.yith-wcbr-brand-thumbnail .yith-wcbr-thumbnail-list ul li a:before {
    content: '';
    content: '';
    display: inline-block;
    background-image: url(/wp-content/plugins/yith-woocommerce-ajax-product-filter-premium/assets/images/checkbox_sprite.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 11px;
    height: 11px;
    margin-right: 5px;
}

.yith-wcbr-brand-thumbnail .yith-wcbr-thumbnail-list ul li a img {
    max-width: 75% !important;
}

.flex-row.container {
    max-width: 1142px;
}

#wide-nav>.flex-row.container {
    padding-left: 0 !important;
}

#wide-nav>.flex-row>.flex-left {
    margin-right: 55px !important;
    min-width: 270px !important;
}

#mega_menu {
    border: unset !important;
}

.menu-item ._svg {
    width: 2em !important;
    filter: invert(42%) sepia(0%) saturate(8%) hue-rotate(168deg) brightness(92%) contrast(89%);
}

li.html.custom.html_topbar_left,
.sf-menu>li>ul.sub-menu {
    width: 100%;
}

#mega_menu>li>a,
.sub-menu>li>a {
    font-size: 14px !important;
    color: #666
}

.sf-menu>li>ul.sub-menu .yith-wcbr-brands-logo {
    margin-top: 0 !important;
}

.page-wrapper {
    padding-top: 0 !important;
    padding-bottom: 15px !important;
}

.padding0px {
    padding: 0 !important;
}

.padding-left7px {
    padding-left: 7px !important;
}

.padding-bt0px {
    padding-bottom: 0px !important
}

.padding-bt5px {
    padding-bottom: 5px
}

.padding-bt30px: {
    padding-bottom: 30px !important
}

.padding-10px {
    padding: 10px
}

.padding-12px {
    padding: 12px
}

.padding-20px {
    padding: 20px
}

.padding-top20px {
    padding-top: 20px;
}

.padding-top5px {
    padding-top: 5px
}

.padding-top30px {
    padding-top: 30px !important
}

.margin0px {
    margin: 0 !important;
}

.margin-left5px {
    margin-left: 5px;
}

.margin-right5px {
    margin-right: 5px !important;
}

.mg-bt10px {
    margin-bottom: 10px !important;
}

.mg-bt20px {
    margin-bottom: 20px !important;
}

.mg-t0px {
    margin-top: 0 !important;
}

.logo img {
    margin-left: auto;
    margin-right: auto;
}

.back-to-top {
    right: 50% !important
}

span.widget-title {
    display: table;
    margin: 0 auto
}

.is-divider {
    display: table;
    margin: 10px auto;
    max-width: 80%
}

.aligncenter-wg {
    clear: both;
    display: block;
    margin: 0 auto
}

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #d20f11;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5
}

.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #d20f11;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.hotline-phone-ring-img-circle {
    background-color: #fff;
    width: 34px;
    height: 34px;
    top: 36px;
    left: 36px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hotline-bar {
    position: absolute;
    background: #09487d;
    height: 40px;
    width: 160px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .1);
    border-radius: 50px !important;
    left: 33px;
    bottom: 37px
}

.hotline-bar>a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-indent: 0;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
    float: right
}

.hotline-bar>a:active,
.hotline-bar>a:hover {
    color: #fff
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .6
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@media (max-width:768px) {
    .hotline-bar {
        display: none
    }
}

.imglogocall {
    height: 29px;
}

.xt-mobile-contact-bar {
    display: none
}

.xt-pc-contact-bar {
    right: 30px;
    bottom: 30px;
    position: fixed;
    z-index: 998;
    margin-bottom: 0
}

.xt-pc-contact-bar li {
    margin-bottom: 8px !important;
    width: 46px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 0;
    list-style: none
}

.xt-pc-contact-bar li a {
    display: block;
    width: 46px;
    height: 46px
}




.badge-container {
    margin: 5px 0 0 0;
}

.on-sale {
    border: 0 !important;
    background-color: #2883b2 !important;
    color: #ffffff !important
}

.badge-frame {
    margin-bottom: 2px;
}

.new-bubble {
    border: 0 !important;
    background-color: #b72424 !important;
    color: #ffffff !important
}

.badge+.badge {
    width: 44px;
    height: 32px;
}

/* .khuyen-mai-hb {margin-bottom: 15px;margin-top: 20px;background: white;padding: 10px;border-radius: 5px;border: 1px solid #e3f0fb;font-size: 15px;width: 100%;}
.khuyen-mai-hb .tieu-de {background: #0892c7;padding: 2px 20px;margin-top: -24px;font-size: 15px;font-weight: 500;color: #ffffff;display: block;max-width: 207px;border-radius: 5px; }
.khuyen-mai-hb ul li:before{top: 0;content: '';position: relative;left: -9px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 17px;background-size: contain;background-repeat: no-repeat;}
.khuyen-mai-hb ul li:before{background-image: url(/wp-content/uploads/2021/03/tick17.png);} */
.product-short-description ul li {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: .9em;
}

.product-short-description {
    margin-top: 10px;
}

.row-brand {
    margin-left: 0 !important;
}

.row-brand .col {
    padding: 0;
}

.khung-review .woocommerce-review-link {
    font-size: 75%;
}

/* .khuyen-mai-hb ul{list-style: none!important;padding-left: 0;margin-top: 10px;margin-bottom: 0;}
.khuyen-mai-hb ul li {margin-left: 0.5em;} */
/*.product-short-description{padding-top: 10px;padding-left:20px}*/
/* #col-gia,.row-band,  .row-brand .col {padding-bottom: 10px!important;}
form.cart {margin-bottom: 0;} */
.yith-wcbr-brands-logo {
    margin-top: 0 !important;
}

#mega-menu-wrap {
    background: #0158a5 !important;
}

.sale_amount {
    color: yellow !important;
}

.col-gia2 {
    padding: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.devvn_price1>span.amount {
    color: #ff0000 !important;
}

#col-gia-i1 {
    background-color: #dff0ff9c;
    border-radius: 5px 0 0 5px;
    border: 1px solid #D9D9D9;
}

#col-gia-i2 {
    background-color: #045aa2;
    border-radius: 0 5px 5px 0;
    text-align: center;
}

.devvn_price2>span.amount {
    color: yellow !important;
}

.devvn_price3>del>span.amount {
    color: black !important;
}

.devvn_price3 {
    text-align: center
}

.tkphantram {
    color: #fff;
    font-weight: 700;
}

.flickity-viewport {
    background-color: #cac6c638;
}

.ss-brand-logo {
    padding: 0 !important;
}

.ss-slide-logo,
.ss-slide-logo .slider-style-focus {
    padding-bottom: 0 !important;
}

.nav-vertical>li {
/*     display: contents !important; */
}

.xemthem {
    background: #e6e6e6;
    height: 40px;
    line-height: 2;
    margin-bottom: 8px;
    text-align: center;
}

.thongtinkythuatbox {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 0;
    margin: 0;
    position: relative;
    width: 100%;
}

.thongso-box {
    margin-bottom: 0;
}

.thongso-box ul {
    margin-bottom: 0;
}

.thongso-box li {
    display: block !important;
    padding: 10px;
    font-size: 14px;
    color: #333;
    margin-left: 0 !important;
    line-height: 1.3;
}

.thongso-box li:nth-child(2n) {
    background: #f5f5f5;
}

.khungcustomsp .accordion-inner {
    display: block;
    padding: 1em !important;
}

.khungcustomsp a.accordion-title.plain {
    padding: 0.3em;
    background: #e6e6e6;
}

.khungcustomsp .toggle {
    display: none;
}

.product-top {
    padding: 15px
}

.product-top .col {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 0;
}

.accordion-title {
    border-color: #e6e6e6 !important;
}

.related-products-wrapper .col-inner {
    background-color: #fff;
}

.counter {
    background-color: #ffffff;
    padding: 10px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    height: 60px;
    overflow-y: hidden;
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.count-label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.count-label label {
    font-size: 32px;
    color: #008848;
    text-align: center;
    line-height: 100%;
    margin-bottom: 0;
}

.price-item a {
    font-size: 14px
}

.pb-0 .widget>ul>li>a {
    font-size: 15px;
}

.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text a:not(.button) {
    height: 55px;
    overflow-y: hidden;
}

.box-vertical .box-text {
    padding-left: 0;
    padding-right: 0;
}

.label-new.menu-item>a:after {
    background-color: #0cd2ff !important;
}

.label-best.menu-item>a:after {
    content: 'BEST';
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -.1px;
    margin-left: 4px;
    background-color: #fff700;
    font-weight: bolder;
    border-radius: 2px;
    color: #416aff;
    padding: 2px 3px 3px;
    position: relative;
    top: -2px
}

.iconic-wlv-terms__term {
    margin-left: 0 !important;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: calc((100% / 2) - 10px);
    height: 56px;
/*     text-align: center; */
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.iconic-wlv-terms__term--current {
    color: #d70018;
    border-color: #d70018;
}
.iconic-wlv-terms__term--current .iconic-wlv-terms__term-content::before{
	content: "";
	background: url("https://xlap.vn/wp-content/uploads/2025/07/tick.svg");
 	width:16px;
	height:16px;
	background-size: contain;
   /* width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle; */
}
.iconic-wlv-terms__term-content::before{
	content: "";
	background: url("https://xlap.vn/wp-content/uploads/2025/07/checkbox.svg");
	width:16px;
	height:16px;
	background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.iconic-wlv-terms__term:hover {
    text-decoration: none;
    border: 1px solid #d70018;
}

.iconic-wlv-terms__term-content {
    border: none;
    white-space: unset;
	padding:4px!important;
}

.iconic-wlv-terms__term--current .iconic-wlv-terms__term-content {
    border: none;
    background: none;
}

.iconic-wlv-terms__term--current .iconic-wlv-terms__term-content:hover {
    border-color: none;
    background: none;
}

.iconic-wlv-terms__term--outofstock {
    text-decoration-line: line-through;
}

.payment-icons .payment-icon {
    background-color: rgb(8 141 255 / 32%);
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li a:hover,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a:hover,
.woocommerce .widget_layered_nav ul.yith-wcan-label li.chosen a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li.chosen a {
    border: none;
    background-color: #2883b2;
}

ul.aa>li,
ul.cpu-ft>li,
ul.man-hinh-ft>li {
    position: relative;
    z-index: 9;
    width: 46%;
    padding-left: 10px;
    float: left;
}

ul.ram-ft>li,
ul.o-cung-ft>li {
    position: relative;
    z-index: 9;
    width: 32%;
    ;
    padding-left: 5px;
    float: left;
}

span.widget-title {
    clear: both;
}

a.yith-wcan-price-link.yith-wcan-price-filter-list-link {
    font-size: 1em;
}

.yith-wcan-price-link>span.woocommerce-Price-amount.amount {
    color: #09487d;
}

.woocommerce .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce .widget_layered_nav ul.yith-wcan-label li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li span {
    background: none;
    border: 1px solid #bed5eb;
}

.search_categories>option {
    background-color: #3a6d97;
}

.ngang-line {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
}

.flickity-viewport {
    background-color: unset !important;
}

.ot-overplay.active-menu main#main:after,
.ot-overplay.active-menu footer#footer:after {
    background: rgb(255 255 255 / 0%);
}

/*icon sprites*/
.zpr-3,
.zpx-3 {
    padding-right: 3px !important
}

.zpl-0,
.zpx-0 {
    padding-left: 0 !important
}

.zmt-2,
.zmy-2 {
    margin-top: 5px !important
}

.ic-rounded {
    border-radius: .25rem !important
}

.ic-border {
    border: 1px solid #b3b3b3 !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.zin-bgc-unset {
    background-color: unset !important
}

[class*=zin-sp-] {
    display: inline-block;
    vertical-align: middle;
    background-color: #a2d5e6a1;
    background-image: url(/wp-content/uploads/2021/04/icon-zin100-13-bl.png);
    background-repeat: no-repeat
}

.zin-sp-atm {
    width: 53px;
    height: 28px;
    background-position: -300px -5px;
}

.zin-sp-cod-1 {
    width: 53px;
    height: 28px;
    background-position: -139px -154px;
}

.zin-sp-mastercard {
    width: 53px;
    height: 28px;
    background-position: -71px -160px;
}

.zin-sp-momo {
    width: 53px;
    height: 28px;
    background-position: -216px -213px
}

.zin-sp-mpos {
    width: 53px;
    height: 28px;
    background-position: -220px -175px
}

.zin-sp-visa {
    width: 53px;
    height: 28px;
    background-position: -300px -40px
}

.zin-sp-zl_icon32 {
    width: 34px;
    height: 34px;
    background-position: -220px -76px
}

.zin-sp-facebook {
    width: 34px;
    height: 34px;
    background-position: -220px -127px
}

.zin-sp-instagram {
    width: 34px;
    height: 34px;
    background-position: -9px -218px
}

.zin-sp-twitter {
    width: 34px;
    height: 34px;
    background-position: -61px -218px
}

.zin-sp-email {
    width: 34px;
    height: 34px;
    background-position: -113px -218px
}

.zin-sp-youtube {
    width: 34px;
    height: 34px;
    background-position: -165px -218px
}

.zin-sp-apple_hang25 {
    width: 25px;
    height: 25px;
    background-position: -305px -80px
}

.zin-sp-apple_hang44 {
    width: 45px;
    height: 45px;
    background-position: -74px -94px
}

.zin-sp-hang_dell25 {
    width: 28px;
    height: 28px;
    background-position: -303px -124px
}

.zin-sp-hang_dell44 {
    width: 45px;
    height: 45px;
    background-position: -157px -10px
}

.zin-sp-hp_hang25 {
    width: 25px;
    height: 25px;
    background-position: -305px -170px
}

.zin-sp-hp_hang44 {
    width: 45px;
    height: 45px;
    background-position: -157px -74px
}

.zin-sp-microsoft_hang25 {
    width: 25px;
    height: 25px;
    background-position: -305px -215px
}

.zin-sp-microsoft_hang44 {
    width: 42px;
    height: 42px;
    background-position: -10px -158px
}

.zin-sp-asus_hang44 {
    width: 45px;
    height: 10px;
    background-position: -10px -272px
}

.zin-sp-asus_hang63 {
    width: 63px;
    height: 14px;
    background-position: -222px -10px
}

.zin-sp-lenovo_hang44 {
    width: 45px;
    height: 15px;
    background-position: -73px -271px
}

.zin-sp-lenovo_hang63 {
    width: 63px;
    height: 13px;
    background-position: -222px -45px
}

.zin-sp-thinkpad_hang44 {
    width: 45px;
    height: 15px;
    background-position: -132px -271px
}

.zin-sp-thinkpad_hang63 {
    width: 63px;
    height: 17px;
    background-position: -133px -130px
}

.zin-sp-zl_icon_44 {
    width: 45px;
    height: 45px;
    background-position: -93px -10px
}

.zin-sp-fb_icon_44 {
    width: 45px;
    height: 45px;
    background-position: -10px -93px
}

.zin-sp-favicon_zin100 {
    width: 32px;
    height: 32px;
    background-position: -4px -3px
}

.zin-sp-laptop-business {
    width: 74px;
    height: 59px;
    background-position: -0 -292px
}

.zin-sp-do-choi-cong-nghe {
    width: 74px;
    height: 59px;
    background-position: -74px -292px
}

.zin-sp-hot-order1 {
    width: 74px;
    height: 59px;
    background-position: -148px -292px
}

.zin-sp-thanh-ly {
    width: 74px;
    height: 59px;
    background-position: -222px -292px
}

.zin-sp-laptop-workstation {
    width: 74px;
    height: 59px;
    background-position: -357px -0
}

.zin-sp-laptop-gaming {
    width: 74px;
    height: 59px;
    background-position: -357px -59px
}

.zin-sp-mtdb {
    width: 74px;
    height: 59px;
    background-position: -357px -59px
}

.zin-sp-gio-mo-cua {
    width: 22px;
    height: 22px;
    background-position: -48px -15px
}

.zin-sp-map {
    width: 22px;
    height: 22px;
    background-position: -8px -52px
}

.zin-sp-hot-line {
    width: 22px;
    height: 22px;
    background-position: -48px -52px
}

.zin-sp-hot-line-red {
    width: 22px;
    height: 22px;
    background-position: -117px -188px
}

.zin-sp-secondhand {
    background-position: -356px -132px;
    width: 25px;
    height: 25px
}

.zin-sp-best-selling {
    background-position: -393px -132px;
    width: 25px;
    height: 25px
}

.zin-sp-brand {
    background-position: -356px -173px;
    width: 28px;
    height: 21px
}

.zin-sp-shopping {
    background-position: -395px -172px;
    width: 23px;
    height: 22px
}

.zin-sp-dccn {
    background-position: -355px -208px;
    width: 29px;
    height: 25px;
}

.zin-sp-hot-order {
    background-position: -393px -209px;
    width: 28px;
    height: 23px
}

.zin-sp-lt-business {
    background-position: -356px -249px;
    width: 25px;
    height: 19px
}

.zin-sp-lt-gaming {
    background-position: -393px -249px;
    width: 25px;
    height: 19px
}

.zin-sp-lt-office {
    background-position: -356px -285px;
    width: 25px;
    height: 19px
}

.zin-sp-lt-dhkt {
    background-position: -393px -285px;
    width: 25px;
    height: 19px
}

.zin-sp-shop {
    background-position: -356px -313px;
    width: 24px;
    height: 25px
}

.zin-sp-giam-gia {
    background-position: -393px -317px;
    width: 28px;
    height: 21px
}

.zin-sp-linh-pk {
    background-position: -315px -256px;
    width: 25px;
    height: 25px
}

.zin-sp-dien-thoai {
    background-position: -277px -256px;
    width: 23px;
    height: 25px
}

.zin-sp-laptop {
    background-position: -238px -256px;
    width: 30px;
    height: 25px;
}

.zin-sp-mtdb {
    background-position: -201px -256px;
    width: 30px;
    height: 25px;
}

.zin-sp-white-menu {
    background-position: -320px -319px;
    width: 16px;
    height: 12px
}

.zin-sp-black-menu {
    background-position: -320px -295px;
    width: 16px;
    height: 12px
}

.zin-em-ct {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.text1 {
    font-size: .9rem;
    color: #1468b7
}

.zin-zoom07 {
    zoom: 0.70;
    -moz-transform: scale(0.70);
    -moz-transform-origin: 0 0;
}

.zin-sp-mota {
    width: 34px;
    height: 34px;
    background-position: -441px -9px;
}

.zin-sp-tskt {
    width: 34px;
    height: 34px;
    background-position: -442px -55px;
}

.zin-sp-review {
    width: 34px;
    height: 34px;
    background-position: -441px -101px;
}

.zin-sp-video {
    width: 34px;
    height: 34px;
    background-position: -442px -145px;
}

.button-custom-sp .button {
    margin: 0;
    padding: 5px;
    width: 98%;
    background: unset;
}

.button-custom-sp span {
    display: block !important;
    font-size: 10px;
    color: black;
}

[class*=zin100-sp-] {
    display: inline-block;
    vertical-align: middle;
    background-color: #a2d5e6a1;
    background-image: url(/wp-content/uploads/2021/04/icon-zin100-15-bl.png);
    background-repeat: no-repeat;
    zoom: 0.50;
    -moz-transform: scale(0.50);
    -moz-transform-origin: 0 0;
}

.zin100-sp-atm {
    width: 106px;
    height: 56px;
    background-position: -600px -10px;
}

.zin100-sp-cod-1 {
    width: 106px;
    height: 56px;
    background-position: -278px -309px;
}

.zin100-sp-mastercard {
    width: 106px;
    height: 56px;
    background-position: -142px -320px;
}

.zin100-sp-momo {
    width: 106px;
    height: 56px;
    background-position: -432px -426px
}

.zin100-sp-mpos {
    width: 106px;
    height: 56px;
    background-position: -550px -350px
}

.zin100-sp-visa {
    width: 106px;
    height: 56px;
    background-position: -600px -80px
}

.zin100-sp-zl_icon32 {
    width: 68px;
    height: 68px;
    background-position: -440px -152px
}

.zin100-sp-facebook {
    width: 68px;
    height: 68px;
    background-position: -440px -254px
}

.zin100-sp-instagram {
    width: 68px;
    height: 68px;
    background-position: -18px -436px
}

.zin100-sp-twitter {
    width: 68px;
    height: 68px;
    background-position: -122px -436px
}

.zin100-sp-email {
    width: 68px;
    height: 68px;
    background-position: -226px -436px
}

.zin100-sp-youtube {
    width: 68px;
    height: 68px;
    background-position: -330px -436px
}

.zin100-sp-apple-hang44 {
    width: 90px;
    height: 90px;
    background-position: -148px -188px
}

.zin100-sp-dell-hang44 {
    width: 90px;
    height: 90px;
    background-position: -314px -20px
}

.zin100-sp-hp-hang44 {
    width: 90px;
    height: 90px;
    background-position: -314px -148px
}

.zin100-sp-microsoft-hang44 {
    width: 84px;
    height: 84px;
    background-position: -20px -316px
}

.zin100-sp-asus-hang63 {
    width: 126px;
    height: 28px;
    background-position: -444px -20px
}

.zin100-sp-lenovo-hang63 {
    width: 126px;
    height: 26px;
    background-position: -444px -90px
}

.zin100-sp-thinkpad-hang63 {
    width: 126px;
    height: 34px;
    background-position: -266px -260px
}

.show-for-small .zin100-sp-asus-hang63,
.show-for-small .zin100-sp-thinkpad-hang63 {
    zoom: 0.50;
    -moz-transform: scale(0.50);
    -moz-transform-origin: 0 0;
}

.show-for-small .zin100-sp-dell-hang44 {
    zoom: 0.30 !important;
    -moz-transform: scale(0.50) !important;
    -moz-transform-origin: 0 0;
}



.zin100-sp-zl_icon_44 {
    width: 90px;
    height: 90px;
    background-position: -186px -20px
}

.zin100-sp-fb_icon_44 {
    width: 90px;
    height: 90px;
    background-position: -18px -188px
}

.zin100-sp-favicon_zin100 {
    width: 64px;
    height: 64px;
    background-position: -8px -6px
}

.zin100-sp-laptop-business {
    width: 148px;
    height: 118px;
    background-position: -0 -584px
}

.zin100-sp-do-choi-cong-nghe {
    width: 148px;
    height: 118px;
    background-position: -148px -584px
}

.zin100-sp-hot-order1 {
    width: 148px;
    height: 118px;
    background-position: -296px -584px
}

.zin100-sp-thanh-ly {
    width: 148px;
    height: 118px;
    background-position: -444px -584px
}

.zin100-sp-laptop-workstation {
    width: 148px;
    height: 118px;
    background-position: -714px -0
}

.zin100-sp-laptop-gaming {
    width: 148px;
    height: 118px;
    background-position: -714px -118px
}

.zin100-sp-mtdb {
    width: 148px;
    height: 118px;
    background-position: -714px -118px
}

.zin100-sp-gio-mo-cua {
    width: 44px;
    height: 44px;
    background-position: -96px -30px
}

.zin100-sp-map {
    width: 44px;
    height: 44px;
    background-position: -16px -102px
}

.zin100-sp-hot-line {
    width: 44px;
    height: 44px;
    background-position: -96px -102px
}

.zin100-sp-hot-line-red {
    width: 44px;
    height: 44px;
    background-position: -234px -376px
}

.zin100-sp-dot {
    background-position: -635px -676px;
    width: 28px;
    height: 23px;
    zoom: 1;
}

.zin100-sp-secondhand {
    background-position: -712px -264px;
    width: 50px;
    height: 50px
}

.zin100-sp-best-selling {
    background-position: -784px -265px;
    width: 56px;
    height: 52px;
}

.zin100-sp-brand {
    background-position: -712px -346px;
    width: 56px;
    height: 42px
}

.zin100-sp-shopping {
    background-position: -790px -344px;
    width: 46px;
    height: 44px
}

.zin100-sp-dccn {
    background-position: -710px -416px;
    width: 58px;
    height: 50px;
}

.zin100-sp-hot-order {
    background-position: -707px -624px;
    width: 55px;
    height: 52px;
}

.zin100-sp-lt-business {
    background-position: -712px -492px;
    width: 50px;
    height: 50px
}

.zin100-sp-lt-gaming {
    background-position: -786px -492px;
    width: 50px;
    height: 50px
}

.zin100-sp-lt-office {
    background-position: -712px -5564px;
    width: 50px;
    height: 50px
}

.zin100-sp-lt-dhkt {
    background-position: -786px -564px;
    width: 50px;
    height: 50px
}

.zin100-sp-shop {
    background-position: -786px -414px;
    width: 50px;
    height: 50px;
}

.zin100-sp-giam-gia {
    background-position: -786px -634px;
    width: 56px;
    height: 42px
}

.zin100-sp-linh-pk {
    background-position: -632px -512px;
    width: 50px;
    height: 50px
}

.zin100-sp-dien-thoai {
    background-position: -554px -512px;
    width: 46px;
    height: 50px
}

.zin100-sp-laptop {
    background-position: -476px -512px;
    width: 60px;
    height: 50px;
}

.zin100-sp-mtdb {
    background-position: -402px -512px;
    width: 60px;
    height: 50px;
}

.zin100-sp-white-menu {
    background-position: -640px -638px;
    width: 32px;
    height: 24px
}

.zin100-sp-black-menu {
    background-position: -640px -590px;
    width: 32px;
    height: 24px
}

.zin-em-ct {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.text1 {
    font-size: .9rem;
    color: #1468b7
}

.zin-zoom07 {
    zoom: 0.70;
    -moz-transform: scale(0.70);
    -moz-transform-origin: 0 0;
}

.zin100-sp-mota {
    width: 68px;
    height: 68px;
    background-position: -882px -18px;
}

.zin100-sp-tskt {
    width: 68px;
    height: 68px;
    background-position: -884px -110px;
}

.zin100-sp-review {
    width: 68px;
    height: 68px;
    background-position: -882px -202px;
}

.zin100-sp-video {
    width: 68px;
    height: 68px;
    background-position: -880px -290px;
}

.button-custom-sp .button {
    margin: 0;
    padding: 5px;
    width: 98%;
    background: unset;
}

.button-custom-sp span {
    display: block !important;
    font-size: 10px;
    color: black;
}

.nav-vertical li li.menu-item-has-children:not(:first-child) {
    margin-top: 0;
}

.nav-vertical li li.menu-item-has-children {
    margin-bottom: 0;
}

.small-3-ct span {
    color: #d20f11;
}

#mega_menu {
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
}

#mega_menu a {
    font-size: .9em
}

#mega_menu a:hover {
    background-color: #f5f5f5
}

#mega_menu>li {
    background: #fff
}

#mega_menu>li>a {
    border-top: 1px solid #ddd;
    font-size: .9em
}

.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-bottom: 1em
}

.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative;
    background: #fff;
    white-space: nowrap;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s
}

.sf-menu li:hover {
    background: #cfdeff;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sf-menu li:hover>ul {
    display: block
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu ul ul li {
    background: #fff
}

.sf-menu ul li {
    background: #fff
}

.sf-menu>li {
    float: left
}

.sf-menu li.sfHover {
    background: #cfdeff;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sf-menu li.sfHover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative;
    border-top: 1px solid #dfeeff;
    padding: .56em 1em;
    text-decoration: none;
    zoom: 1
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #5f5a5a
}

.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #fff
}

.sf-arrows>li:hover>.sf-with-ul:after {
    border-top-color: #fff
}

.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: #fff
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #5f5a5a
}

.sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff
}

.sf-arrows ul li:hover>.sf-with-ul:after {
    border-left-color: #fff
}

.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: #fff
}

.sf-vertical {
    width: 12em
}

.sf-vertical ul {
    left: 100%;
    top: 0
}

.sf-vertical>li {
    float: none
}

.sf-vertical li {
    width: 100%
}

.sf-vertical.sf-arrows>li>.sf-with-ul:after {
    border-left-color: rgba(255, 255, 255, .5);
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dfeeff;
    border-left-color: rgba(51, 47, 47, .5)
}

.sf-vertical.sf-arrows li>.sf-with-ul:focus:after {
    border-left-color: #fff
}

.sf-vertical.sf-arrows li:hover>.sf-with-ul:after {
    border-left-color: #fff
}

.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {
    border-left-color: #5c5c5c
}

.ot-overplay.active-menu main#main:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.ot-overplay.active-menu footer#footer:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

#wide-nav>.flex-row>.flex-left {
    width: 25%;
    min-width: 245px;
    margin-right: 15px
}

#mega-menu-wrap {
    width: 100%;
    background: #1d71ab;
    position: relative
}

#mega-menu-title {
    padding: 10px 0 10px 15px;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

#mega-menu-title i {
    margin-right: 9px
}

#mega-menu .sub-menu {
    background: #fff
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu {
    margin-top: 0
}

#header.header.has-sticky .header-wrapper.stuck #mega_menu:not(.active) {
    display: none
}

#header.header.has-sticky .header-wrapper #mega_menu:not(.active) {
    display: none
}


.ot-vm-hover:hover #mega_menu {
    display: block
}

#header.header #mega_menu.active {
    display: block
}

.home #mega_menu,
.page-id-4789 #mega_menu {
    display: block !important;
}

.home .stuck #mega_menu,
.page-id-4789 .stuck #mega_menu {
    display: none !important;
}

#header.header.has-sticky .header-wrapper.stuck #mega-menu-wrap:hover #mega_menu:not(.active) {
    display: block
}

#header.header.has-sticky .header-wrapper #mega-menu-wrap:hover #mega_menu:not(.active) {
    display: block
}

.home #header.header.has-sticky .header-wrapper.stuck #mega-menu-wrap:hover #mega_menu:not(.active) {
    display: block !important;
}

.sf-menu li.sfHover:hover>ul {
    display: block !important;
}

.zin-menu-smartphone-text {
    font-family: "Roboto condensed", sans-serif;
    padding: 2px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-transform: capitalize;
    color: #666;
}

.question-container {
    margin-left: 0 !important;
}

/*fix hide thumbnail in related products*/
.container-image-and-badge {
    position: unset;
}

.left-product-top .upsells .yith-wcbm-badge div.yith-wcbm-css-text {
    font-size: 11px;
    line-height: 20px;
    height: 20px;
    padding-right: 4px;
    padding-left: 0px;
}

.left-product-top .upsells .yith-wcbm-badge div.yith-wcbm-css-text:before {
    border-right: 15px solid #45d0eb;
    border-bottom: 20px solid transparent;
    left: -15px;
}

.left-product-top .upsells .yith-wcbr-brands-logo,
.left-product-top .upsells .yith-wcbm-badge,
.left-product-top .upsells .badge-container {
    display: none;
}

.left-product-top .upsells .product-small {
    padding-top: 0;
}

.left-product-top .upsells .product-section-title-upsell {
    font-size: 15px;
}

.box-image .out-of-stock-label {
    top: 71%;
    background: rgb(255 255 255 / 20%);
    font-size: 15px;
}

/*.grib-banner{margin-left: -11px!important;margin-right: -11px!important;}*/
/* filter yith
#filter_2351_2 li.filter-item,#filter_2351_3 li.filter-item,#filter_2351_4 li.filter-item,#filter_2351_5 li.filter-item,#filter_2351_6 li.filter-item {position: relative;z-index: 9; width:48%;float: left;}
.filter-title{clear: both;}
li.filter-item a.price-range:before{content: '';display: inline-block;background-image: url(/wp-content/plugins/yith-woocommerce-ajax-product-filter-premium/assets/images/checkbox_sprite.png);background-repeat: no-repeat;background-position: top center;width: 11px;height: 11px;margin-right: 5px;}
li.filter-item.active a.price-range:before{content: '';background-position: bottom center;}
.price-range .woocommerce-Price-amount{font-size:15px;}
li.filter-item a.term-label,li.filter-item a.price-range span.woocommerce-Price-amount.amount{color:#0158a5!important;}
*/

.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label {
    position: relative;
    z-index: 9;
    width: 49%;
    float: left;
    color: #0158a5 !important;
}

.wcpf-field-checkbox-list.danh-muc-filter-zin100 .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label {
    width: 100%;
    float: left;
    color: #0158a5 !important;
}

.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-title-container {
    padding-left: 5px !important;
}

.wcpf-field-radio-list .wcpf-product-counts,
.wcpf-field-checkbox-list .wcpf-product-counts {
    color: #B4B4B4;
    font-size: 0.9em;
}

.wcpf-layout-item.wcpf-box-style .wcpf-heading-label,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label {
    clear: both;
}

.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle {
    font-size: 18px;
    color: #0a07ff;
    font-weight: bold;
}

.flash-sale>div.fls-1>div {
    top: 25%;
    text-align: center;
}

/*.fls-0,.flash-sale{border: 1px solid red;border-radius: 8px;}
.flash-sale{background:#f8f8f8; margin: 0 0 5px 0px!important;}*/
.fls-1 {
    padding-left: 10px;
    margin-right: 5px;
}

.flash-sale .ux-timer span {
    background-color: rgb(222 0 0 / 85%);
}

.flash-sale .ux-timer span strong {
    font-size: 50%;
}

.single-product div#tab-description {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px
}

.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important
}

.col-more-infor-single-product {
    padding: 10px 3px 10px 10px;
    position: relative;
    border-radius: 5px;
    border: 1px dashed #0158a5;
    margin-bottom: 30px;
}

.col-more-infor-single-product>.p {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    top: -15px;
    left: 15px;
    position: absolute;
    border: 1px solid #0158a5;
    padding: 3px 5px;
    background: #0158a5;
    color: #fff;
}

.col-more-infor-single-product .wrapper-col-m {
    margin-bottom: 10px;
    margin-top: 8px;
}

.col-more-infor-single-product .wrapper-col-m,
.col-more-infor-single-product .wrapper-col-m p {
    font-size: 13px;
}

.col-more-infor-single-product .wrapper-col-m ul li {
    list-style: none
}

.col-more-infor-single-product .wrapper-col-m ul li:before {
    background-image: url(/wp-content/uploads/2021/04/pointing-right-24.png);
    top: 0;
    content: '';
    position: relative;
    left: -9px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}

.khung-tt-phai {
    padding: 0;
    margin-top: 30px;
}

.khungcustomsp .woocommerce-Reviews>div {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#woopcomm .wpc-reply .wpc-comment-right,
#woopcomm .wpc-comment .wpc-comment-right {
    margin-left: 0px;
}

#woopcomm .wpc-comment .wpc-comment-left {
    display: none
}

.single-product div#tab-description {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px
}

.single-product .tab-panels div#tab-description.panel:not(.active) {
    height: 0 !important
}

.devvn_readmore_flatsome {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    padding-top: 85px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, rgba(255, 255, 255, 1) 55%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .91)), color-stop(55%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, rgba(255, 255, 255, 1) 55%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, rgba(255, 255, 255, 1) 55%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, rgba(255, 255, 255, 1) 55%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .91) 50%, rgba(255, 255, 255, 1) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.devvn_readmore_flatsome:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffff', GradientType=0);
    display: block
}

.devvn_readmore_flatsome a {
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 14px;
    color: #015aff;
    background: #fff;
    border: 1px solid #005aff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.devvn_readmore_flatsome a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #015aff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px
}

.devvn_readmore_flatsome_less {
    height: 30px !important;
    padding-top: 0px !important;
}

.devvn_readmore_flatsome_less a:after {
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #015aff
}

.devvn_readmore_flatsome_less:before {
    display: none
}

.stock.out-of-stock,
.stock.available-on-backorder {
    color: #ff0000;
    font-weight: bold;
}


.product-summary .variations_button {
    padding-bottom: 0px;
}

.variations .reset_variations {
    right: 10px;
    bottom: 87%;
}

.variations {
    margin-top: 8px;
    margin-bottom: 8px;
}

.variations_form .variations td {
    border: 1px solid #e3e1e1 !important;
    padding: 0px 10px;
}

.variations_form .variations .label {
    width: 135px;
    background-color: #f4f4f4;
    border: none !important;
}

.variations_form .variations .value label {
    margin: 0px 0px;
}


.title_page {
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.sortbypttuan410 {
    display: flex;
    margin-top: 5px;
    justify-content: flex-end;
}

.sortbypttuan410 form {
    padding: 0 0 0 20px;
}

.sortbypttuan410 .pt-checkbox {
    margin-right: 0px;
}

.hr-text {
    background-color: #ffffff;
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
}

.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #000000, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 0.5em;
    line-height: 1.5em;
    color: #000000;
    background-color: #fcfcfa;
}