/* body {
    background-image: url('https://img.freepik.com/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-63452.jpg?w=1380&t=st=1684398848~exp=1684399448~hmac=4150388bf2608e7e8d828c646a29be357f44913132fcf017e8eb6a08c0c40bcc');
} */

@media (min-width: 768px) {
    .row-gutter-pro {
        margin-left: -3px;
        margin-right: -3px
    }

    .row-gutter-pro>[class*="col-"] {
        padding-left: 3px;
        padding-right: 3px
    }
}

.row.row-gutter-coll {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.row.row-gutter-coll>[class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (max-width: 767px) {
    .row.row-gutter-coll>[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.row.row-gutter-10 {
    margin-left: -5px;
    margin-right: -5px
}

.row.row-gutter-10>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px
}

.row.row-gutter-20 {
    margin-left: -10px;
    margin-right: -10px
}

.row.row-gutter-20>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px
}

.row.row-noGutter {
    margin-left: 0;
    margin-right: 0
}

.row.row-noGutter-2 {
    margin-left: 0px;
    margin-right: 0px
}

.row.row-noGutter-2>[class*="col-"] {
    padding-left: 0px;
    padding-right: 0px
}

@media (min-width: 1200px) {
    .row.row-noGutter-col {
        margin-left: -15px;
        margin-right: -15px
    }

    .row.row-noGutter-col>[class*="col-"] {
        padding-left: 0px;
        padding-right: 0px
    }
}

.row.row-noGutter-12 {
    margin-left: -10px;
    margin-right: -10px
}

@media (max-width: 767px) {
    .row.row-noGutter-12 {
        margin-left: 0px;
        margin-right: 0px
    }
}

.row.row-noGutter-12>[class*="col-"] {
    padding-left: 6px;
    padding-right: 6px
}

@media (max-width: 767px) {
    .row.row-noGutter-12>[class*="col-"] {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (max-width: 1199px) {
    .row.row-noGutter-fix {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.row-noGutter-fix>[class*="col-"] {
        padding-left: 5px;
        padding-right: 5px
    }
}

@font-face {
    font-family: 'Product Sans';
    src: url("")
}

.title-h {
    font-size: 16px !important;
    text-transform: none;
    color: #252525;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #e9edf5;
    height: 45px !important
}

.title-h:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 20%;
    height: 2px;
    background: #cf2228
}

.title-h a {
    color: #252525
}

.title_center_page {
    font-size: 26px;
    font-weight: 400;
    color: #252525;
    text-align: center;
    margin-bottom: 25px
}

.accept_submit {
    color: #707070
}

.label_product {
    top: 5px;
    right: 5px;
    color: #fff;
    background: #d83a3a;
    padding: 3px 15px;
    z-index: 2;
    font-size: 16px;
    border-radius: 8px;
    position: absolute;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
}

.compare-price {
    text-decoration-line: line-through;
    font-size: 14px;
    font-weight: 500;
    color: #969696;
}

@media (max-width: 991px) {
    .accept_submit {
        text-align: center
    }
}

.title_base_h {
    font-size: 30px !important;
    font-family: "Product Sans";
    font-weight: bold;
    line-height: normal;
    margin-top: 0px
}

.title_full {
    width: 100%;
    float: left;
    text-align: left
}

.title_full .title_page {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    font-family: "Product Sans";
    color: #121111;
    margin: 0
}



.title_full .title_page.large {
    font-size: 60px;
    line-height: 68px
}

.breadcrumb_background {
    background-image: url("https://img.htvietnam.vn/layouts/000v01/breadcrumb.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    padding: 60px 0 80px 0
}

@media (max-width: 480px) {
    .title_full .title_page {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px
    }

    .breadcrumb_background {
        background-image: url("https://img.htvietnam.vn/layouts/000v01/breadcrumb.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        float: left;
        padding: 30px 0
    }
}

.breadcrumb_background .title-head-page {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    margin: 0px
}

.bread-crumb {
    background: transparent;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .bread-crumb {
        margin-bottom: 0px
    }
}

.bread-crumb .title-page {
    padding: 25px 0px 10px
}

.bread-crumb .title-page .title-head-page {
    font-size: 18px;
    font-weight: 400;
    color: #252525;
    line-height: 24px
}

.breadcrumb {
    font-family: "Product Sans";
    margin: 0;
    font-size: 14px;
    padding: 0px;
    border-radius: 0;
    font-weight: 400;
    line-height: 24px;
    background-color: transparent;
    width: 100%;
    text-align: center
}

.breadcrumb li {
    display: inline;
    font-size: 15px
}

.breadcrumb li>a {
    color: #fff
}

.breadcrumb li>a>span {
    color: #111010
}

.breadcrumb li .mr_lr {
    padding: 0px;
    color: #fff
}

.breadcrumb li span {
    display: inline;
    color: #fff
}

.breadcrumb li span .fa {
    color: #fff;
    padding: 0px 5px
}

.breadcrumb li a:hover,
.breadcrumb li.active,
.breadcrumb li strong {
    color: #cf2228;
    font-weight: 400;
    text-decoration: none
}

.breadcrumb li a:hover span,
.breadcrumb li.active span,
.breadcrumb li strong span {
    color: #cf2228
}

.breadcrumb>li+li:before {
    display: none
}

.product-price {
    color: #cf2228;
    font-size: 16px;
    line-height: 24px;
    display: block
}

@media (max-width: 1199px) {
    .product-action-grid {
        display: none !important
    }
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-radius: 50%
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-radius: 50%
}

.nav_pagi {
    margin: 20px 0px
}

.nav_pagi .pagination {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 999;
    padding: 0 0px;
    margin: 0
}

.nav_pagi .pagination .page-link {
    float: left;
    margin: 0px 2px;
    border-radius: 50%;
    width: 30px;
    background: transparent;
    text-align: center;
    height: 30px;
    font-size: 14px;
    padding: 0;
    line-height: 30px;
    color: #707070;
    border: 1px solid #ebebeb;
    text-decoration: none
}

.nav_pagi .pagination .page-link.page-db {
    width: auto;
    padding: 0 20px
}

.nav_pagi .pagination .page-link:hover {
    background-color: #fff;
    border: 1px solid #cf2228
}

.nav_pagi .pagination .page-item.disabled .page-link {
    border: 0;
    display: none
}

.nav_pagi .pagination .page-item.active .page-link {
    background-color: #fff;
    border: 1px solid #cf2228;
    display: block;
    color: #cf2228
}

#section-verticalmenu {
    z-index: 52
}

.bg-vertical {
    display: block
}

.bg-vertical.fixed {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 51
}

@media (max-width: 991px) {
    .header-nav .vertical-menu-home {
        padding: 0
    }
}

@media (max-width: 767px) {
    .header-nav .vertical-menu-home {
        padding: 0 15px
    }
}

.float-vertical .block_content {
    display: none
}

.float-vertical.active-desk .block_content {
    display: block
}

@media (min-width: 1025px) {
    .float-vertical.active-desk .block_content {
        min-height: 496px;
        background-color: #fff
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .float-vertical.active-desk .block_content {
        min-height: 405px;
        background-color: #fff
    }
}

@media (max-width: 991px) {
    .float-vertical.active-desk .block_content {
        display: none
    }
}

@media (min-width: 992px) {
    .float-vertical.active-desk .float-vertical-button {
        pointer-events: none
    }
}

.float-vertical.active .block_content {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 99
}

@media (max-width: 991px) {
    .float-vertical.active .block_content {
        border: none
    }
}

@media (max-width: 991px) {
    .float-vertical.active.active-desk {
        display: block
    }
}

.float-vertical.active.active-desk .block_content {
    position: static
}

@media (max-width: 991px) {
    .float-vertical.active.active-desk .block_content {
        position: relative
    }
}

#section-verticalmenu {
    position: relative
}

#section-verticalmenu .float-vertical-button {
    cursor: pointer;
    margin: 0;
    padding: 15px 15px 15px 22px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    line-height: 17px;
    height: 45px;
    position: relative;
    cursor: pointer;
    border-radius: 5px
}

#section-verticalmenu .float-vertical-button:hover>.aside-vetical-menu .block_content {
    display: block
}

@media (min-width: 992px) and (max-width: 1199px) {
    #section-verticalmenu .float-vertical-button {
        padding: 15px;
        font-size: 13px
    }
}

#section-verticalmenu .float-vertical-button-col {
    cursor: pointer
}

.aside-vetical-menu .blog-aside {
    position: absolute;
    width: 100%;
    height: auto;
    top: 45px;
    left: 0
}

#section-verticalmenu .float-vertical-button .verticalMenu-text {
    padding-left: 23px
}

#verticalmenu .nav-verticalmenu {
    float: none
}

@media (max-width: 991px) {
    #verticalmenu .nav-verticalmenu {
        border-bottom: 1px solid #eaeaea
    }
}

.verticalMenu-toggle,
.verticalMenu-toggle:before,
.verticalMenu-toggle:after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 14px;
    border-radius: 3px
}

.verticalMenu-toggle {
    top: 23px
}

.verticalMenu-toggle:before {
    top: 4px;
    right: 0
}

.verticalMenu-toggle:after {
    bottom: 4px
}

.vermenu-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 23px;
    height: 23px;
    float: left
}

.verticalmenu .vertical-nav {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .verticalmenu .vertical-nav {
        padding-bottom: 10px
    }
}

.verticalmenu .vertical-nav .nav-item {
    float: none;
    position: unset
}

.verticalmenu .vertical-nav .nav-item .icon {
    position: relative
}

.verticalmenu .vertical-nav .nav-item .icon:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 6px;
    left: 26px;
    color: #cf2228
}

@media (min-width: 992px) and (max-width: 1199px) {
    .verticalmenu .vertical-nav .nav-item .icon:before {
        left: 15px
    }
}

.verticalmenu .vertical-nav .nav-item i.fas {
    font-size: 15px;
    position: absolute;
    top: -1px;
    right: 0;
    width: 43px;
    line-height: 43px;
    text-align: center
}

.verticalmenu .vertical-nav .nav-item>.dropdown-menu {
    left: calc(100%) !important;
    border: 0px;
    min-width: 260px;
    position: absolute;
    left: 270px;
    min-height: 409px;
    width: 898px;
    top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    background: #fff;
    padding: 25px 25px 45px 25px;
    display: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

.verticalmenu .vertical-nav .nav-item.active .dropdown-menu {
    display: block !important;
    float: none
}

.aside-vetical-menu .blog-aside {
    position: absolute;
    width: 100%;
    height: auto;
    top: 45px;
    left: 0;
    float: left
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item {
    display: none
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item.xemthem {
    display: block
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item.thugon {
    display: none
}

@media (min-width: 1200px) {

    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(1),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(2),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(3),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(4),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(5),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(6),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(7),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(8),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(9),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(10) {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(1),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(2),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(3),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(4),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(5),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(6),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(7),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(8),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(9),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(10) {
        display: block !important
    }
}

@media (min-width: 992px) {
    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu {
        position: absolute;
        left: calc(100% + 15px);
        top: -7px;
        padding: 10px 5px 10px 25px;
        border-radius: 0;
        box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4)
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu:after {
        position: absolute;
        content: "";
        background: none;
        width: 15px;
        height: 50px;
        top: 0;
        right: 100%
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu .nav-item:first-child a.nav-link {
        border: none
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu li>ul {
        left: calc(100% + 5px) !important
    }

    .aside-vetical-menu .aside-content .nav-item.active>.dropdown-menu,
    .aside-vetical-menu .aside-content .nav-item:hover>.dropdown-menu {
        display: block
    }
}

@media (max-width: 991px) {
    .aside-vetical-menu .aside-content>.nav-category>ul>.nav-item {
        display: block !important
    }
}

.wrap_top_bar {
    position: relative;
    float: left;
    width: 100%;
    height: 92px
}

@media (max-width: 991px) {
    .wrap_top_bar {
        height: 30px
    }
}

@media (max-width: 374px) {
    .wrap_top_bar {
        height: 16px
    }
}

@media (min-width: 375px) and (max-width: 414px) {
    .wrap_top_bar {
        height: 18px
    }
}

@media (min-width: 415px) and (max-width: 475px) {
    .wrap_top_bar {
        height: 21px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wrap_top_bar {
        height: 37px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrap_top_bar {
        height: 50px
    }
}

.wrap_top_bar:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 92px;
    width: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 991px) {
    .wrap_top_bar:before {
        background-size: contain;
        height: 30px
    }
}

@media (max-width: 374px) {
    .wrap_top_bar:before {
        height: 16px
    }
}

@media (min-width: 375px) and (max-width: 414px) {
    .wrap_top_bar:before {
        height: 18px
    }
}

@media (min-width: 415px) and (max-width: 475px) {
    .wrap_top_bar:before {
        height: 21px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .wrap_top_bar:before {
        height: 37px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrap_top_bar:before {
        height: 50px
    }
}

.topbar_header {
    margin: 10px 0
}

.owl-nav {
    display: none;
}

.topbar_header .header_content .owl-nav {
    display: none
}

.topbar_header .header_content .owl-item:nth-child(1) h3 {
    padding-left: 0px
}

.topbar_header .header_content .shadow {
    float: left;
    width: 100%
}

.topbar_header .header_content .shadow .img_dm {
    display: inline-block;
    float: left
}

.topbar_header .header_content .shadow h3 {
    display: inline-block;
    float: left;
    margin: 0;
    padding-left: 10px
}

.topbar_header .header_content .shadow h3 a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase
}

.topbar_header .header_content .shadow h3 a:hover {
    color: #cf2228
}

.header-block-item {
    float: left;
    height: 35px;
    padding: 0px;
    display: block;
    text-align: center;
    padding-right: 15px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-block-item {
        padding-right: 0px
    }
}

.header-block-item:last-child {
    padding-right: 0px
}

.header-block-item .icon {
    display: block;
    width: 40px;
    float: left
}

.header-block-item .info {
    width: 100%;
    display: block;
    float: left;
    padding-top: 5px
}

.header-block-item .info strong,
.header-block-item .info a {
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

@media (min-width: 992px) and (max-width: 1199px) {

    .header-block-item .info strong,
    .header-block-item .info a {
        font-size: 13px
    }
}

.header-block-item .info a:hover {
    color: #cf2228
}

.header-block-item .info p {
    margin: 0;
    line-height: normal;
    color: #959595;
    font-size: 15px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-block-item .info p {
        font-size: 13px
    }
}

.header-block-item .info p a {
    color: #cf2228;
    font-weight: bold
}

.header-block-item .info p a:hover {
    color: #252525
}

.header-block-item .info p b {
    color: #cf2228
}

.topbar_right {
    font-size: 14px;
    font-family: "Product Sans";
    padding-top: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topbar_right {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .topbar_right {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        float: none;
        width: 100%;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topbar_right {
        position: absolute;
        top: -107px;
        right: 15px
    }
}

.topbar_right .ul-account {
    padding: 0
}

@media (max-width: 767px) {
    .topbar_right .list-inline {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .topbar_right .list-inline {
        float: right
    }
}

.topbar_right li {
    font-size: 14px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topbar_right li {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .topbar_right li {
        font-size: 13px
    }
}

.topbar_right li.line_ {
    padding: 0;
    margin: 0px 0px 0px 10px;
    color: #c2c2c2;
    font-size: 14px;
    font-weight: bold
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topbar_right li.line_ {
        font-size: 14px;
        margin: 0 0 0 7px
    }
}

.topbar_right li a.a_db {
    color: #252525;
    font-size: 12px;
    margin: 0px 0px 0px 10px;
    text-transform: uppercase
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topbar_right li a.a_db {
        font-size: 14px;
        margin: 0 0 0 7px
    }
}

@media (max-width: 480px) {
    .topbar_right li a.a_db {
        margin: 0 0 0 6px
    }
}

.topbar_right li a.a_db:hover {
    color: #cf2228
}

.topbar_right li.login_content {
    float: left;
    position: relative
}

@media (max-width: 767px) {
    .topbar_right li.login_content {
        float: none
    }
}

.topbar_right li.login_content:hover ul {
    display: block
}

.topbar_right li.login_content ul {
    position: absolute;
    top: 37px;
    right: -88px;
    min-width: 240px;
    border: 1px solid #efefef;
    background: #fff;
    margin: 0;
    padding: 8px 10px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.18);
    z-index: 999;
    border-radius: 3px;
    display: none
}

@media (max-width: 374px) {
    .topbar_right li.login_content ul {
        right: 30px
    }
}

@media (min-width: 375px) and (max-width: 414px) {
    .topbar_right li.login_content ul {
        right: 50px
    }
}

@media (min-width: 425px) and (max-width: 543px) {
    .topbar_right li.login_content ul {
        right: 70px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topbar_right li.login_content ul {
        right: -80px
    }
}

.topbar_right li.login_content ul:before {
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    bottom: 100%;
    right: 104px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.topbar_right li.login_content ul li {
    float: none;
    text-align: center;
    border-radius: 3px
}

.topbar_right li.login_content ul li:nth-child(1) {
    background: #ffba00;
    margin-bottom: 10px
}

.topbar_right li.login_content ul li:nth-child(1) a {
    color: #fff
}

.topbar_right li.login_content ul li:nth-child(2) {
    background: #e1e1e1
}

.topbar_right li.login_content ul li a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    color: #fff;
    margin: 0
}

.topbar_right .top-cart-contain {
    padding: 0 15px 0 30px
}

@media (max-width: 480px) {
    .topbar_right .top-cart-contain {
        padding: 0 0 0 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topbar_right .top-cart-contain {
        padding: 0 15px 0 10px
    }
}

.topbar_right .top-cart-contain .img_hover_cart {
    display: inline-block;
    float: left;
    color: #252525
}

.topbar_right .top-cart-contain .img_hover_cart .icon_hotline {
    float: left;
    position: relative;
    padding-bottom: 2px
}

.topbar_right .top-cart-contain .img_hover_cart .icon_hotline .fas {
    font-size: 20px;
    color: #cf2228;
    margin-right: 5px
}

.topbar_right .top-cart-contain .img_hover_cart .icon_hotline .cart_txt {
    color: #252525;
    text-transform: uppercase
}

.topbar_right .top-cart-contain .img_hover_cart .count_item {
    color: #cf2228;
    position: absolute;
    left: 20px;
    top: -10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #626669;
    border-radius: 50%
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-main .logo_centers {
        padding-top: 15px;
        margin: 0 !important
    }
}

@media (max-width: 991px) {
    .header-main .logo_centers {
        width: 250px;
        display: inline-block;
        z-index: 9;
        margin-top: 10px;
        margin-bottom: -15px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .header-main .logo_centers {
        width: 200px
    }
}

@media (max-width: 991px) {
    .header-main .nav-mobile-button {
        top: 60px;
        width: 40px;
        left: 15px;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000
    }

    .header-main .nav-mobile-button .fas {
        font-size: 24px;
        color: #cf2228
    }
}

.header-main .media_item .media-body h4 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0
}

.header-main .media_item .media-body span {
    font-size: 13px;
    text-transform: none;
    color: #333
}

.header-main .media_item ion-icon {
    font-size: 42px
}

.header-main .media_item ion-icon.icon_1 {
    color: #cf2228
}

.header {
    z-index: 1000;
    float: left;
    width: 100%
}

@media (min-width: 1200px) {
    #menu-overlay {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 999;
        display: none
    }

    #menu-overlay.reveal {
        display: block
    }
}

.logo_center {
    width: 250px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -os-transform: translateX(-50%);
    z-index: 9;
    line-height: 120px;
    text-align: center
}

@media (max-width: 767px) {
    .logo_center {
        width: 150px
    }
}

@media (max-width: 374px) {
    .logo_center {
        left: 43%
    }
}

.cartgroup {
    position: relative;
    float: right;
    padding-right: 15px;
    z-index: 99
}

.cartgroup .header-right {
    float: left;
    margin-right: 0px
}

.cartgroup .header-right .cart_header {
    line-height: 120px
}

@media (max-width: 767px) {
    .cartgroup .header-right .cart_header {
        line-height: 113px
    }
}

.cartgroup .inline-b {
    float: left;
    display: inline-block
}

.cartgroup .inline-b.searchion {
    width: 25px;
    height: 45px;
    cursor: pointer;
    position: absolute;
    text-align: left;
    top: 46px;
    left: -20px
}

.cartgroup .inline-b.searchion .fas {
    font-size: 18px
}

.cartgroup .inline-b.searchion:hover .searchmini {
    display: block
}

.group_accout {
    position: relative;
    line-height: 120px;
    margin: 0 20px;
    padding-right: 15px;
    cursor: pointer
}

@media (max-width: 1199px) {
    .group_accout {
        margin: 0 5px
    }
}

.group_accout .accout_ {
    color: #707070;
    margin-right: 10px
}

.group_accout .fas {
    font-size: 14px;
    color: #707070
}

.group_accout:hover .groupc {
    display: block
}

.group_accout span {
    font-family: "Product Sans";
    font-weight: 400;
    font-size: 15px;
    color: #252525
}

.group_accout span .fa {
    margin-left: 5px
}

.group_accout .groupc {
    display: none;
    position: absolute;
    top: 95px;
    right: -15px;
    min-width: 186px;
    border: none;
    margin: 0;
    padding: 20px;
    border-radius: 0 0 3px 3px;
    z-index: 999;
    min-width: 278px;
    background-color: #f8f8f8;
    box-shadow: 0px 17px 10px 0px rgba(81, 81, 81, 0.23)
}

.group_accout .groupc:before {
    border: 12px solid transparent;
    border-bottom: 12px solid #f8f8f8;
    bottom: 100%;
    right: 73px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

@media (max-width: 767px) {
    .group_accout .groupc {
        right: -35px
    }
}

.group_accout .groupc .btn-white {
    border: solid 1px #ebebeb;
    background: #ebebeb;
    color: #252525
}

.group_accout .groupc a {
    display: block;
    font-family: "Product Sans";
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: solid 1px transparent;
    margin-bottom: 10px;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    background: #cf2228
}

.group_accout .groupc a:last-child {
    margin-bottom: 0px
}

.group_accout .groupc a:hover {
    background: #fff;
    color: #cf2228;
    border: 1px solid #cf2228
}

.group_accout .groupc a.btn {
    border: solid 1px transparent;
    background: #cf2228;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff
}

.group_accout .groupc a.btn:hover {
    background: #fff;
    color: #cf2228;
    border: 1px solid #cf2228
}

.searchmini {
    width: 250px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 40px;
    right: 0;
    display: none
}

.searchmini.show {
    display: block
}

@media (max-width: 767px) {
    .searchmini {
        width: 230px
    }
}

.searchmini form {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative
}

.searchmini form input {
    width: 100%;
    height: 30px;
    min-height: unset;
    line-height: 30px;
    border: none;
    background: #cf2228;
    border-radius: 25px !important;
    padding: 0 40px 0 15px;
    color: #fff
}

.searchmini form input::-webkit-input-placeholder {
    color: #fff
}

.searchmini form input::-moz-placeholder {
    color: #fff
}

.searchmini form input:-ms-input-placeholder {
    color: #fff
}

.searchmini form input.visible_index {
    color: #fff
}

.searchmini form input.visible_index::-webkit-input-placeholder {
    color: #fff
}

.searchmini form input.visible_index::-moz-placeholder {
    color: #fff
}

.searchmini form input.visible_index:-ms-input-placeholder {
    color: #fff
}

.searchmini form button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-shadow: none;
    border: none;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 15px
}

.searchmini form button.visible_index .fa {
    color: #fff
}

.searchmini form button .fa {
    font-size: 16px;
    color: #fff
}

.inline-b .visible_index .filter-img,
.inline-block .visible_index .filter-img {
    filter: invert(0)
}

.inline-b .filter-img,
.inline-block .filter-img {
    filter: invert(1)
}

.menu_search_mobi {
    display: block;
    float: left;
    width: 100%;
    position: relative
}

.menu_search_mobi .nav-mobile-button {
    top: 20%;
    left: 15px;
    position: absolute;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: unset;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    font-family: "Product Sans";
    color: #fff;
    z-index: 0
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu_search_mobi .nav-mobile-button {
        left: 25px
    }
}

.menu_search_mobi .nav-mobile-button .fas {
    font-size: 15px;
    padding-right: 10px
}

.menu_search_mobi .search_mobile .icon-fallback-text {
    float: right;
    display: inline-block;
    width: 45px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex
}

.menu_search_mobi .search_mobile .icon-fallback-text .fas {
    font-size: 16px;
    color: #fff
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu_search_mobi .search_mobile .icon-fallback-text .fas {
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .searchboxlager .searchfromtop {
        z-index: 3;
        display: none;
        border-radius: 0px;
        z-index: 999999;
        position: absolute;
        top: 100%;
        right: 0px;
        width: 100%;
        float: right !important;
        margin-right: 0px;
        margin-left: 0px
    }

    .searchboxlager .searchfromtop form {
        margin-bottom: 0px
    }

    .searchboxlager .searchfromtop form input {
        border: none;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0px;
        padding: 0px 20px;
        margin-bottom: 0px;
        box-shadow: none;
        height: 45px;
        line-height: 45px
    }

    .searchboxlager .searchfromtop form input:focus {
        outline: none;
        box-shadow: none
    }

    .searchboxlager .searchfromtop form input::-webkit-input-placeholder {
        color: #252525
    }

    .searchboxlager .searchfromtop form input::-moz-placeholder {
        color: #252525
    }

    .searchboxlager .searchfromtop form input:-ms-input-placeholder {
        color: #252525
    }
}

.mid-header {
    padding: 0px;
    float: left;
    width: 100%;
    z-index: 1000
}

@media (max-width: 991px) {
    .mid-header {
        padding: 0;
        height: 135px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mid-header {
        height: 105px
    }
}

.mid-header .header-main,
.mid-header .header_top {
    float: left;
    width: 100%
}

.mid-header .header-main .headertop_search {
    width: 100%;
    margin-bottom: 5px;
    text-align: center
}

.mid-header .header-main .headertop_search span {
    color: #fff;
    font-size: 15px
}

.mid-header .header-main .headertop_search .menu_list {
    padding: 0
}

.mid-header .header-main .headertop_search .menu_list .li_menu {
    float: left;
    color: #252525
}

.mid-header .header-main .headertop_search .menu_list .li_menu:first-child .line_ft {
    margin: 0;
    display: none
}

.mid-header .header-main .headertop_search .menu_list .li_menu a {
    color: #707070;
    font-family: "Product Sans";
    padding: 0 12px
}

.mid-header .header-main .headertop_search .menu_list .li_menu a:first-child {
    padding-left: 0px
}

.mid-header .header-main .headertop_search .menu_list .li_menu a:hover {
    color: #cf2228
}

.mid-header .content_header {
    position: relative;
    float: left;
    width: 100%;
    z-index: 9
}

.mid-header .content_header.content_header_other {
    background: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .mid-header .content_header {
        height: 120px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mid-header .content_header {
        margin-top: 0px
    }
}

.mid-header .content_header .headerbot_search .menu_list .li_menu {
    float: left;
    color: #252525
}

.mid-header .content_header .headerbot_search .menu_list .li_menu:first-child .line_ft {
    margin: 0;
    display: none
}

.mid-header .content_header .headerbot_search .menu_list .li_menu a {
    color: #707070;
    font-family: "Product Sans";
    padding: 0 12px
}

.mid-header .content_header .headerbot_search .menu_list .li_menu a:last-child {
    padding-right: 0px
}

.mid-header .content_header .headerbot_search .menu_list .li_menu a:hover {
    color: #cf2228
}

.mid-header .content_header .header-right {
    position: relative
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart {
    display: block;
    float: left
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart .icon_hotline {
    float: left;
    position: relative;
    margin-right: 0px
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart .icon_hotline .cart_txt {
    padding-left: 10px
}

.mid-header .content_header .header-right .top-cart-contain .img_hover_cart .count_item {
    position: absolute;
    left: 27px;
    top: 26px;
    width: 23px;
    height: 23px;
    line-height: 21px;
    font-size: 11px;
    border: 2px solid #fff;
    font-weight: bold;
    color: #252525;
    text-align: center;
    background: #fff200;
    border-radius: 50%;
    font-family: "Product Sans";
    z-index: 9
}

@media (min-width: 768px) {
    .mid-header .content_header .header-right .top-cart-contain .img_hover_cart .count_item.bg_ind {
        background: #fff;
        color: #cf2228
    }
}

.mid-header .search_new {
    margin-top: 20px;
    padding-left: 20px
}

.mid-header .search_new form {
    box-shadow: 0px 3px 16px 0px rgba(213, 117, 12, 0.05)
}

.mid-header .search_new form input {
    height: 40px;
    line-height: 40px;
    border: none;
    padding: 0 17px 0 20px;
    background: #fff;
    font-size: 13px;
    border: 2px solid #cf2228;
    border-right: 0;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.mid-header .search_new form input::-webkit-input-placeholder {
    color: #898989
}

.mid-header .search_new form input::-moz-placeholder {
    color: #898989
}

.mid-header .search_new form input:-ms-input-placeholder {
    color: #898989
}

.mid-header .search_new form .input-group-btn .btn {
    background: #27678f;
    height: 50px;
    width: 50px !important;
    padding: 0 15px;
    line-height: 54px;
    border-radius: 50%;
    margin-left: -11px;
    margin-top: -6px
}

.mid-header .search_new form .input-group-btn .btn .fas {
    font-size: 18px;
    color: #fff
}

.logo {
    display: inline-block;
    font-size: 2.66667em;
    margin-bottom: 10px
}

.logo .logo-wrapper img {
    max-width: 100%;
    max-height: 100%
}

.mini-cart {
    height: 45px
}

@media (max-width: 767px) {
    .mini-cart {
        height: 30px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mini-cart {
        height: 46px
    }
}

.mini-cart .heading-cart {
    float: left
}

@media (max-width: 767px) {
    .mini-cart .heading-cart {
        padding-top: 0px
    }
}

.mini-cart .heading-cart .content_cart_header {
    line-height: 21px;
    padding-left: 20px;
    margin-top: -11px;
    float: right
}

@media (max-width: 1199px) and (min-width: 992px) {
    .mini-cart .heading-cart .content_cart_header {
        padding-left: 15px;
        margin-top: -8px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mini-cart .heading-cart .content_cart_header {
        margin-top: 25px
    }
}

@media (max-width: 321px) {
    .mini-cart .heading-cart .content_cart_header {
        padding-left: 5px
    }
}

.mini-cart .heading-cart .bg_cart {
    color: #8d90a6
}

.mini-cart .heading-cart .bg_cart .count_item_pr {
    font-size: 14px;
    color: #cf2228;
    font-weight: 400
}

.mini-cart .heading-cart .bg_cart strong {
    color: #cf2228
}

.mini-cart .heading-cart .bg_cart i {
    font-size: 24px;
    color: #cf2228;
    display: block;
    float: left;
    line-height: 30px;
    width: 100%
}

@media (max-width: 991px) {
    .mini-cart .heading-cart .bg_cart i {
        margin-right: 30px
    }
}

.mini-cart .heading-cart .bg_cart .text-giohang {
    font-size: 14px;
    color: #252525;
    font-weight: bold;
    display: block
}

.mini-cart:hover .top-cart-content {
    display: block
}

.mini-cart .dropdown-toggle {
    font-size: 12px;
    padding: 0;
    text-transform: none
}

.top-cart-contain .price {
    color: #cf2228;
    text-transform: uppercase
}

.top-cart-contain .product-details .price {
    color: #cf2228;
    width: auto;
    float: none;
    font-weight: 400;
    padding-left: 0;
    font-size: 12px
}

.top-cart-content {
    display: none;
    position: absolute;
    top: 65px;
    right: 20px;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0px 10px 35px 0px rgba(81, 81, 81, 0.22);
    z-index: 10000;
    border-radius: 0px
}

.top-cart-content:before {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 100%
}

.top-cart-content .empty {
    text-align: left;
    color: #363636
}

.top-cart-content .product-details-bottom {
    margin-bottom: 13px;
    line-height: 33px
}

.top-cart-content .product-details-bottom span {
    color: #cf2228
}

.top-cart-content .product-details-bottom span.price {
    font-weight: bold;
    color: #cf2228;
    font-size: 15px
}

.top-cart-content .product-name {
    margin: 0;
    line-height: 1;
    padding-right: 0px
}

.top-cart-content .product-name a {
    font-size: 14px;
    line-height: normal;
    line-height: 20px !important;
    font-weight: 400;
    color: #707070;
    word-break: break-word
}

.top-cart-content .product-name a:hover {
    color: #cf2228
}

.top-cart-content li {
    list-style: none
}

.top-cart-content li.item {
    overflow: hidden;
    padding: 20px 0px;
    border-bottom: 1px solid #ebebeb;
    width: 100%
}

.top-cart-content li.item .border_list {
    overflow: hidden;
    position: relative
}

.top-cart-content li.item:first-child {
    border-top: none;
    padding-top: 0px
}

.top-cart-content li.item:last-child {
    margin: 0;
    border-bottom: none
}

.top-cart-content li.item .product-image {
    float: left;
    display: flex;
    width: 70px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 20px
}

.top-cart-content li.item .count_style {
    color: #acacac;
    font-size: 14px;
    padding-left: 10px
}

.top-cart-content li.item .detail-item {
    width: calc(100% - 110px);
    float: left;
    display: block;
    word-break: break-word;
    position: relative
}

.top-cart-content li.item .detail-item .product-details-bottom .qty_drop_cart {
    line-height: 0px
}

.top-cart-content li.item .detail-item .fa {
    position: absolute;
    top: 3px;
    left: -107px;
    top: 8px;
    color: #707070;
    transform: translateY(-50%)
}

.top-cart-content li.item .detail-item .fa:hover {
    color: #cf2228;
    text-decoration: none
}

.top-cart-content li.item .detail-item input {
    display: inline-block;
    width: 22px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    text-align: center;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.top-cart-content li.item .detail-item button.items-count {
    display: inline-block;
    cursor: pointer
}

.top-cart-content .block-subtitle {
    color: #363636;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-size: .86667em;
    background: #f5f5f5;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px #ebebeb solid
}

.top-subtotal {
    color: #252525;
    font-size: .93333em;
    font-weight: 400;
    border-top: solid 1px #ebebeb;
    text-align: center;
    text-transform: none
}

.top-subtotal .price {
    font-weight: 400;
    color: #626669;
    font-size: 16px
}

.qty_drop_cart {
    position: relative
}

.qty_drop_cart .btn_increase,
.qty_drop_cart .btn_reduced {
    width: 21px;
    height: 15px;
    color: #000
}

.qty_drop_cart .btn_increase:hover,
.qty_drop_cart .btn_reduced:hover {
    color: #cf2228
}

.qty_drop_cart button.btn_increase {
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 1;
    overflow: hidden;
    border-style: hidden;
    border: 1px solid #ebebeb;
    background: none !important;
    font-size: 14px
}

.qty_drop_cart button.btn_reduced {
    height: 24px;
    width: 24px;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    border-style: hidden;
    border: 1px solid #ebebeb;
    background: none !important;
    font-size: 14px
}

.top-subtotal {
    color: #252525;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    text-transform: none;
    margin-right: 20px;
    padding: 0 7px
}

.top-subtotal .price {
    font-weight: bold !important;
    font-family: "Product Sans";
    font-size: 16px !important;
    float: right;
    margin-top: 0px !important;
    color: #cf2228 !important
}

ul#cart-sidebar {
    padding: 0px 0px 10px 20px;
    margin: 0;
    max-height: 625px;
    min-width: 295px;
    width: 295px;
    position: relative
}

ul#cart-sidebar:before {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: -10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff
}

ul#cart-sidebar .list-item-cart {
    max-height: 330px;
    overflow: auto;
    padding-left: 0px;
    padding-right: 20px;
    padding-top: 32px
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar {
    width: 5px;
    background-color: #f4f4f4
}

ul#cart-sidebar .list-item-cart::-webkit-scrollbar-thumb {
    background-color: #f4f4f4;
    border: 5px solid #cf2228
}

ul#cart-sidebar .list-item-cart li.list-item {
    max-height: 400px;
    overflow-y: auto
}

ul#cart-sidebar .list-item-cart li.action {
    display: none
}

ul#cart-sidebar .list-item-cart.hasclass li.action {
    display: block
}

ul#cart-sidebar .list-item-cart li.list-item .price2 {
    font-weight: 700;
    color: #cf2228;
    font-size: 14px;
    display: list-item;
    margin-bottom: 5px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar {
    width: 5px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.9)
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb {
    background: #cf2228;
    border-radius: 0px
}

ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:hover,
ul#cart-sidebar .list-item-cart li.list-item::-webkit-scrollbar-thumb:active {
    background: #cf2228;
    border-radius: 0px
}

ul#cart-sidebar .no-item {
    height: auto
}

ul#cart-sidebar .no-item p {
    margin: 0px;
    line-height: 24px
}

ul#cart-sidebar .right_ct {
    text-align: center;
    line-height: 50px;
    margin-bottom: 15px;
    margin-right: 20px
}

ul#cart-sidebar .right_ct .btn {
    width: 100%;
    background: #cf2228;
    line-height: 50px;
    color: #fff;
    height: 50px;
    padding: 0 35px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    border: none
}

ul#cart-sidebar .right_ct .btn:hover {
    background: #a31b20
}

ul#cart-sidebar .right_ct .btn.btn-primary {
    margin-left: 0 !important
}

ul#cart-sidebar .right_ct .btn.btn-white {
    display: none;
    margin-right: 0 !important
}

header nav .nav {
    position: relative
}

header nav .nav-item {
    float: left;
    position: relative;
    margin-right: 20px
}

header nav .nav-item.has-mega {
    position: static !important
}

header nav .nav-item>a {
    line-height: 32px;
    color: #333
}

header nav .nav-item>a:hover {
    color: #cf2228
}

header nav .nav-item>.fa {
    color: #333;
    right: 0;
    top: 33px
}

header nav .nav-item .nav-item-lv2 {
    padding: 0 10px
}

header nav .nav-item .nav-item-lv3 {
    padding: 0 10px
}

header nav .nav-item:hover>.dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0;
    z-index: 9999
}

header nav .nav-item:hover>.mega-content {
    display: block
}

header nav .nav-item li.dropdown-submenu {
    position: relative
}

header nav .nav-item li.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0
}

header nav .nav-item li.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    right: 100%;
    border-radius: 0
}

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

.wrap_main .topright {
    float: right
}

.wrap_main .topright ul {
    padding: 0
}

.wrap_main .topright .fas {
    font-size: 20px;
    color: #cf2228;
    padding-right: 3px
}

.wrap_main .topright .a_topright {
    padding-left: 5px;
    font-size: 20px;
    color: #626669
}

.wrap_main .topright .a_topright:hover {
    color: #cf2228
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wrap_main .topright .a_topright {
        font-size: 20px
    }
}

.bg-header-nav {
    height: 45px;
    z-index: 98;
    width: 100%
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bg-header-nav .header-nav {
        float: left !important
    }
}

.bg-header-nav .header-nav>ul.item_big {
    text-align: left;
    margin: 0;
    padding: 0
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item {
    font-weight: 400;
    display: inline-block;
    float: none;
    position: relative;
    margin-right: 0px;
    margin-left: 1px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:first-child a {
    padding-left: 20px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>a {
    display: block;
    text-align: left;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    color: #252525
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bg-header-nav .header-nav>ul.item_big>li.nav-item>a {
        font-size: 12px;
        padding: 0 8px
    }
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>a>i {
    margin-left: 10px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>a {
    color: #cf2228;
    font-weight: 400
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>a:before {
    content: "";
    position: absolute;
    width: 45%;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: 25px;
    height: 3px;
    background: #fff
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>ul {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item .item_small {
    overflow: hidden;
    display: block;
    max-height: 0px;
    max-width: 0px;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    position: absolute;
    top: 101%;
    left: 0px;
    width: 215px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    border-bottom: none;
    z-index: 999
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li {
    float: none;
    padding: 0 20px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:last-child>a {
    border-bottom: 0
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:hover>ul {
    display: block;
    position: absolute;
    width: 215px;
    padding: 0;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2)
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 12px 10px 12px 0px;
    color: #252525;
    position: relative;
    border-bottom: solid 1px #cf2228;
    text-align: left
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a {
        font-size: 14px
    }
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a:hover {
    color: #cf2228 !important;
    font-weight: 400 !important
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a i {
    position: absolute;
    right: -10px;
    padding: 0px 10px;
    top: 0;
    line-height: 49px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li ul {
    display: none;
    left: 215px;
    top: 0px
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul>li {
    color: #cf2228;
    font-weight: 400
}

.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul>li:hover>a {
    color: #cf2228;
    font-weight: 400
}

.bg-header-nav .header-nav>ul.item_big>li.active>a {
    color: #cf2228;
    font-weight: 400
}

.bg-header-nav .header-nav>ul.item_big>li.active>a:before {
    content: "";
    position: absolute;
    width: 45%;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: 25px;
    height: 3px;
    background: #fff
}

.bg-header-nav .header-nav>ul.item_big>li:first-child.active>a:before {
    content: "";
    position: absolute;
    width: 45%;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: 25px;
    height: 3px;
    background: #fff
}

.bg-header-nav .header-nav ul li ul a.text2line:hover {
    color: #252525 !important;
    background: transparent !important
}

.bg-header-nav .header-nav li li {
    position: relative
}

li.nav-lis a {
    padding-left: 0px !important;
    cursor: pointer
}

#nav-mobile {
    z-index: 999
}

.header-nav ul .nav-item.has-mega {
    position: static;
    height: 50px;
    margin-left: 1px
}

.header-nav ul .nav-item:hover>.mega-content {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}

.header-nav ul .nav-item .a-img span.menu-label {
    position: absolute;
    text-transform: uppercase;
    top: -12px;
    background: #cf2228;
    display: inline;
    padding: 4px 8px;
    border-radius: 0px;
    color: #fff;
    font-size: 10px;
    right: 23px;
    line-height: normal;
    letter-spacing: 1px
}

.header-nav ul .nav-item .a-img span.menu-label:after {
    border-color: #cf2228 transparent transparent transparent;
    border-width: 6px 7px 0 6px;
    right: 12px;
    top: 90%;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transitio: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
    z-index: 100
}

.header-nav .mega-content {
    background: #fff;
    overflow: hidden;
    display: block;
    max-height: 0px;
    max-width: 0px;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    margin: 0;
    padding: 30px 20px 25px 15px;
    position: absolute;
    top: 100%;
    left: 15px;
    z-index: 99;
    width: 1170px;
    border: none;
    text-align: left
}

@media (max-width: 1199px) {
    .header-nav .mega-content {
        left: 15px;
        width: 940px
    }
}

.header-nav .mega-content .level1.parent h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Product Sans";
    margin-top: 0;
    margin-bottom: 15px;
    color: #252525
}

.header-nav .mega-content .level1.parent h2 a {
    text-transform: uppercase
}

.header-nav .mega-content .level1.parent ul.level1 li {
    line-height: 20px
}

.header-nav .mega-content .level1.parent ul.level1 li a {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 14px;
    color: #8d90a6
}

.header-nav .mega-content .level1.parent ul.level1 li+li {
    padding-top: 8px
}

.header-nav .mega-content .level1.item {
    float: left;
    width: 25%;
    padding: 0 5px
}

.header-nav .mega-content .level1.item>a {
    color: #cf2228
}

.header-nav .mega-content .level1.item>a:hover,
.header-nav .mega-content .level1.item>a:focus {
    color: #a31b20;
    text-decoration: none
}

.header-nav .mega-content .level1.item h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Product Sans";
    margin-top: 0;
    color: #cf2228
}

.header-nav .mega-content .level1.item h2 a {
    text-transform: none;
    color: #cf2228
}

.header-nav .mega-content .level1.item h2 a:hover {
    color: #252525
}

.header-nav .mega-content .level1.item ul.level1 {
    margin-bottom: 30px;
    padding-left: 0px
}

.header-nav .mega-content .level1.item ul.level1 li a {
    font-weight: normal !important;
    text-transform: none !important;
    color: #7b8395
}

.header-nav .mega-content .level1.item ul.level1 li a:hover,
.header-nav .mega-content .level1.item ul.level1 li a:focus {
    text-decoration: none;
    color: #cf2228
}

.header-nav .mega-content .level0-wrapper2 .nav-block .level0 {
    padding: 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-nav .mega-content.mega_img {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    min-height: 400px
}

.new-letter {
    position: relative;
    float: left;
    width: 100%
}

.new-letter .button_gradient {
    line-height: 42px
}

.new-letter .button_gradient:hover {
    background: #cf2228;
    color: #fff
}

.new-letter .letter-left {
    width: 100%;
    display: block;
    float: left
}

@media (max-width: 991px) {
    .new-letter .letter-left {
        text-align: center
    }
}

.new-letter .letter-left .img_dkmail {
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left
}

@media (max-width: 991px) {
    .new-letter .letter-left .img_dkmail {
        float: none
    }
}

.new-letter .letter-left p {
    text-align: left;
    padding: 0;
    margin-bottom: 35px;
    color: #707070
}

.new-letter .letter-left h3 {
    width: 100%;
    padding-left: 0px;
    padding-top: 0px;
    display: inline-block;
    margin: 0;
    font-size: 30px;
    line-height: normal;
    color: #252525;
    text-transform: uppercase;
    font-weight: bold
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-letter .letter-left h3 {
        font-size: 26px
    }
}

@media (max-width: 991px) {
    .new-letter .letter-left h3 {
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
        float: left;
        padding: 10px 0 15px 0;
        font-size: 24px
    }
}

.new-letter form {
    margin: 0px;
    margin-top: 5px
}

.new-letter form .input-group {
    width: 100%;
    float: left;
    position: relative
}

.new-letter form .input-group:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    text-indent: 0;
    position: absolute;
    left: 20px;
    top: 12px;
    content: "\f0e0";
    color: #d7d7d7;
    z-index: 999;
    font-size: 18px
}

.new-letter form .input-group input {
    box-shadow: none;
    border: none;
    border-radius: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 55px;
    background: #eee;
    color: #333;
    padding: 0 30px 0 45px;
    position: relative
}

.new-letter form .input-group input::-webkit-input-placeholder {
    color: #707070
}

.new-letter form .input-group input::-moz-placeholder {
    color: #707070
}

.new-letter form .input-group input:-ms-input-placeholder {
    color: #707070
}

.new-letter form .input-group input:focus {
    box-shadow: none
}

@media (max-width: 767px) {
    .new-letter form .input-group input {
        width: 100%;
        float: left;
        display: block;
        border-radius: 0px !important
    }
}

@media (max-width: 767px) {
    .new-letter form .input-group .input-group-btn {
        width: 100%;
        display: block;
        float: left
    }
}

.new-letter form .input-group .input-group-btn .btn {
    font-weight: 400;
    height: 55px;
    border-radius: 0px;
    background-color: #cf2228;
    font-size: 16px;
    color: #fff;
    min-width: 110px;
    text-transform: none;
    margin-left: -20px !important;
    z-index: 9 !important
}

@media (max-width: 767px) {
    .new-letter form .input-group .input-group-btn .btn {
        width: 100%;
        margin: 0 !important;
        margin-top: 10px !important
    }
}

.mid-footer {
    padding: 40px 0 0 0
}

.mid-footer .widget_first_child {
    margin-top: 60px
}

.mid-footer .widget_first_child h4 span {
    color: #252525
}

.mid-footer .widget_first_child .hotline_footer ul {
    padding: 0px
}

.mid-footer .widget_first_child .hotline_footer ul li {
    color: #252525;
    padding-bottom: 7px
}

.mid-footer .widget_first_child .hotline_footer ul li a {
    color: #252525;
    font-size: 14px;
    font-weight: 400
}

.mid-footer .widget_first_child .hotline_footer ul li a:hover {
    color: #cf2228
}

.mid-footer .widget_first_child .logo_footer {
    margin-top: 70px
}

@media (max-width: 767px) {
    .mid-footer .widget_first_child .logo_footer {
        margin-top: 0px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .mid-footer .widget_first_child .logo_footer {
        margin-top: 60px
    }
}

.mid-footer .widget_first_child .logo_footer a img {
    width: 205px
}

.mid-footer .widget_first_child .widget-ft-top {
    margin-top: 30px
}

.mid-footer .widget_first_child .widget-ft-top .title-menu-top {
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: "Product Sans"
}

@media (max-width: 767px) {
    .mid-footer {
        margin-bottom: 0px;
        padding-bottom: 30px
    }
}

.mid-footer .title-menu2 {
    margin: 0;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 10px;
    color: #252525
}

@media (min-width: 768px) {
    .mid-footer .title-menu2 {
        line-height: normal
    }
}

@media (min-width: 768px) {
    .mid-footer .title-menu2.icon_title_last {
        margin-bottom: 8px
    }
}

.mid-footer .title-menu2 a {
    cursor: default;
    font-size: 14px;
    text-transform: uppercase;
    color: #252525;
    font-weight: 700;
    position: relative
}

.mid-footer .title-menu2 a i.fa {
    display: none
}

.mid-footer .title-menu2 a:hover {
    color: #cf2228
}

@media (max-width: 767px) {
    .mid-footer .title-menu2 {
        margin-bottom: 0px;
        margin-top: 0px
    }

    .mid-footer .title-menu2 a {
        padding: 20px 0px;
        display: block;
        cursor: pointer
    }

    .mid-footer .title-menu2 a i.fa {
        display: block;
        position: absolute;
        right: -10px;
        width: 30px;
        top: 15px;
        text-align: center;
        height: 30px;
        line-height: 30px
    }

    .mid-footer .title-menu2 a i.fa:before {
        content: "\f068"
    }

    .mid-footer .title-menu2 a.collapsed i.fa:before {
        content: "\f067"
    }
}

.mid-footer .contact_mail input {
    width: 150px;
    border-radius: 0px;
    margin-right: 3px;
    margin-bottom: 0;
    display: inline-block;
    background: #ebebeb;
    padding: 0 20px 0 15px;
    min-height: 34px;
    border: none
}

.mid-footer .contact_mail input::-webkit-input-placeholder {
    color: #252525
}

.mid-footer .contact_mail input::-moz-placeholder {
    color: #252525
}

.mid-footer .contact_mail input:-ms-input-placeholder {
    color: #252525
}

@media (max-width: 991px) {
    .mid-footer .contact_mail input {
        width: calc(100% - 93px)
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mid-footer .contact_mail input {
        width: calc(100% - 77px);
        padding: 0 8px 0 8px;
        font-size: 13px
    }
}

.mid-footer .contact_mail .btn {
    margin-top: -3px;
    line-height: 34px;
    height: 34px;
    border-radius: 0px;
    padding: 0 12px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mid-footer .contact_mail .btn {
        font-size: 13px;
        padding: 0 9px
    }
}

.mid-footer .hour_24 {
    padding: 0
}

.mid-footer .hour_24 img {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.mid-footer .hour_24 .a_topright {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px
}

.mid-footer .pay_footer li {
    float: left;
    margin-right: 10px
}

@media (min-width: 768px) and (max-width: 991px) {
    .mid-footer .pay_footer li {
        margin-right: 7px
    }
}

.mid-footer .pay_footer li a {
    display: inline-block
}

.mid-footer .mail_footer {
    float: left;
    width: 100%
}

.social_footer .follow_option {
    float: left;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0
}

@media (max-width: 991px) {
    .social_footer .follow_option {
        float: none;
        display: inline-block;
        text-align: center
    }
}

.social_footer .follow_option li {
    float: left;
    margin-right: 7px;
    margin-top: 0px !important
}

@media (min-width: 992px) and (max-width: 1199px) {
    .social_footer .follow_option li {
        margin-right: 7px
    }
}

.social_footer .follow_option li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.1)
}

@media (min-width: 992px) and (max-width: 1199px) {
    .social_footer .follow_option li a {
        width: 32px;
        height: 32px;
        line-height: 32px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .social_footer .follow_option li a {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
}

.social_footer .follow_option li a .fas,
.social_footer .follow_option li a .fab {
    color: #959595;
    font-size: 14px
}

.social_footer .follow_option li a:hover {
    background: #cf2228
}

.social_footer .follow_option li a:hover .fas,
.social_footer .follow_option li a:hover .fab {
    color: #fff
}

footer.footer {
    position: relative;
    float: left;
    background-repeat: no-repeat;
    width: 100%;
    /* height: 100% */
}

footer.footer .bct {
    float: left;
    width: 100%
}

@media (max-width: 767px) {
    footer.footer .bct {
        margin-bottom: 15px
    }
}

footer.footer .bct ul li {
    display: inline-block
}

footer.footer .bct ul li:nth-child(1) {
    margin-right: 10px
}

footer.footer .widget-db {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1199px) {
    footer.footer .widget-db {
        display: block
    }
}

footer.footer .widget-db .item {
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 20px;
    position: relative
}

@media (max-width: 1199px) {
    footer.footer .widget-db .item {
        width: 100%;
        float: none;
        display: block
    }
}

footer.footer .widget-db .item:first-child:before {
    content: "-";
    position: absolute;
    top: -7px;
    right: -13px;
    color: #959595
}

@media (max-width: 1199px) {
    footer.footer .widget-db .item:first-child:before {
        content: unset
    }
}

footer.footer .widget-ft {
    padding-bottom: 40px
}

footer.footer .widget-ft.first {
    border-left: none;
    padding-left: 0
}

footer.footer .widget-ft.last {
    float: left;
    width: 100%;
    padding-bottom: 40px
}

@media (max-width: 1199px) {
    footer.footer .widget-ft {
        padding-left: 0px;
        padding-bottom: 20px;
        border-left: 0
    }
}

@media (max-width: 767px) {
    footer.footer .widget-ft {
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        border-left: 0
    }

    footer.footer .widget-ft.last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    footer.footer .widget-ft.last {
        padding-bottom: 0px;
        border-bottom: none
    }
}

footer.footer .widget-ft .title-db {
    padding-bottom: 0px
}

footer.footer .widget-ft .title-menu4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    position: relative;
    margin-bottom: 5px
}

footer.footer .widget-ft .title-menu4 a {
    color: #fff
}

footer.footer .widget-ft .title-menu4.icon_none_first {
    margin-top: 20px
}

@media (max-width: 767px) {
    footer.footer .widget-ft .title-menu4.icon_none_first {
        margin-top: 0px
    }
}

footer.footer .site-footer {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #cf2228
}

footer.footer .site-footer .top-footer {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 15px
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.footer .site-footer .top-footer .col-sm-6:nth-child(3) {
        clear: left
    }
}

footer.footer .site-footer .top-footer .logo_footer {
    margin-top: 70px
}

footer.footer .site-footer .top-footer .logo_footer a img {
    width: 205px
}

footer.footer .site-footer .top-footer .widget-ft-top {
    margin-top: 30px
}

footer.footer .site-footer .top-footer .widget-ft-top .title-menu-top {
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: "Product Sans"
}

footer.footer .site-footer .top-footer .widget-ft-top .hotline_footer ul {
    padding: 0
}

footer.footer .bg-footer-bottom {
    background: #111321
}

footer.footer .copyright {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: relative;
    background: #333;
    padding: 20px 0
}

footer.footer .copyright span.wsp {
    color: #fff
}

footer.footer .copyright span.wsp a {
    color: #cf2228
}

footer.footer .copyright span.wsp .line_footer {
    padding: 0 3px
}

footer.footer .copyright span.wsp .mobile {
    opacity: 1
}

footer.footer .copyright span.wsp .mobile b {
    color: #cf2228;
    font-weight: 400
}

footer.footer .copyright a {
    font-weight: 400;
    color: #252525;
    opacity: 1;
    z-index: 999
}

footer.footer .copyright a:hover {
    color: #cf2228 !important;
    opacity: 1
}

footer.footer .copyright .ul_menu_fot {
    float: right
}

footer.footer .copyright .ul_menu_fot li {
    float: left;
    font-size: 13px;
    margin: 0px 7px
}

footer.footer .copyright .ul_menu_fot li:last-child {
    margin: 0 0 0 10px
}

footer.footer .copyright .ul_menu_fot li a {
    text-decoration: none;
    color: #252525
}

footer.footer .menu {
    margin-right: 5px;
    padding: 0px
}

@media (min-width: 992px) {
    footer.footer .menu {
        float: right
    }
}

footer.footer .menu li {
    display: inline-block;
    padding-left: 15px
}

footer.footer .menu li .a_menu {
    color: #fff
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.footer .footer-inner .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 992px) {
    footer.footer .copyright .inner .row.tablet {
        display: flex;
        flex-flow: row
    }

    footer.footer .copyright .inner .row.tablet #copyright {
        order: 1
    }

    footer.footer .copyright .inner .row.tablet #menu_fot {
        order: 2
    }
}

@media (max-width: 991px) {
    footer.footer .copyright .inner .fot_copyright {
        text-align: center !important
    }

    footer.footer .copyright .inner .fot_menu_copyright .menu {
        line-height: 27px;
        padding-top: 5px
    }

    footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot {
        width: 100%;
        padding-right: 0px;
        text-align: center
    }

    footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot li {
        float: none;
        display: inline-block
    }
}

@media (max-width: 767px) {
    footer.footer .copyright .inner .wsp {
        overflow: hidden;
        padding: 15px 0px;
        display: block
    }

    footer.footer .copyright .inner .mobile {
        display: block;
        width: 100%;
        text-align: center !important;
        line-height: 15px
    }

    footer.footer footer .site-footer h4 {
        margin: 0;
        padding: 15px 0 0px;
        font-size: 17px;
        cursor: pointer;
        margin-bottom: 15px;
        border-top: solid 1px #2d3753
    }

    footer.footer footer .footer-inner .col-xs-12:nth-child(2) {
        margin-top: 20px
    }

    footer.footer .padding-bottom-50 {
        padding-bottom: 20px !important
    }
}

footer.footer .logo {
    padding-bottom: 15px
}

footer.footer .logo a img {
    width: auto;
    max-height: 80px
}

@media (max-width: 1199px) {
    footer.footer .logo a {
        font-size: 62px
    }

    footer.footer .logo a img {
        max-height: 60px
    }
}

@media (max-width: 767px) {
    footer.footer .logo {
        text-align: left;
        padding: 0px
    }

    footer.footer .logo a {
        font-size: 60px;
        line-height: 60px
    }

    footer.footer .logo a img {
        width: auto;
        max-height: 60px
    }
}

@media (max-width: 480px) {
    footer.footer .logo {
        text-align: center
    }
}

footer.footer ul.contact {
    padding: 0px
}

@media (max-width: 991px) {
    footer.footer ul.contact {
        margin-bottom: 10px
    }
}

footer.footer ul.contact.contact_x {
    margin-bottom: 10px
}

footer.footer ul.contact.contact_x .sdt {
    display: inline-block
}

footer.footer ul.contact.contact_x .line {
    display: inline-block;
    padding: 0 3px;
    color: #fff
}

footer.footer ul.contact.contact_x li {
    color: #fff
}

footer.footer ul.contact.contact_x li b {
    color: #fff
}

footer.footer ul.contact.contact_x li a {
    color: #fff
}

footer.footer ul.contact.contact_x li a:hover {
    color: #cf2228
}

footer.footer ul.contact li {
    font-size: 14px;
    position: relative;
    margin-bottom: 0px !important;
    line-height: 20px
}

footer.footer ul.contact li:nth-child(1) {
    margin-top: 8px;
    padding-bottom: 25px
}

@media (max-width: 1199px) and (min-width: 992px) {
    footer.footer ul.contact li:nth-child(1) {
        margin-bottom: 0px
    }
}

footer.footer ul.contact li i.fa {
    float: left;
    position: relative;
    top: 0px;
    border-radius: 3px;
    width: 28px;
    text-align: center;
    height: 28px;
    display: block;
    margin-right: 5px;
    margin-top: -2px;
    padding-left: 2px;
    line-height: 28px;
    color: #cf2228;
    background-repeat: no-repeat
}

footer.footer ul.contact li .txt_content_child {
    display: inherit
}

footer.footer ul.contact li a {
    color: #fff
}

footer.footer ul.contact li a:hover {
    color: #cf2228
}

footer.footer ul.contact li.sdt a {
    margin-right: 0px
}

@media (min-width: 1200px) {
    footer.footer ul.contact li.sdt a:after {
        content: "-";
        margin-left: 5px
    }
}

footer.footer ul.contact li.sdt a:last-child {
    margin-right: 0px
}

footer.footer ul.contact li.sdt a:last-child:after {
    display: none
}

@media (max-width: 1199px) {
    footer.footer ul.contact li.sdt .email_style {
        display: block
    }
}

footer.footer .title-menu {
    margin: 0;
    line-height: normal;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.footer .title-menu {
        padding-top: 30px
    }
}

footer.footer .title-menu.title_blog_menu a:hover {
    color: #cf2228;
    cursor: pointer
}

footer.footer .title-menu.title_mail {
    padding-top: 15px
}

footer.footer .title-menu.title_mail:before {
    content: unset
}

footer.footer .title-menu a {
    background: transparent;
    cursor: default;
    font-size: 15px;
    text-transform: uppercase;
    color: #cf2228;
    position: relative;
    font-weight: bold
}

footer.footer .title-menu a i.fa {
    display: none
}

@media (max-width: 767px) {
    footer.footer .title-menu {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px !important
    }

    footer.footer .title-menu a {
        padding: 15px 20px 15px 0;
        line-height: 22px;
        display: block;
        cursor: pointer
    }

    footer.footer .title-menu a i.fa {
        display: block;
        position: absolute;
        right: 0px;
        width: 18px;
        top: 17px;
        text-align: center;
        height: 18px;
        line-height: 20px;
        border-radius: 3px;
        padding-left: 1px;
        background: #fff;
        font-size: 13px
    }

    footer.footer .title-menu a i.fa:before {
        content: "\f068";
        color: #252525
    }

    footer.footer .title-menu a.collapsed i.fa:before {
        content: "\f067"
    }
}

footer.footer .name_company {
    font-size: 14px;
    color: #cf2228;
    text-transform: uppercase;
    font-weight: bold
}

@media (max-width: 320px) {
    footer.footer .name_company {
        font-size: 13px
    }
}

@media (min-width: 768px) {
    footer.footer .collapse {
        display: block
    }
}

footer.footer .list-menu {
    line-height: 35px;
    padding: 0px
}

footer.footer .list-menu.list-menu-time {
    line-height: normal
}

footer.footer .list-menu.hotline_ul {
    font-weight: bold;
    font-size: 16px;
    color: #cf2228
}

footer.footer .list-menu.hotline_ul a {
    font-size: 16px;
    color: #cf2228
}

footer.footer .list-menu .li_menu {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

footer.footer .list-menu .li_menu:hover {
    margin-left: 10px;
    cursor: pointer
}

footer.footer .list-menu .li_menu:hover>a {
    color: #cf2228;
    cursor: pointer
}

footer.footer .list-menu .li_menu:hover>a:before {
    display: block
}

footer.footer .list-menu .li_menu a {
    color: #252525;
    position: relative
}

footer.footer .list-menu .li_menu a:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    top: 1px;
    left: -10px;
    background: #cf2228;
    display: none
}

footer.footer .list-menu .li_menu a:hover {
    color: #cf2228
}

footer.footer .list-menu .social_ {
    margin-bottom: 0px;
    font-size: 15px;
    color: #83858e;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

footer.footer .list-menu .social_:hover {
    color: #fff
}

footer.footer .list-menu .social_ .ico_ {
    float: left;
    position: relative;
    top: 2px;
    width: 20px;
    height: 30px;
    display: block;
    margin-top: 0px;
    padding-left: 0px;
    line-height: 35px
}

footer.footer .list-menu .social_ a {
    font-size: 14px;
    color: #acacac;
    margin-left: 5px
}

footer.footer .list-menu .social_ a:hover {
    color: #fff
}

footer.footer .bottom-ft {
    padding: 20px 0px
}

@media (max-width: 767px) {
    footer.footer .bottom-ft {
        border-top: none
    }
}

footer.footer .bottom-ft .info-website {
    margin: 0;
    color: #83858e;
    font-size: 14px
}

@media (max-width: 767px) {
    footer.footer .bottom-ft .info-website {
        text-align: center
    }
}

footer.footer .bottom-ft .info-website a {
    color: #fff
}

footer.footer .bottom-ft .info-website a:hover {
    color: #cf2228
}

footer.footer .bottom-ft .info-website b {
    font-weight: normal;
    color: #fff
}

footer.footer .bottom-ft .list-menu-bft {
    float: right
}

footer.footer .bottom-ft .list-menu-bft li {
    float: left
}

footer.footer .bottom-ft .list-menu-bft li a {
    padding: 0px 10px;
    font-weight: normal
}

.mid-footer .loop-blog {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 25px
}

.mid-footer .loop-blog .thumb-left {
    width: 70px;
    height: auto;
    display: block;
    float: left
}

.mid-footer .loop-blog .thumb-left a {
    position: relative
}

.mid-footer .loop-blog .blog-item-summary {
    margin-bottom: 0
}

.mid-footer .loop-blog .name-right {
    width: calc(100% - 70px);
    -webkit-width: calc(100% - 70px);
    -moz-width: calc(100% - 70px);
    -o-width: calc(100% - 70px);
    -os-width: calc(100% - 70px);
    display: block;
    float: left;
    padding-left: 25px
}

.mid-footer .loop-blog .name-right h3 {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 22px
}

.mid-footer .loop-blog .name-right h3 a {
    color: #fff
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mid-footer .loop-blog .name-right h3 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

.mid-footer .loop-blog .name-right h3:hover a {
    text-decoration: none;
    color: #cf2228
}

.mid-footer .loop-blog .name-right .content_day_blog {
    display: block;
    float: left;
    width: 100%;
    font-size: 13px;
    color: #7d7d7d
}

.mid-footer .loop-blog .name-right .content_day_blog .post-times i,
.mid-footer .loop-blog .name-right .content_day_blog .short_time i {
    font-size: 13px;
    color: #7d7d7d
}

.mid-footer .loop-blog .name-right .content_day_blog .short_time {
    display: inline-block;
    float: left;
    line-height: normal;
    color: #7d7d7d;
    font-weight: bold
}

@media (max-width: 360px) {
    .mid-footer .loop-blog .name-right .content_day_blog .short_time {
        display: block;
        width: 100%
    }
}

.mid-footer .loop-blog .name-right .content_day_blog .post-times {
    float: left;
    display: inline-block;
    line-height: normal;
    padding-bottom: 5px
}

@media (max-width: 360px) {
    .mid-footer .loop-blog .name-right .content_day_blog .post-times {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 0px;
        margin-right: 0px;
        padding-bottom: 0px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mid-footer .loop-blog .name-right .content_day_blog .post-times {
        margin-right: 30px;
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 0px;
        padding-bottom: 0px
    }
}

.mid-footer .loop-blog .date {
    margin: 7px 0 10px;
    font-weight: 400;
    font-size: 13px
}

.backtop {
    position: fixed;
    top: auto !important;
    color: #fff;
    border-radius: 50%;
    background: #c6cddb;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 58px;
    height: 58px;
    z-index: 199;
    background-color: #ed9396;
    border-radius: 50%;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left
}

.backtop .border_btt {
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 4px;
    line-height: 50px;
    background: #cf2228
}

.backtop:hover .fas {
    color: #252525
}

.backtop .fas {
    font-size: 16px;
    color: #fff
}

.backtop.show {
    opacity: 1 !important
}

@media (min-width: 1441px) {
    .backtop {
        right: 15%;
        bottom: 20px
    }

    .phone_backtotop {
        bottom: 30px !important;
        left: 50px
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .backtop {
        right: 15px;
        bottom: 30px
    }

    .phone_backtotop {
        bottom: 48% !important;
        left: 30px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .backtop {
        right: 25px;
        bottom: 20px
    }

    .phone_backtotop {
        bottom: 48% !important;
        left: 30px
    }
}

@media (max-width: 767px) {
    .backtop {
        right: 5%;
        bottom: 40px
    }

    .phone_backtotop {
        bottom: 48% !important;
        left: 30px
    }
}

.overflow-hidden {
    overflow: hidden
}

.title-product {
    color: #252525;
    font-size: 30px;
    line-height: 36px;
    font-family: "Product Sans";
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 400
}

.details-product .large-image {
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.details-product .large-image a {
    display: block
}

.details-product .large-image a img {
    margin: 0 auto
}

.details-product .tab_h {
    display: block;
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .details-product .tab_h {
        margin-top: 25px
    }
}

.details-product .details-pro .product-price {
    font-size: 28px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg)
}

.details-product .details-pro .price-box {
    margin: 10px 0 15px
}

.details-product .details-pro .price-box del {
    font-size: 14px;
    margin-left: 10px;
    color: #fff;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg)
}

.details-product .details-pro .price-box .old-price {
    color: #fff;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg)
}

.details-product .details-pro .price-box .save-price {
    display: block;
    float: left;
    width: 100%;
    font-family: "Product Sans";
    font-size: 12px
}

.details-product .details-pro .price-box .save-price .product-price-save {
    font-weight: bold;
    color: #cf2228
}

.details-product .details-pro .custom-btn-number {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    border: none;
    box-shadow: none;
    height: auto
}

.details-product .details-pro .custom-btn-number label {
    font-size: 14px
}

.details-product .details-pro .custom-btn-number #qty {
    height: 32px;
    font-size: 1.2em;
    margin: 0
}

.details-product .details-pro .custom-btn-number .qtyminus {
    position: absolute;
    left: 25px;
    top: 4px;
    font-size: 1.33333em
}

.details-product .details-pro .custom-btn-number .qtyplus {
    position: absolute;
    right: 25px;
    top: 4px;
    font-size: 1.33333em
}

.thumb_product_details {
    width: 76%;
    margin: 0 auto
}

.thumb_product_details .owl-height {
    height: 100px !important
}

@media (min-width: 375px) and (max-width: 414px) {
    .thumb_product_details {
        width: 77%
    }

    .thumb_product_details .owl-item .item a {
        width: 75px !important;
        height: 75px !important
    }

    .thumb_product_details .owl-nav .owl-prev,
    .thumb_product_details .owl-nav .owl-next {
        top: 19% !important
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .thumb_product_details {
        width: 95%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .thumb_product_details {
        width: 90%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .thumb_product_details {
        width: 70%
    }
}

.thumb_product_details .owl-item .item a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e1e1e1;
    height: 90px;
    width: 90px
}

@media (min-width: 544px) and (max-width: 1199px) {
    .thumb_product_details .owl-item .item a {
        width: 90px;
        height: 90px
    }
}

.thumb_product_details .owl-item .item a img {
    width: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.thumb_product_details .owl-item .item a:hover {
    border: 1px solid #cf2228
}

.thumb_product_details .owl-item .item a.active {
    border: 1px solid #cf2228
}

.thumb_product_details .owl-item .item a.active img {
    opacity: 1
}

.thumb_product_details .owl-nav .owl-prev {
    left: -35px !important;
    top: 43%;
    border: none;
    background: transparent
}

.thumb_product_details .owl-nav .owl-next {
    right: -35px !important;
    top: 43%;
    left: unset;
    border: none;
    background: transparent
}

@media (min-width: 414px) and (max-width: 543px) {
    .thumb_product_details {
        width: 80%
    }
}

@media (max-width: 374px) {
    .thumb_product_details {
        width: 88%
    }

    .thumb_product_details .owl-nav .owl-prev,
    .thumb_product_details .owl-nav .owl-next {
        top: 32%
    }

    .thumb_product_details .owl-nav .owl-prev {
        left: -18px !important
    }

    .thumb_product_details .owl-nav .owl-next {
        right: -18px !important
    }

    .thumb_product_details .owl-item .item a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 70px !important;
        width: 70px !important;
        display: block
    }

    .thumb_product_details .owl-item .item a img {
        max-height: 100%;
        max-width: 100%
    }

    .thumb_product_details .owl-item .item a.active {
        border-color: #cf2228
    }

    .thumb_product_details .owl-item .item a.active img {
        opacity: 1
    }
}

.details-pro {
    background: #f3f3f3;
    padding: 20px;
    /* height: 60%; */
}

.details-pro .form-product {
    padding-top: 10px
}

.details-pro .form-product .form_product_content .soluong {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 15px
}

.details-pro .reviews_details_product {
    margin-top: 0px;
    margin-bottom: 3px;
    overflow: hidden;
    float: left;
    width: 100%
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge {
    margin: 0px auto;
    padding: 0px;
    float: left
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
    font-size: 13px
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-off-png:before {
    content: "\f006";
    color: #fdba12
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-on-png:before {
    content: "\f005";
    color: #fdba12
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-half-png:before {
    content: "\f006";
    color: #ffba01
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge div img {
    display: none
}

.details-pro .reviews_details_product .bizweb-product-reviews-badge div p {
    font-size: 13px;
    color: #7b7b7b
}

.details-pro .group-status {
    font-size: 14px;
    margin-bottom: 8px
}

@media (min-width: 768px) and (max-width: 992px) {
    .details-pro .group-status .status_2 {
        float: left;
        width: 100%
    }
}

.details-pro .group-status .first_status .line_tt {
    padding: 0 5px
}

@media (max-width: 375px) {
    .details-pro .group-status .first_status .line_tt {
        display: none
    }
}

@media (max-width: 375px) {
    .details-pro .group-status .first_status.status_2 {
        display: block;
        float: left;
        width: 100%
    }
}

.details-pro .group-status .status_name {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #575757;
    position: relative
}

.details-pro .group-status .status_name:before {
    width: 50%;
    float: left;
    border: 1px solid #d3d3d3;
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0
}

.details-pro .product-summary {
    padding: 0 10px 15px 0;
    border-bottom: 1px solid #ebebeb
}

.details-pro .product-summary .if {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.details-pro .product-summary .rte {
    font-size: 14px;
    color: #252525;
    line-height: 22px
}

.details-pro .product-summary .rte ul {
    padding-left: 15px
}

.details-pro .product-summary .rte img {
    display: none
}

.details-pro .product-summary .btn_xemtheme_pro {
    margin-top: 10px
}

.details-pro .product-summary .btn_xemtheme_pro span {
    cursor: pointer;
    color: #cf2228;
    position: relative
}

.details-pro .product-summary .btn_xemtheme_pro span:hover {
    color: #252525
}

.details-pro .product-summary .btn_xemtheme_pro span .fa {
    position: absolute;
    top: -2px;
    left: 70px
}

.details-pro .form_product_content .label_sl {
    font-weight: 400;
    display: inline-block;
    float: left;
    line-height: 45px;
    margin-right: 30px;
    color: #cf2228
}

@media (min-width: 992px) and (max-width: 1199px) {
    .details-pro .form_product_content .label_sl {
        margin-right: 20px
    }
}

.details-pro .social-sharing {
    display: block;
    width: 100%;
    float: left
}

.details-pro .social-sharing .social-media label {
    display: inline-block
}

.details-pro .social-sharing .social-media a {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-right: 0;
    margin-left: 3px;
    margin: 0 5px
}

.details-pro .social-sharing .social-normal {
    display: block;
    padding: 20px 0px
}

.details-pro .social-sharing .social-normal label {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #565656
}

.details-pro .social-sharing .social-normal a {
    margin: 0px 5px
}

.details-pro .contacts {
    display: inline-block;
    float: left;
    text-align: left;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    margin-top: -10px
}

@media (max-width: 767px) {
    .details-pro .contacts {
        margin-bottom: 5px;
        margin-top: 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .details-pro .contacts {
        margin-top: 10px
    }
}

.details-pro .contacts .block_phone {
    font-size: 14px;
    line-height: 30px;
    display: block;
    font-weight: 400;
    position: relative
}

.details-pro .contacts .block_phone div {
    display: inline-block;
    float: left
}

@media (min-width: 768px) and (max-width: 991px) {
    .details-pro .contacts .block_phone div {
        padding-left: 40px
    }
}

@media (max-width: 767px) {
    .details-pro .contacts .block_phone div {
        padding-left: 40px;
        text-align: left
    }
}

.details-pro .contacts .block_phone .random1 {
    color: #cf2228;
    font-weight: bold
}

.details-pro .contacts .block_phone a {
    margin-left: 5px;
    font-size: 16px;
    color: #cf2228;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none
}

@media (max-width: 374px) {
    .details-pro .contacts .block_phone a {
        font-size: 14px
    }
}

.details-pro .thongtinkhuyenmai {
    border: 2px solid #cf2228;
    border-radius: 5px;
    padding: 15px 35px 15px 20px;
    margin-bottom: 15px;
    position: relative;
    clear: left;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    background: #fff
}

.details-pro .thongtinkhuyenmai ul {
    padding-left: 17px
}

.rte-summary {
    font-family: "Product Sans";
    color: #707070;
    font-size: 14px
}

.rte-summary ul li {
    position: relative;
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none
}

.rte-summary ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: -15px;
    background: #626669;
    border-radius: 50%
}

.button_actions {
    display: inline-block;
    float: left;
    margin-left: 0px
}

.button_actions.button_qv {
    margin-left: 0px !important
}

@media (max-width: 991px) {
    .button_actions {
        display: block;
        width: 100%;
        margin-left: 0px;
        margin-top: 15px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .button_actions {
        margin-left: 15px
    }
}

.button_actions .btn_base {
    font-size: 18px;
    outline: none;
    box-shadow: none;
    text-transform: none;
    color: #fff;
    height: auto;
    line-height: inherit;
    width: 270px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    background: #cf2228;
    font-family: "Product Sans";
    font-weight: 400
}

@media (min-width: 992px) and (max-width: 1199px) {
    .button_actions .btn_base {
        width: 237px
    }
}

@media (max-width: 767px) {
    .button_actions .btn_base {
        width: 100%
    }
}

.button_actions .btn_base:hover {
    color: #cf2228 !important;
    border: 1px solid #cf2228;
    background: #fff !important
}

.button_actions .btn_base:hover span {
    color: #cf2228
}

.button_actions .btn_base .text_1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff
}

.button_actions .btn_base[disabled] {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    font-weight: 700;
    padding: 0
}

.button_actions .btn_base.disabled {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    margin: 0 auto
}

.button_actions .btn_base.btn_call {
    background: #252525
}

@media (max-width: 991px) {
    .button_actions .btn_base.btn_call {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }
}

.button_cart_buy_enable,
.button_cart_buy_disable {
    height: 40px;
    line-height: 40px;
    width: auto;
    border-radius: 30px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    float: left;
    position: relative
}

@media (max-width: 767px) {

    .button_cart_buy_enable,
    .button_cart_buy_disable {
        font-size: 14px !important
    }
}

.button_cart_buy_enable span,
.button_cart_buy_disable span {
    font-size: 14px
}

.button_cart_buy_enable .fa,
.button_cart_buy_disable .fa {
    font-size: 20px;
    padding: 20px 22px 23px;
    position: absolute;
    left: 0;
    top: -1px;
    background: #059b3a;
    border-radius: 30px
}

.button_cart_buy_enable {
    background: #cf2228;
    position: relative
}

.button_cart_buy_enable:hover {
    background: #cf2228;
    border-color: #cf2228;
    color: #fff
}

.button_cart_buy_enable:hover .fa {
    color: #fff
}

.button_cart_buy_disable {
    background: rgba(255, 65, 87, 0.51);
    width: 100%
}

.form-group {
    padding-bottom: 0px
}

.form-group .call_phone_buy {
    margin: 15px 0 20px 0;
    color: #707070
}

.form-group .call_phone_buy a {
    color: #cf2228;
    font-weight: 400
}

.form-group .call_phone_buy a:hover {
    color: #252525
}

.form-group .input_number_product {
    float: left;
    margin-top: 9px;
    display: inline-flex;
    background: transparent
}

.form-group .input_number_product .btn_num {
    font-size: 16px;
    line-height: 0px;
    border: solid 1px #e1e1e1;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 24px;
    border-radius: 3px;
    background: #fff;
    float: left;
    color: #252525;
    text-align: center;
    padding: 0px
}

.form-group .input_number_product .btn_num.num_2 {
    font-size: 14px
}

.form-group .input_number_product .btn_num:hover {
    cursor: pointer
}

.form-group .input_number_product input {
    margin: 0px 5px;
    padding: 0px;
    display: block;
    float: left;
    color: #252525;
    height: 30px;
    min-height: 30px;
    line-height: 26px;
    border: 1px solid #e1e1e1;
    width: 50px;
    text-align: center;
    box-shadow: none;
    border-radius: 3px;
    font-size: 14px;
    font-family: "Product Sans"
}

@media (max-width: 1199px) {
    .form-group .input_number_product input {
        margin: 0 3px
    }
}

.form-product {
    padding: 0px
}

.form-product .form-group {
    width: 100%
}

.form-product .form-group header {
    width: 85px;
    float: left;
    line-height: 40px;
    font-size: 14px;
    color: #636363
}

.form-product form {
    margin-bottom: 15px
}

.box-variant {
    margin-top: 10px
}

.box-variant .form-group {
    width: 100%
}

.box-variant .form-group .selector-wrapper {
    margin-bottom: 15px !important
}

.box-variant .form-group .selector-wrapper label {
    font-weight: bold;
    width: 100px;
    font-size: 14px;
    float: left;
    color: #252525;
    line-height: 40px
}

.box-variant .form-group .selector-wrapper .single-option-selector {
    height: 45px;
    width: calc(100% - 100px);
    border-radius: 30px;
    border-color: #eaebf3
}

@media (min-width: 1200px) {
    .box-variant .form-group .selector-wrapper .single-option-selector {
        width: 35%
    }
}

.details-product .link_color {
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

@media (min-width: 1200px) {
    .details-product #gallery_01 .flex-viewport {
        height: 320px !important;
        margin-top: 25px
    }
}

@media (max-width: 767px) {
    .details-product .details-pro {
        margin-top: 0px
    }
}

.details-product .details-pro .product-price {
    font-size: 28px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    font-weight: bold
}

.details-product .details-pro .price-box {
    margin: 8px 0 15px !important;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    height: 45px;
    padding: 15px 30px 15px;
    -ms-align-items: center;
    align-items: center;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg);
    background-color: #cf2228;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex
}

.details-product .details-pro .price-box del {
    color: #8d90a6;
    font-size: 14px;
    margin-left: 10px;
    color: #fff;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg)
}

.details-product .details-pro .custom-btn-number {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    box-shadow: none;
    width: 100%
}

.details-product .details-pro .custom-btn-number #qty {
    height: 45px;
    font-size: 17px;
    margin: 0
}

.details-product .details-pro .custom-btn-number {
    width: 120px;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0px !important;
    border: none;
    box-shadow: none;
    height: 45px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .details-product .details-pro .custom-btn-number {
        margin-right: 15px;
        width: 153px
    }
}

.details-product .details-pro .custom-btn-number label {
    font-size: 14px
}

.details-product .details-pro .custom-btn-number #qty {
    height: 45px;
    font-size: 1.2em;
    margin: 0
}

.details-product .details-pro .custom-btn-number .qtyminus {
    position: absolute;
    left: 25px;
    top: 4px;
    font-size: 1.33333em
}

.details-product .details-pro .custom-btn-number .qtyplus {
    position: absolute;
    right: 25px;
    top: 4px;
    font-size: 1.33333em
}

#btnnewreview {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    margin: 0px;
    padding: 5px 15px !important;
    background: #cf2228 !important;
    border: solid 1px #cf2228 !important;
    display: inline;
    border-radius: 0px;
    color: #fff
}

.related-product {
    margin-bottom: 30px;
    margin-top: 80px
}

@media (max-width: 1199px) {
    .zoomContainer {
        display: none !important
    }

    .product-thumb .product-big-wrapper .large-img .zoomWrapper {
        width: auto !important;
        height: auto !important
    }

    .product-thumb .product-big-wrapper .large-img .zoomWrapper img {
        position: static !important
    }
}

@media (min-width: 1200px) {
    .zoomLens {
        width: 100px !important;
        height: 100px !important
    }

    .zoomWrapper {
        width: 100% !important
    }

    .zoomWrapper img {
        position: static !important;
        max-width: 100% !important;
        height: auto !important
    }

    .zoomWrapper img~img {
        display: none !important
    }
}

@media (max-width: 767px) {
    .zoomWrapper {
        width: 100% !important;
        height: auto !important
    }

    .product-tab.e-tabs.not-dqtab {
        margin-bottom: 50px
    }

    .related-product {
        margin-top: 0px
    }
}

.related-product {
    margin-top: 0px !important;
    display: block;
    float: left;
    width: 100%
}

@media (max-width: 767px) {
    .related-product {
        margin-bottom: 10px !important
    }
}

.related-product .heading {
    padding: 0px !important
}

@media (max-width: 767px) {
    .related-product .heading h2 {
        font-size: 23px
    }
}

.related-product .heading_related_h {
    text-align: left !important
}

.related-product .heading_related_h:before {
    top: 55%
}

.related-product .heading_related_h h2 {
    padding: 0;
    font-weight: bold;
    font-size: 16px
}

.related-product .heading_related_h h2 a {
    text-transform: none
}

.related-product .product_related {
    margin-top: 30px
}

.related-product .product_related .owl-nav .owl-prev,
.related-product .product_related .owl-nav .owl-next {
    top: 45%
}

@media (max-width: 480px) {

    .related-product .product_related .owl-nav .owl-prev,
    .related-product .product_related .owl-nav .owl-next {
        top: 40%
    }
}

.related-product .product_related .owl-nav .owl-prev {
    left: -1.5%
}

.related-product .product_related .owl-nav .owl-next {
    right: -1.5%;
    left: unset
}

.related-product .product_related .item .product-col-1 {
    border-right: none !important
}

#recently-viewed-products .image {
    float: left;
    width: 90px;
    margin-right: 10px
}

#recently-viewed-products .info {
    width: calc(100% - 100px);
    float: right
}

.zoomWrapper {
    width: 100% !important;
    height: auto !important
}

.zoomWrapper img {
    position: static !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto
}

.zoomWrapper img~img {
    display: none !important
}

@media (max-width: 1199px) {
    .top_brand_product {
        margin-top: 30px !important;
        float: left;
        width: 100%
    }
}

.collection_new .title_sb {
    background: #fff;
    display: inline-block;
    padding-right: 20px
}

.collection_new .aside_content_new {
    border: 1px solid #cf2228;
    margin-top: 30px !important;
    padding: 20px 20px 30px 20px !important
}

.sort-cate {
    display: block
}

@media (max-width: 480px) {
    .sort-cate {
        float: none !important
    }
}

.sort-cate .sort-cate-left {
    float: left;
    margin-top: 5px
}

.sort-cate .sort-cate-left h3 {
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin: 0;
    margin-top: 2px;
    color: #252525
}

.sort-cate .sort-cate-left ul {
    display: inline-block
}

.sort-cate .sort-cate-left ul li {
    float: left;
    padding: 0 0 0 20px
}

@media (min-width: 768px) and (max-width: 991px) {
    .sort-cate .sort-cate-left ul li:first-child {
        padding-left: 0px
    }
}

.sort-cate .sort-cate-left ul li.active a {
    color: #cf2228
}

.sort-cate .sort-cate-left ul li a {
    font-size: 14px;
    position: relative
}

.sort-cate .sort-cate-left ul li a i {
    height: 14px;
    width: 14px;
    border: 1px solid #cdcfdd;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    position: relative
}

.sort-cate .sort-cate-left ul li:hover i,
.sort-cate .sort-cate-left ul li.active i {
    background: #cf2228;
    height: 14px;
    width: 14px;
    border: none
}

.sort-cate .sort-cate-left ul li:hover i:before,
.sort-cate .sort-cate-left ul li.active i:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
    top: 0px;
    font-size: 10px;
    left: 1px
}

.sort-cate .sort-cate-right {
    float: right
}

.sort-cate .sort-cate-right h3 {
    font-size: 14px;
    font-weight: normal;
    float: left;
    margin: 0;
    margin-top: 5px;
    margin-right: 5px
}

.sort-cate .sort-cate-right .view-mode {
    display: inline-block
}

@media (max-width: 480px) {
    .sort-cate .sort-cate-right .view-mode {
        text-align: center;
        display: block
    }
}

.sort-cate .sort-cate-right .view-mode a {
    border: 1px solid #eaeced;
    width: 65px;
    display: inline-block;
    color: #333;
    font-size: 14px;
    height: auto;
    line-height: inherit;
    float: left;
    border-radius: 0;
    height: 30px;
    line-height: 30px
}

@media (min-width: 413px) and (max-width: 415px) {
    .sort-cate .sort-cate-right .view-mode a {
        width: 90px
    }
}

@media (min-width: 374px) and (max-width: 380px) {
    .sort-cate .sort-cate-right .view-mode a {
        width: 80px
    }
}

.sort-cate .sort-cate-right .view-mode a.active,
.sort-cate .sort-cate-right .view-mode a:hover {
    color: #cf2228
}

.sort-cate .sort-cate-right .view-mode a+a {
    margin-left: 5px
}

@media (max-width: 480px) {
    .sort-cate .sort-cate-right .view-mode a {
        float: none
    }
}

@media (max-width: 480px) {
    .sort-cate .sort-cate-right {
        width: 50%
    }

    .sort-cate .sort-cate-right h3 {
        display: block;
        text-align: left;
        margin-right: 0;
        float: none
    }
}

@media (max-width: 480px) {
    .sort-cate .sort-cate-right-mobile {
        width: 100%;
        float: left
    }

    .sort-cate .sort-cate-right-mobile #sort-by {
        float: none;
        margin-left: 0px;
        width: 100%;
        padding: 5px 0
    }

    .sort-cate .sort-cate-right-mobile #sort-by .left {
        display: block;
        float: left;
        line-height: 1.4;
        font-weight: normal;
        margin-right: 10px;
        margin-top: 5px;
        width: 60px
    }

    .sort-cate .sort-cate-right-mobile #sort-by ul {
        width: calc(100% - 80px)
    }

    .sort-cate .sort-cate-right-mobile #sort-by ul>li {
        border: 1px solid #eaeced;
        padding: 0 5px;
        width: 100%;
        line-height: 28px
    }

    .sort-cate .sort-cate-right-mobile #sort-by ul ul {
        background-color: #fff;
        width: 100% !important;
        top: 27px
    }

    .sort-cate .sort-cate-right-mobile #sort-by ul ul li {
        width: 100%;
        border: none
    }
}

.dqdt-sidebar {
    margin-top: -10px
}

.collection .collection-image img {
    width: 100%
}

.collection .product-box-h {
    min-height: 430px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .collection .product-box-h {
        min-height: 350px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .collection .product-box-h {
        min-height: 340px
    }
}

@media (min-width: 543px) and (max-width: 767px) {
    .collection .product-box-h {
        min-height: 310px
    }
}

@media (max-width: 480px) {
    .collection .product-box-h {
        min-height: 270px
    }
}

.sidebar .title-head {
    margin: 0px;
    font-size: 14px;
    position: relative;
    display: block
}

.sidebar .title-head span {
    display: block;
    padding: 0px
}

.product-mini-lists {
    margin: 10px 0
}

.product-mini-lists .products {
    border: none !important
}

@media (min-width: 1200px) {
    .products-view-grid .col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .products-view-grid .col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-view-grid .col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .products-view-grid .col-xs-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .product-box .btn-white {
        padding: 0 10px
    }
}

.view-mode>a {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-left: 2px
}

.view-mode span {
    font-size: 0
}

.tt span {
    font-size: 14px
}

.tt.hidden-sm.hidden-xs {
    padding-left: 95px;
    padding-top: 10px;
    display: inline-block
}

.button-view-mode {
    padding: 0;
    margin: 0;
    width: 34px;
    height: 34px;
    box-shadow: none;
    line-height: 34px;
    font-size: 14px;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #e9edf5;
    color: #7b8395
}

.button-view-mode.active {
    color: #fff;
    border: 1px solid #cf2228;
    background: #cf2228;
    box-shadow: none
}

.button-view-mode.active a {
    color: #252525
}

.button-view-mode .fa {
    font-size: 14px
}

.button-view-mode .ion-grid {
    font-size: 21px
}

.button-view-mode .ion-navicon {
    font-size: 26px
}

.button-view-mode:hover {
    color: #fff;
    border: 1px solid #cf2228;
    background: #cf2228
}

.collection .title-head {
    display: inline-block;
    font-family: "Product Sans";
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    line-height: 30px;
    margin: 0;
    color: #181b20;
    background: #fff;
    padding-right: 20px
}

@media (max-width: 991px) {
    .collection .title-head {
        position: relative;
        margin-bottom: 0px
    }
}

.collection .tt span {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Product Sans"
}

.collection .text-sm-left {
    padding-top: 6px
}

.collection .category-products .sortPagiBar {
    display: inline-block;
    padding: 0;
    margin-top: -10px;
    width: 100%;
    padding-bottom: 20px;
    position: relative
}

@media (max-width: 767px) {
    .collection .category-products .sortPagiBar {
        padding-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .collection .category-products .sortPagiBar {
        padding-bottom: 45px
    }
}

.collection .category-products .sortPagiBar .wr_sort {
    margin-bottom: 0px;
    padding: 0px 0px 3px
}

@media (max-width: 767px) {
    .collection .category-products .sortPagiBar .wr_sort {
        border-bottom: none;
        margin-bottom: 0px
    }
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .ht_xxx {
    float: left;
    height: 30px;
    display: inline-block;
    line-height: 32px;
    margin-right: 5px;
    font-size: 14px;
    font-family: "Product Sans"
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .view-mode {
    display: inline-block
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .view-mode a {
    width: 34px;
    margin-right: 5px
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx {
    display: inline;
    float: right
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx .left {
    float: left;
    font-weight: 400;
    line-height: 33px;
    font-size: 14px !important;
    font-family: "Product Sans";
    margin-right: 6px;
    margin-bottom: 0
}

.collection .category-products .sortPagiBar .wr_sort .text-sm-right .sorby_xxx ul li {
    font-family: "Product Sans";
    font-weight: 400
}

.collection .category-products .sortPagiBar2 {
    display: inline-block;
    padding: 0;
    margin-bottom: 15px;
    margin-top: -5px;
    width: 100%
}

.collection .category-products .sortPagiBar2 .wr_sort {
    margin-bottom: 0px;
    padding: 0px 0px 3px
}

@media (max-width: 767px) {
    .collection .category-products .sortPagiBar2 .wr_sort {
        border-bottom: none;
        margin-bottom: 0px
    }
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .ht_xxx {
    float: left;
    height: 30px;
    display: inline-block;
    line-height: 32px;
    margin-right: 5px;
    font-size: 14px;
    font-family: "Product Sans"
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .view-mode {
    display: inline-block
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .view-mode a {
    width: 34px;
    margin-right: 5px
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx {
    display: inline;
    float: right
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx .left {
    float: left;
    font-weight: 400;
    line-height: 33px;
    font-size: 14px !important;
    font-family: "Product Sans";
    margin-right: 6px;
    margin-bottom: 0
}

.collection .category-products .sortPagiBar2 .wr_sort .text-sm-right .sorby_xxx ul li {
    font-family: "Product Sans";
    font-weight: 400
}

.collection .category-products .products-view-grid {
    float: left;
    width: 100%
}

@media (min-width: 768px) and (max-width: 991px) {
    .collection .category-products .products-view-grid .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .collection .category-products .products-view-grid .col-md-4:nth-child(3n+1) {
        clear: left
    }
}

@media (min-width: 1200px) {
    .collection .category-products .products-view-grid .col-lg-4:nth-child(3n+1) {
        clear: left
    }
}

.content_blog .des_blog {
    font-size: 15px;
    color: #252525
}

.blog-main .blog_width_wrap {
    width: 100%
}

@media (max-width: 1199px) {
    .blog-main .blog_width_wrap .owl-dots {
        display: none
    }
}

.blog-main .blog_width_wrap .owl-stage-outer {
    margin: 0 5px !important
}

.blog-main .blog_width_wrap .blog_item .blog-img {
    width: 100%;
    float: left;
    position: relative
}

.blog-main .blog_width_wrap .blog_item .blog-img a.img_item_blog {
    height: 490px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full {
    margin-top: 0;
    width: 100%;
    float: left;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 15px 20px 25px;
    background: -moz-linear-gradient(90deg, #33302f 0%, rgba(50, 60, 133, 0) 100%);
    background: -webkit-linear-gradient(90deg, #33302f 0%, rgba(50, 60, 133, 0) 100%);
    background: -ms-linear-gradient(90deg, #33302f 0%, rgba(50, 60, 133, 0) 100%)
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full h3 {
    font-size: 18px;
    font-family: "Product Sans";
    color: #fff
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full h3 a {
    color: #fff
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full h3 a:hover {
    color: #cf2228
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full .xemtiep_blog {
    font-size: 14px;
    font-family: "Product Sans";
    color: #ccc
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full .xemtiep_blog span {
    color: #ccc
}

.blog-main .blog_width_wrap .blog_item .blog-img .content_blog_full .xemtiep_blog span:hover {
    color: #cf2228
}

.wrap_list_vertical .blog_index .myblog {
    background: #f9f9fa;
    margin-bottom: 30px
}

.wrap_list_vertical .blog_index .myblog .content_blog {
    width: calc(100% - 166px);
    -webkit-width: calc(100% - 166px);
    -moz-width: calc(100% - 166px);
    -o-width: calc(100% - 166px);
    -os-width: calc(100% - 166px);
    display: block;
    float: left;
    padding-left: 30px;
    padding: 20px 20px 20px 30px
}

@media (min-width: 1200px) {
    .blog_left_base {
        padding-right: 105px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog_left_base {
        padding-right: 60px
    }
}

.content_all h1 {
    margin: 0px;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 25px
}

.content_all h1 span {
    color: #252525
}

.content_all .dmsp .aside-content {
    padding-top: 15px !important;
    padding-bottom: 20px !important
}

@media (min-width: 992px) {

    .blog-main .col-md-4:nth-child(3n+1),
    .blog-main .col-lg-4:nth-child(3n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-main .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

.blog-main .myblog:nth-child(1) .blog_item {
    padding-top: 0px
}

.blog-main .myblog .content_blog {
    float: left;
    width: 100%;
    text-align: left;
    border: 1px solid #ebebeb;
    border-top: none;
    padding: 25px 30px 25px 30px
}

.blog-main .myblog .blog_item {
    width: 100%;
    float: left;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb
}

.blog-main .myblog .blog_item .left_item {
    width: 370px;
    height: auto;
    display: block;
    float: left
}

@media (max-width: 767px) {
    .blog-main .myblog .blog_item .left_item {
        width: 100%
    }
}

.blog-main .myblog .blog_item .left_item .image-blog-left a img {
    height: 270px;
    width: 100%
}

@media (max-width: 767px) {
    .blog-main .myblog .blog_item .left_item .image-blog-left a img {
        height: auto
    }
}

.blog-main .myblog .blog_item .right_item {
    width: calc(100% - 370px);
    -webkit-width: calc(100% - 370px);
    -moz-width: calc(100% - 370px);
    -o-width: calc(100% - 370px);
    -os-width: calc(100% - 370px);
    display: block;
    float: left;
    padding-left: 30px
}

@media (max-width: 767px) {
    .blog-main .myblog .blog_item .right_item {
        width: 100%;
        padding-left: 0px
    }
}

.left-content {
    margin-top: -10px
}

.left-content .aside-item {
    margin-bottom: 25px
}

.left-content .aside-item.blog-aside-article {
    margin-bottom: 20px;
    margin-top: 25px
}

.left-content .aside-item .aside-content {
    margin-top: 20px;
    padding-bottom: 0px;
    padding: 20px 20px 10px 20px;
    border: 1px solid #cf2228;
    border-radius: 5px
}

.left-content .aside-item .aside-content.aside-content-article {
    padding-bottom: 10px !important
}

.left-content .content_tags {
    float: left;
    width: 100%;
    border-bottom: none !important
}

.left-content .content_tags .tag_blog {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 5px 10px 5px 0px;
    float: left;
    color: #707070;
    word-break: break-word
}

.left-content .content_tags .tag_blog:hover {
    border: 1px solid transparent;
    background: #cf2228;
    color: #fff
}

@media (max-width: 1199px) {
    .blog-item-info {
        margin-top: 15px
    }
}

.blog-item-name {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0px
}

.blog-item-name a {
    color: #333
}

.blog-item-name a:hover {
    color: #cf2228
}

.blog-item-name .fa {
    position: absolute;
    left: 0;
    top: 9px;
    font-size: .73333em;
    color: #cf2228
}

.border_bot_blog {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 18px
}

.post-time {
    color: #bbbdc9;
    font-size: 14px;
    margin-bottom: 15px;
    margin-right: 20px;
    display: inline-block
}

.post-time .fa {
    margin-left: 10px
}

@media (max-width: 374px) {
    .post-time .fa {
        margin-left: 0px
    }
}

@media (min-width: 375px) and (max-width: 767px) {
    .post-time .fa {
        margin-left: 7px
    }
}

.blog-item-summary {
    font-size: 14px;
    margin-bottom: 20px;
    color: #707070;
    line-height: 22px
}

.blog-item-thumbnail {
    position: relative
}

.blog-list h5 {
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    padding-top: 30px;
    padding-bottom: 5px
}

.blog-list .loop-blog {
    min-height: 80px;
    overflow: hidden;
    padding: 20px 0px;
    border-bottom: 1px solid #ebebeb
}

.blog-list .loop-blog:last-child {
    border: none
}

.blog-list .loop-blog .thumb-left {
    width: 95px;
    max-width: 95px;
    height: auto;
    display: block;
    float: left
}

.blog-list .loop-blog .blog-item-summary {
    margin-bottom: 0
}

.blog-list .loop-blog .name-right {
    display: block;
    float: left;
    width: calc(100% - 115px);
    margin-left: 20px
}

.blog-list .loop-blog .name-right h3 {
    position: relative;
    font-size: 16px;
    font-family: "Product Sans";
    font-weight: 600;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0px
}

.blog-list .loop-blog .name-right h3 a {
    color: #363636
}

.blog-list .loop-blog .name-right h3:hover a {
    text-decoration: none;
    color: #cf2228
}

.blog-list .loop-blog .date {
    margin: 7px 0 10px;
    font-weight: 400;
    color: #acacac;
    font-size: 13px
}

.blog-list .more_blog a {
    line-height: 3;
    font-size: 1em;
    color: #898989;
    display: block
}

.blog-list .more_blog a:hover {
    text-decoration: none;
    color: #cf2228
}

.xemthem_asideblog a {
    font-size: 16px
}

.block_blog_feature h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 45px
}

.date {
    margin: 10px 0 5px 0;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: #707070
}

.date .far {
    color: #252525
}

.date .news_home_content_short_time {
    z-index: 999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    margin-left: 2px
}

.date .cmt_count_blog {
    margin-left: 10px;
    padding-left: 15px;
    border-left: 1px solid #707070
}

@media (max-width: 374px) {
    .date .cmt_count_blog {
        float: left;
        width: 100%;
        margin-left: 0px;
        border-left: none;
        padding-left: 0px
    }
}

.left-content .aside-title {
    margin-top: 0px
}

.left-content .title-head-1 {
    margin: 0px;
    font-size: 16px !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    display: block;
    background-image: url("");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 3px 0;
    background-position: center
}

@media (min-width: 992px) and (max-width: 1199px) {
    .left-content .title-head-1 {
        font-size: 15px !important
    }
}

@media (max-width: 1199px) {
    .left-content .title-head-1 {
        background-image: url("");
        width: 100%;
        margin: 0;
        padding: 3px 20px !important;
        background-repeat: unset;
        background-position: unset;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .left-content .title-head-1:before {
        content: "";
        position: absolute;
        top: 48px;
        left: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 15px 0;
        border-color: transparent #cf2228 transparent transparent
    }

    .left-content .title-head-1:after {
        content: "";
        position: absolute;
        bottom: -15px !important;
        right: 0px !important;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 15px 0 0;
        border-color: #cf2228 transparent transparent transparent
    }
}

.left-content .title-head-1 span {
    display: block;
    padding: 0
}

.left-content .title-head {
    margin: 0px;
    font-size: 20px;
    text-transform: none;
    font-weight: bold;
    font-family: "Product Sans";
    position: relative;
    display: block
}

.left-content .title-head span {
    display: block;
    padding: 0px 0
}

.left-content .aside-blog {
    margin-top: 15px
}

.left-content .aside-blog .nav-item {
    position: relative;
    clear: left;
    font-size: .93333em;
    padding: 5px 0px 5px 0px
}

.left-content .aside-blog .nav-item:last-child {
    border-bottom: none
}

.left-content .aside-blog .nav-item a {
    font-size: .93333em;
    font-weight: bold
}

.left-content .aside-blog .nav-item .fa {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    cursor: pointer
}

.left-content .aside-blog .nav-item .fa.fa-caret-right {
    right: auto;
    left: 0;
    top: 16px;
    text-align: left
}

.left-content .aside-blog .nav-item .dropdown-menu {
    width: 100%;
    border: 0;
    padding-left: 15px
}

.left-content .aside-blog .nav-item.active {
    border-bottom: none
}

.left-content .aside-blog .nav-item.active>a {
    color: #cf2228
}

.left-content .aside-blog .nav-item.active>.fa {
    color: #cf2228
}

.left-content .aside-blog .nav-item.active>.dropdown-menu {
    display: block
}

.left-content .aside-blog .nav-item:hover>a {
    color: #cf2228;
    background-color: transparent
}

.article-main .article-details .date {
    margin: 15px 0 10px;
    font-weight: 400;
    font-size: 13px;
    color: #7d7d7d
}

.article-main .article-details .date .far {
    color: #7d7d7d
}

.article-main .article-details .myblog h1 {
    font-size: 20px;
    font-family: "Product Sans";
    font-weight: 400;
    color: #252525;
    margin-bottom: 10px
}

.article-main .article-details .myblog h1 span {
    color: #252525
}

.article-main .rte {
    color: #464646;
    font-size: 14px;
    margin-top: 5px
}

.article-main .rte ul,
.article-main .rte ol {
    padding-left: 15px
}

.article-main .rte p {
    word-break: break-word
}

.article-main .rte p iframe {
    display: block;
    float: left;
    width: 100%
}

@media (max-width: 767px) {
    .article-main .rte iframe {
        display: block;
        float: left;
        width: 100%
    }
}

.article-main .article-image {
    margin-bottom: 10px;
    text-align: center
}

.article-main .article-image a {
    margin: 0 auto
}

.article-main .article-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 24px;
    font-family: "Product Sans";
    font-weight: 700;
    color: #252525;
    line-height: 30px;
    float: left;
    width: 100%
}

.article-main .post-time {
    margin-bottom: 0px
}

.article-main .article-content {
    font-size: 1.06667em
}

.article-main .form-group {
    margin: 0;
    padding-top: 0;
    padding-bottom: 5px
}

.article-main .border_bottom {
    padding-top: 65px;
    margin-bottom: 30px
}

.tag-share {
    clear: left;
    padding: 20px 0;
    border-top: 1px solid #EAEBF3;
    line-height: 30px;
    margin-top: 50px
}

.tag-share .social-media {
    color: #7b7b7b
}

.tag-share .social-media a {
    margin-left: 5px;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    color: #b1b1b1;
    font-size: 14px
}

.tag-share .social-media a:hover {
    color: #cf2228;
    border-color: #cf2228
}

.tag_article {
    padding-left: 0px;
    font-size: 14px
}

.tag_article .icon_tag {
    color: #898989;
    margin-right: 5px
}

.tag_article .fa {
    transform: translateY(1px)
}

.tag_article a {
    color: #898989
}

.tag_article a:hover {
    color: #cf2228
}

@media (max-width: 767px) {
    .tag-share>div {
        text-align: left !important;
        padding-left: 0px
    }

    .tag-share .social-sharing {
        float: left !important;
        margin-top: 5px
    }
}

.title-form-coment {
    font-size: 15px;
    font-family: "Product Sans";
    font-weight: 400;
    text-transform: none;
    margin-top: 30px;
    margin-bottom: 5px;
    color: #252525
}

.article-main form {
    display: block;
    float: left;
    width: 100%;
    padding-top: 0px;
    margin-top: 10px
}

#article-comments {
    margin-top: 30px
}

#article-comments .article-comment {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEBF3
}

#article-comments .article-comment:last-child {
    padding-bottom: 30px;
    border-bottom: 0
}

#article-comments .article-comment-user-image {
    margin: 0;
    float: left;
    width: 100px;
    margin-right: 20px
}

#article-comments .article-comment-user-image img {
    border-radius: 50%
}

#article-comments .article-comment-user-comment {
    padding-left: 120px;
    word-break: break-word;
    font-size: .93333em
}

#article-comments .user-name-comment {
    margin: 0;
    color: #252525;
    font-size: .93333em;
    line-height: 1;
    font-weight: bold
}

#article-comments .article-comment-date-bull {
    padding: 5px 0;
    display: block;
    color: #acacac
}

.social-media {
    font-size: .93333em
}

.social-media .list-inline li {
    margin-right: 20px
}

.section-news-2 {
    margin-bottom: 20px
}

.block-recent {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px
}

.block-recent ul li {
    line-height: 24px;
    padding: 7px 0;
    padding-left: 15px;
    position: relative
}

.block-recent ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 16px;
    left: 0px;
    border-radius: 50%;
    background: #898989
}

.block-recent ul li span.date_style {
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
    color: #acacac
}

.block-recent ul li:hover:before {
    background: #cf2228
}

.block-recent ul li:hover a {
    color: #cf2228
}

.block-recent ul li a {
    color: #898989;
    font-weight: 400
}

.block-recent ul li a .fa {
    display: inline-block;
    margin-right: 5px
}

.pd-right {
    padding-left: 0px
}

.title_cart {
    font-size: 28px;
    font-family: "Product Sans";
    font-weight: bold;
    text-transform: none;
    margin-bottom: 20px
}

.main-container {
    min-height: 300px
}

.main-container .col-main {
    float: none;
    width: auto;
    border-radius: 0px;
    border: 1px solid #cf2228;
    background-color: #fff;
    box-shadow: 0px 3px 35px 0px rgba(24, 16, 35, 0.07);
    padding: 15px 25px 1px 25px
}

.main-container .col-main .cart .bg-scroll {
    border-top: none;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 5px;
    border-top: none
}

.main-container .col-main .cart .cart-thead {
    font-weight: bold;
    font-size: 17px;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #cf2228;
    border-right: none;
    border-left: none;
    float: left;
    min-width: 600px
}

.main-container .col-main .cart .cart-thead div {
    float: left;
    padding: 10px 0;
    color: #252525;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-family: "Product Sans"
}

.main-container .col-main .cart .nobr {
    white-space: nowrap
}

.main-container .col-main .cart .cart div.a-right {
    text-align: right
}

.main-container .col-main .cart .cart div.a-center {
    text-align: center
}

.main-container .col-main .cart .cart-tbody {
    width: 100%;
    float: left
}

.main-container .col-main .cart .cart-tbody .item-cart {
    width: 100%;
    float: left;
    padding: 20px 0
}

.main-container .col-main .cart .item-cart .image .product-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%
}

.main-container .col-main .cart .cart-tbody .item-cart div {
    line-height: 20px;
    vertical-align: top;
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    flex-direction: column;
    float: left
}

.main-container .col-main .cart .cart-tbody .item-cart div.image a {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100px;
    padding: 0
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-container .col-main .cart .cart-tbody .item-cart div:nth-child(5) {
        width: 16% !important
    }
}

@media (min-width: 992px) {
    .main-container .col-main .cart .cart-tbody .item-cart div:nth-child(5) {
        width: 18% !important
    }
}

.main-container .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-container .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
        width: 13% !important
    }
}

@media (min-width: 992px) {
    .main-container .col-main .cart .cart-tbody .item-cart div:nth-child(6) {
        width: 11% !important
    }
}

.main-container .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-item {
    line-height: 36px;
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    color: #898989
}

.main-container .col-main .cart .bg-scroll .cart-tbody .item-cart div a.remove-item:hover {
    color: #cf2228
}

.main-container .col-main .cart .cart-tbody .item-cart .product-image {
    display: block;
    height: auto;
    width: 100%;
    padding: 10px 0;
    flex: 1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    max-height: 230px;
    height: 155px;
    text-align: center
}

@media (max-width: 991px) {
    .main-container .col-main .cart .cart-tbody .item-cart .product-image {
        padding: 0
    }
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name {
    margin: 0px;
    margin-top: 28px;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    margin-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name a {
    display: block;
    max-height: 75px;
    overflow: hidden;
    color: #707070
}

.main-container .col-main .cart .cart-tbody .item-cart div .product-name a:hover {
    color: #cf2228
}

.main-container .col-main .cart .cart-tbody .item-cart div .input_qty_pr {
    height: auto;
    width: 98px;
    margin-top: 0px;
    padding: 0px;
    position: relative;
    height: 40px
}

.main-container .col-main .cart .cart-tbody .item-cart .input_qty_pr .items-count {
    outline: none;
    background: #fff;
    vertical-align: baseline;
    text-align: center;
    padding: 0;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 2;
    line-height: 14px;
    color: #252525
}

.mybtn {
    outline: none;
    background: #fff;
    vertical-align: baseline;
    text-align: center;
    padding: 0;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 2;
    line-height: 14px;
    color: #252525
}

.main-container .col-main .cart .item-cart .input_qty_pr .items-count {
    border: 0px solid #ddd;
    outline: none;
    background: #fff;
    height: 15px;
    width: 20px;
    vertical-align: baseline;
    text-align: center;
    padding: 0
}

.main-container .col-main .cart button.reduced_pop.items-count.btn-minus {
    right: 10px;
    top: 19px
}

.main-container .col-main .cart button.reduced_pop.items-count.btn-minus .fa {
    margin-left: 0px;
    font-weight: 400
}

.main-container .col-main .cart button.increase_pop.items-count.btn-plus {
    right: 10px;
    top: 6px
}

.main-container .col-main .cart button.increase_pop.items-count.btn-plus .fa {
    margin-right: 0px;
    font-weight: 400
}

.main-container .col-main .cart .item-cart .number-sidebar {
    border: 1px solid #e9edf5;
    height: 40px;
    margin-left: 0px;
    text-align: left;
    width: 98px;
    padding: 0;
    padding-left: 15px;
    margin-right: 0px;
    line-height: 15px;
    border-radius: 0px;
    font-weight: 400;
    font-size: 14px
}

.main-container .col-main .cart .cart-tbody .item-cart .number-sidebar {
    min-height: 0;
    position: static;
    display: inline-block;
    float: none;
    margin-bottom: 0
}

.main-container .col-main .cart .cart .product-name a {
    font-size: 14px
}

.main-container .col-main .cart .variant-title {
    color: #252525
}

.main-container .col-main .cart .cart-tbody .item-cart div .price {
    line-height: 6;
    color: #252525;
    font-weight: 400;
    font-size: 14px;
    font-family: "Product Sans"
}

.main-container .col-main .cart .cart-tbody .item-cart div a.remove-item {
    background-color: #fff;
    background-image: none;
    color: #363636;
    cursor: pointer;
    padding: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border: none
}

.main-container .col-main .cart .btn-proceed-checkout {
    background: #cf2228;
    line-height: 45px;
    color: #fff;
    height: 45px;
    padding: 0 40px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.main-container .col-main .cart .btn-proceed-checkout .fas {
    padding-left: 3px
}

.main-container .col-main .cart .btn-proceed-checkout:hover {
    background: #a31b20;
    color: #cf2228
}

.main-container .col-main .cart .btn-proceed-checkout:hover .fas {
    color: #cf2228
}

.main-container .col-main .cart .btn.btn-white {
    margin-right: 5px;
    border: 2px solid #363636
}

.main-container .col-main .cart .btn.btn-white:hover {
    border-color: #cf2228
}

.main-container .col-main .cart .totals {
    border-top: 1px solid #ebebeb
}

.main-container .col-main .cart .totals .inner {
    padding: 0px;
    margin-top: 0;
    margin-right: 1px
}

.main-container .col-main .cart #shopping-cart-totals-table tr td {
    border: none;
    padding: 5px 0;
    padding-right: 0
}

.main-container .col-main .cart #shopping-cart-totals-table {
    width: 100%;
    padding-bottom: 8px
}

.main-container .col-main .cart ul.checkout {
    clear: left;
    padding-top: 0;
    margin-bottom: 30px
}

.main-container .col-main .cart .cart .totals table th,
.main-container .col-main .cart .cart .totals table td {
    padding: 10px;
    background: none !important;
    box-shadow: none !important;
    color: #363636 !important;
    height: 50px;
    vertical-align: middle
}

.main-container .col-main .cart .total_tt {
    font-size: 16px
}

.main-container .col-main .cart span.totals_price.price {
    color: #cf2228;
    font-family: "Product Sans";
    font-size: 16px;
    width: 15%;
    font-weight: 400;
    display: inline-block;
    float: right
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-container .col-main .cart span.totals_price.price {
        width: 25%
    }


}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-container .col-main .cart span.totals_price.price {
        width: 20%
    }
}

.main-container .col-main .cart .cart-tbody .item-cart .number-sidebar {
    min-height: 0;
    position: static;
    display: inline-block;
    float: none;
    margin-bottom: 0
}

.main-container button.btn.btn-gray.margin-right-15.f-right {
    background: #ebebeb;
    color: #252525;
    height: 45px;
    padding: 0 40px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.main-container button.btn.btn-gray.margin-right-15.f-right:hover {
    color: #fff;
    background: #7b8395
}

@media (max-width: 767px) {
    .mybtn {
        outline: none;
        border: none;
        background: #fff;
        vertical-align: baseline;
        text-align: center;
        padding: 0;
        display: inline-block;
        margin: 0;
        position: absolute;
        z-index: 2;
        line-height: 14px;
        color: #7b8395;
        right: 10px;
        top: 19px;
        height: 15px;
        width: 20px;
    }

    .myinput {
        min-height: 0;
        position: static;
        display: inline-block;
        float: none;
        margin-bottom: 0;
        border: 1px solid #e9edf5;
        height: 40px;
        margin-left: 0px;
        text-align: left;
        width: 76px;
        padding: 0;
        padding-left: 15px;
        margin-right: 0px;
        line-height: 15px;
        border-radius: 0px;
        font-weight: 400;
        font-size: 14px;

    }

    .item-product .title-product-cart-mobile {
        width: calc(100% - 180px);
        padding-right: 5px
    }

    .sign_main {
        background: #f7f8f9;
        margin-top: 40px
    }

    .main {
        border-bottom: solid 1px #ebebeb;
        background: #fff;
        margin-top: 40px
    }

    .main-container {
        margin-top: -40px
    }

    .cart-mobile {
        padding: 0px 0px 0px 0px
    }

    .header-cart {
        padding: 0px 15px;
        margin-top: 0px;
        float: left;
        width: 100%
    }

    .header-cart-content {
        margin-top: 0px
    }

    .header-cart-content .content-product-list {
        min-height: 110px
    }

    .header-cart .title-cart {
        line-height: 10px
    }

    .header-cart-price {
        padding: 18px 15px
    }

    .title-cart h3 {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0
    }

    .title-cart p {
        font-size: 13px;
        color: #9c9c9c
    }

    .title-cart a {
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        color: #cf2228
    }

    .checkout {
        float: left;
        width: 100%;
        margin-bottom: 30px
    }

    .checkout .btn-white {
        width: 100%;
        line-height: 27px;
        color: #252525;
        height: 45px;
        font-size: 15px;
        font-weight: 400;
        text-transform: none;
        border: none;
        background: #ebebeb;
        border-radius: 5px;
        margin-top: 15px
    }

    .btn-proceed-checkout-mobile {
        width: 100%;
        line-height: 27px;
        color: #fff;
        height: 45px;
        font-size: 15px;
        font-weight: 400;
        text-transform: none;
        border: none;
        background: #cf2228;
        border-radius: 5px;
        margin-top: 15px
    }

    .contin {
        margin-top: 15px;
        width: 100%;
        font-weight: bold
    }

    .content-product-list .item-product {
        padding: 15px 15px;
        min-height: 110px;
        border-bottom: solid 1px #ebebeb;
        overflow: hidden
    }

    .item-product-cart-mobile,
    .title-product-cart-mobile,
    .select-item-qty-mobile {
        float: left
    }

    .item-product-cart-mobile {
        max-width: 115px;
        margin-right: 10px
    }

    .item-product-cart-mobile img {
        max-width: 115px;
        margin-right: 10px
    }

    .select-item-qty-mobile {
        float: right;
        text-align: center
    }

    .select-item-qty-mobile input.qty {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ebebeb;
        font-size: 15px;
        font-weight: 400;
        margin: 0 !important;
        outline: medium none;
        padding: 5px 5px 5px 12px;
        width: 41px
    }

    .title-product-cart-mobile p {
        line-height: 2;
        font-size: 14px;
        color: #252525
    }

    .title-product-cart-mobile span {
        color: #252525
    }

    .select-item-qty-mobile a {
        line-height: 3;
        color: #252525
    }
}

@media (max-width: 767px) {
    .cart-mobile {
        padding: 0px 0px !important;
        margin-top: 0px;
        float: left;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .select-item-qty-mobile .txt_center input {
        min-height: 0;
        position: static;
        display: inline-block;
        float: none;
        margin-bottom: 0;
        border: 1px solid #e9edf5;
        height: 40px;
        margin-left: 0px;
        text-align: left;
        width: 76px;
        padding: 0;
        padding-left: 15px;
        margin-right: 0px;
        line-height: 15px;
        border-radius: 0px;
        font-weight: 400;
        font-size: 14px
    }

    .title-product-cart-mobile h3 {
        word-break: break-word;
        font-family: "Product Sans";
        line-height: 21px;
        font-size: 14px;
        font-weight: normal;
        color: #707070;
        margin: 0
    }

    .title-product-cart-mobile h3 a {
        color: #707070
    }

    .main-cart-page {
        min-height: auto !important
    }

    .select-item-qty-mobile .txt_center button.reduced.items-count.btn-minus {
        outline: none;
        border: none;
        background: #fff;
        vertical-align: baseline;
        text-align: center;
        padding: 0;
        display: inline-block;
        margin: 0;
        position: absolute;
        z-index: 2;
        line-height: 14px;
        color: #7b8395;
        right: 10px;
        top: 19px;
        height: 15px;
        width: 20px
    }

    .select-item-qty-mobile .txt_center button.increase.items-count.btn-plus {
        outline: none;
        border: none;
        background: #fff;
        vertical-align: baseline;
        text-align: center;
        padding: 0;
        display: inline-block;
        margin: 0;
        position: absolute;
        z-index: 2;
        line-height: 14px;
        color: #7b8395;
        right: 10px;
        top: 6px;
        height: 15px;
        width: 20px
    }

    .select-item-qty-mobile>div {
        width: 76px;
        margin-top: 0px;
        padding: 0px;
        position: relative;
        height: 40px
    }
}

@media screen and (max-width: 375px) {
    .item-product .title-product-cart-mobile {
        padding-right: 5px
    }
}

.bg_base_lr {
    float: left;
    width: 100%
}

@media (max-width: 991px) {
    .content_login_base .padding-top-50 {
        padding-top: 0px !important
    }
}

@media (min-width: 992px) {
    .content_login_base {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-left: 0px;
        position: relative;
        min-height: 400px;
        border-radius: 20px;
        background: #fff
    }
}

.col-right-account .block-account {
    padding: 20px;
    border: 1px #ebebeb solid;
    border-radius: 5px
}

.checkbox .c-checkbox input {
    opacity: 1;
    width: auto;
    height: 23px;
    left: 0;
    margin: 0
}

.checkbox .check_h input {
    opacity: 1;
    width: auto;
    height: 23px;
    left: 15px;
    margin: 0
}

div#social_login {
    width: 100% !important;
    text-align: center
}

.embedContent ul.icon-only {
    margin-bottom: 10px;
    display: block;
    text-align: center !important;
    margin: 0 !important
}

#dangky .wrap-modal-login,
#dangnhap .wrap-modal-login {
    width: 800px;
    color: #8d90a6;
    background: #fff
}

@media (max-width: 1400px) {

    #dangky .wrap-modal-login,
    #dangnhap .wrap-modal-login {
        width: 800px
    }
}

#dangky .wrap-modal-login .btn,
#dangnhap .wrap-modal-login .btn {
    font-size: 16px;
    font-weight: 600
}

#dangky .wrap-modal-login h5.title-modal,
#dangnhap .wrap-modal-login h5.title-modal {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
    color: #cf2228;
    font-family: "Product Sans"
}

#dangky .wrap-modal-login h5.title-modal a,
#dangnhap .wrap-modal-login h5.title-modal a {
    padding: 0 5px 15px 5px;
    font-size: 24px;
    font-weight: 400;
    margin: 0 10px;
    display: inline-block;
    position: relative
}

#dangky .wrap-modal-login h5.title-modal a.active,
#dangnhap .wrap-modal-login h5.title-modal a.active {
    color: #252525
}

#dangky .wrap-modal-login .link-popup,
#dangnhap .wrap-modal-login .link-popup {
    font-size: 14px;
    text-align: center;
    margin-top: 15px
}

#dangky .wrap-modal-login .link-popup a,
#dangnhap .wrap-modal-login .link-popup a {
    text-decoration: none
}

#dangky .content,
#dangnhap .content {
    padding: 90px 15px 0 15px;
    text-align: center
}

#dangky .content input,
#dangnhap .content input {
    border: 1px solid #eaebf3;
    margin-bottom: 20px
}

#dangky .content label,
#dangnhap .content label {
    font-weight: 400
}

#dangky .content a,
#dangnhap .content a {
    color: #cf2228
}

#dangky #customer_register,
#dangnhap #customer_register {
    margin-bottom: 0
}

#dangky button.btn.btn-close.btn-default,
#dangnhap button.btn.btn-close.btn-default {
    position: absolute;
    right: -30px;
    top: -30px;
    width: 40px;
    font-size: 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    padding: 0
}

#customer_register {
    margin-bottom: 10px
}

#customer_login,
#recover_customer_password {
    margin-bottom: 0
}

.checkbox.style input {
    margin: 0 !important;
    display: none
}

.checkbox.style label {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
    position: relative;
    padding-left: 55px;
    line-height: 50px
}

.checkbox.style label:before {
    display: block;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.checkbox.style input:checked+label:after {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #cf2228;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

#customer_register {
    margin-bottom: 20px
}

#customer_login {
    margin-bottom: 0
}

#recover_customer_password {
    margin-bottom: 0;
    padding: 0
}

.h_recover #recover-password {
    padding: 0px
}

.h_recover #recover-password #recover_customer_password {
    padding: 0px !important
}

#recover-password .group_contact {
    padding: 0px !important
}

.checkbox.style input {
    margin: 0 !important;
    display: none
}

.checkbox.style label {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
    position: relative;
    padding-left: 55px;
    line-height: 50px
}

.checkbox.style label:before {
    display: block;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.checkbox.style input:checked+label:after {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #cf2228;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page_customer_account .col-left-account .table-cart .thead-default {
    border-top: 1px solid #ddd;
    background: #acacac
}

.block-account h3 {
    margin-top: 0
}

.block-account .block-title-account h5 {
    text-transform: uppercase
}

.customer-name {
    color: #cf2228;
    line-height: 55px
}

.block-content.form-signup {
    background: #fff
}

.block-content.form-signup p i {
    color: #cf2228;
    width: 10px;
    margin-right: 10px
}

.address-title {
    padding-left: 10px;
    margin-bottom: 15px;
    border-radius: 0 !important;
    font-weight: 300
}

.address-title button {
    background: none;
    border: none;
    font-size: 0;
    width: 50px;
    height: 55px
}

.address-title button.btn-edit {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center
}

.address-title button.btn-delete {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center
}

.address-subtitle {
    margin-top: 0;
    text-transform: uppercase
}

.address-item-action {
    right: 0;
    top: -7px
}

.address-item-action .btn-row {
    padding-right: 5px
}

.address-group {
    background: #fff;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.address-group p {
    color: #595959
}

.address-group p label {
    float: left;
    font-weight: 300
}

@media (max-width: 374px) {
    .address-group p small {
        display: block
    }
}

.my-account .table-cart tr:hover td {
    background: #ebebeb
}

.my-account #my-orders-table td {
    padding: 5px
}

.my-account #my-orders-table td p {
    margin: 0
}

.account-template {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.account-template thead {
    background: #cf2228
}

.account-template thead th {
    color: #fff
}

.account-template .page-login {
    width: 100%;
    float: left
}

.account-template .btn-register {
    margin-left: 20px;
    text-decoration: underline;
    color: #252525
}

.account-template .btn-register:hover {
    color: #cf2228
}

.account-template form {
    margin: 0
}

.account-template .form-signup {
    width: 100%;
    float: left
}

.account-template td p:last-child {
    margin: 0
}

@media (min-width: 992px) {
    #order_details .thead-default {
        border-top: 1px solid #ddd
    }
}

.order_date .color_main {
    padding-left: 30px
}

@media (max-width: 374px) {
    .order_date .color_main {
        padding-left: 0;
        display: block;
        float: left;
        width: 100%
    }
}

.order_date .color_main .fa {
    color: #cf2228
}

.body_order h2.title-head {
    font-size: 24px;
    font-family: "Product Sans";
    font-weight: bold;
    line-height: normal
}

#order_payment,
#order_shipping {
    background: #fff
}

#order_payment h2.title-head,
#order_shipping h2.title-head {
    font-family: "Product Sans";
    font-weight: bold;
    line-height: normal
}

#order_payment .address.note i,
#order_shipping .address.note i {
    color: #cf2228;
    margin-right: 10px
}

.totalorders {
    background: #fff;
    border-color: #e1e1e1
}

.order-headding {
    margin: 0
}

.info-contact .widget-menu p {
    display: inline
}

.info-contact .logo {
    font-size: 20px
}

.page_address .adr_title .title-head {
    padding-bottom: 20px
}

.page_address .adr_title .title-head .a_address {
    font-size: 15px;
    text-transform: none;
    margin-top: 9px
}

.page_address .adr_title .title-head .a_address .fa {
    color: #cf2228
}

#recover-password .recovers {
    float: left;
    width: 100%;
    background: #fff;
    opacity: 0.9;
    padding: 20px 50px 35px 50px
}

@media (max-width: 991px) {
    #recover-password .recovers {
        padding: 20px 0 20px 0
    }
}

#recover-password .recovers .form-signup .form-group input {
    min-height: 45px;
    line-height: 45px;
    margin-bottom: 5px
}

#reset_password .form-group {
    margin-bottom: 15px
}

#reset_password .form-group input {
    height: 45px;
    padding: 0 20px;
    color: #111111;
    border-color: #ebebeb;
    border-radius: 0px;
    box-shadow: none
}

#reset_password .form-group textarea {
    box-shadow: none
}

#reset_password .form-group input::placeholder {
    font-size: 15px;
    color: #111111
}

.sidebar .aside-item.sidebar-category .nav-item .fa {
    width: 30px;
    height: 30px;
    margin-top: 0px;
    line-height: 28px;
    cursor: pointer;
    text-align: center
}

@media (max-width: 1199px) {
    .sidebar .aside-item.sidebar-category .nav-item .fa {
        right: 0px
    }
}

.aside-item.sidebar-category .nav-item {
    position: relative;
    clear: left;
    font-size: 14px;
    padding: 10px 0px 5px 0px;
    border-bottom: none
}

.aside-item.sidebar-category .nav-item a {
    font-size: 14px;
    font-family: "Product Sans";
    font-weight: 400;
    padding-right: 15px;
    padding-left: 0;
    padding-top: 0
}

.aside-item.sidebar-category .nav-item a .count_x {
    color: #acacac
}

.aside-item.sidebar-category .nav-item .count_blog {
    color: #acacac
}

.aside-item.sidebar-category .nav-item .fa {
    position: absolute;
    right: -13px;
    top: 5px
}

.aside-item.sidebar-category .nav-item .dropdown-menu {
    width: 100%;
    border: 0;
    padding-left: 15px;
    box-shadow: none
}

.aside-item.sidebar-category .nav-item.active>a {
    color: #cf2228
}

.aside-item.sidebar-category .nav-item.active>.dropdown-menu {
    display: block
}

.collection_2 .nav-category .navbar-pills {
    padding: 0;
    background: #fff;
    z-index: 999;
    max-height: 220px;
    overflow-y: scroll;
    overflow-x: hidden
}

.collection_2 .nav-category .navbar-pills::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
    width: 5px
}

.collection_2 .nav-category .navbar-pills::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

.collection_2 .nav-category .navbar-pills::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #919aa8;
    width: 5px
}

.sidebar-category .aside-content {
    margin-top: 0
}

.sidebar-category .aside-content .nav-category .navbar-pills {
    padding: 0;
    z-index: 999;
    background-color: #fff
}

.sidebar-category .aside-content .nav-item {
    position: relative;
    clear: left;
    font-size: .93333em;
    padding: 0
}

.sidebar-category .aside-content .nav-item.lv2 {
    padding: 0px
}

.sidebar-category .aside-content .nav-item.lv2.child-active a {
    color: #cf2228
}

.sidebar-category .aside-content .nav-item.lv2 a {
    padding-left: 15px !important;
    padding-right: 30px
}

.sidebar-category .aside-content .nav-item.lv2 .fas {
    right: 0px
}

.sidebar-category .aside-content .nav-item.lv3 {
    padding: 0px
}

.sidebar-category .aside-content .nav-item.lv3 a {
    padding-left: 30px !important
}

.sidebar-category .aside-content .nav-item.lv4 {
    padding: 0
}

.sidebar-category .aside-content .nav-item.lv4 a {
    padding-left: 45px !important
}

.sidebar-category .aside-content .nav-item:last-child {
    border-bottom: none
}

.sidebar-category .aside-content .nav-item a {
    font-size: 14px;
    font-family: "Product Sans" !important;
    color: #707070;
    font-weight: 400;
    line-height: 1.7;
    padding: 5px 20px 2px 0px
}

.sidebar-category .aside-content .nav-item .fas {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    top: 0px;
    right: 0px;
    position: absolute
}

.sidebar-category .aside-content .nav-item .fas.fa-caret-right {
    right: auto;
    left: 0;
    top: 16px;
    text-align: left
}

.sidebar-category .aside-content .nav-item .dropdown-menu {
    width: 100%;
    border: 0;
    padding-left: 0px;
    box-shadow: none;
    margin-top: 0px;
    padding: 0px;
    position: static
}

.sidebar-category .aside-content .nav-item.active>a {
    color: #cf2228
}

.sidebar-category .aside-content .nav-item.active>.fas {
    color: #cf2228;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    line-height: 28px;
    cursor: pointer;
    text-align: center
}

.sidebar-category .aside-content .nav-item.active>.dropdown-menu {
    display: block
}

.sidebar-category .aside-content .nav-item:hover>a {
    color: #cf2228;
    background-color: transparent
}

.sidebar-category .aside-content .nav-item ul>li:before {
    top: 17px;
    left: 15px
}

.sidebar-category .aside-content .nav-item ul>li.lv3:before {
    left: 30px
}

.sidebar-category .aside-content .nav-item ul>li.lv4:before {
    left: 30px
}

.aside-mini-list-product {
    float: left;
    width: 100%
}

.xemthem_base {
    float: left;
    width: 100%;
    margin: 20px 0 30px 0
}

.xemthem_base .fas {
    color: #252322
}

.xemthem_base:hover .fas {
    color: #cf2228
}

.item_small {
    float: left;
    width: 100%;
    padding: 1px
}

.product-mini-item {
    padding: 25px 0px 25px 0px
}

.product-mini-item .price {
    display: inline-block
}

.product-mini-item .product-img {
    width: 95px;
    height: auto;
    margin-right: 16px;
    float: left;
    position: relative
}

.product-mini-item .product-img .sale-flash {
    background: #fbb733;
    width: 30px;
    position: absolute;
    right: 7px;
    top: 7px;
    font-style: normal;
    text-transform: none;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 400;
    padding: 0px;
    display: inline-block;
    color: #252525;
    text-align: right;
    padding-right: 3px
}

.product-mini-item .product-img .sale-flash:before {
    position: absolute;
    content: "-";
    top: 0;
    right: 24px
}

.product-mini-item .product-info {
    width: calc(100% - 116px);
    float: right
}

.product-mini-item .product-info .price-box {
    border: none;
    margin: 0 !important
}

.product-mini-item .product-info h3 {
    margin: 0;
    padding-bottom: 6px;
    font-size: 14px;
    font-family: "Product Sans";
    font-weight: 400
}

.product-mini-item .product-info h3 a {
    color: #707070
}

.product-mini-item .product-info h3 a:hover {
    color: #cf2228
}

.product-mini-item .product-price {
    font-size: 14px;
    font-weight: 400;
    color: #252525
}

.product-mini-item .sale-price {
    font-size: 12px;
    margin-left: 5px;
    color: #707070
}

.product-mini-item .product-action-deal .group_action .btn-cus {
    width: 43px;
    height: 43px;
    line-height: 43px
}

.product-mini-item .product-action-deal .group_action .btn-cus:hover {
    border: 1px solid transparent
}

.product-mini-item .product-action-deal .group_action .btn-cus:hover:before {
    left: 13px !important
}

.product-mini-item .product-action-deal .group_action .btn-cus:before {
    font-size: 18px !important;
    left: 14px !important
}

.bizweb-product-reviews-badge {
    margin: 0
}

.bizweb-product-reviews-badge>div {
    padding: 0px !important
}

.bizweb-product-reviews-badge>div.bizweb-product-reviews-star {
    display: block
}

.btn.btn-link {
    color: #333;
    padding-left: 0
}

.btn.btn-link:hover {
    color: #cf2228
}

@media (max-width: 1199px) {
    .banner-right a img {
        width: 100%
    }
}

.dmsp .aside-content {
    border-top: none;
    padding-bottom: 0px !important;
    padding-top: 0px
}

.dmsp .aside-content .navbar-pills .lv1:first-child a {
    border-top: none
}

.dmsp .aside-content .navbar-pills .lv1 a {
    padding: 5px 20px 5px 0px
}

.dmsp .aside-content .navbar-pills .lv1 .fas {
    top: 2px;
    right: -12px
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 a {
    padding-left: 15px !important
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 ul .lv3 a {
    padding-left: 30px !important
}

.dmsp .aside-content .navbar-pills .lv1 ul .lv2 ul .lv3 ul .lv4 a {
    padding-left: 45px !important
}

.aside-item {
    margin-bottom: 0px
}

.aside-item .aside-title {
    position: relative
}

.aside-item .aside-title.aside_title_dmsp h2 {
    margin-top: 25px
}

.aside-item .aside-title h2 {
    height: 30px;
    font-size: 18px !important;
    font-family: "Product Sans";
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    padding: 0px 15px;
    position: relative
}

.aside-item .aside-content {
    padding-bottom: 0px
}

.aside-item .list-tags span.tag-item {
    line-height: 30px;
    border: 1px solid #ebebeb;
    height: 30px;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    margin-right: 5px;
    color: #898989;
    border-radius: 0px
}

.aside-item .list-tags span.tag-item:hover {
    color: #fff;
    background: #cf2228;
    border-color: #cf2228
}

.aside-item .list-tags span.tag-item:hover a {
    color: #fff
}

.ui-widget.ui-widget-content {
    height: 2px;
    background: #cf2228
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background: #e1e1e1 !important
}

.ui-slider-horizontal .ui-slider-handle {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    top: -14px !important;
    background: #e1e1e1 !important;
    border: 6px solid #ededed !important
}

.ui-widget.ui-widget-content {
    border: none !important;
    margin-bottom: 25px;
    width: calc(100% - 14px);
    margin-left: 7px
}

@media (max-width: 1199px) {
    .ui-widget.ui-widget-content {
        width: calc(100% - 29px)
    }
}

.ui-widget.ui-widget-content .ui-slider-handle:focus {
    outline: none !important
}

.ui-widget.ui-widget-content .ui-slider-handle:nth-child(2) {
    background: #cf2228 !important;
    border: 6px solid #e04449 !important
}

#start {
    width: 100px;
    float: left
}

#start input {
    text-align: left;
    border: none;
    box-shadow: none;
    margin-left: 9px
}

#stop {
    width: 100px;
    float: right;
    text-align: right;
    position: relative
}

#stop input {
    text-align: right;
    border: none;
    box-shadow: none
}

#stop:before {
    content: "-";
    position: absolute;
    left: -17px;
    font-size: 17px;
    display: none
}

a#filter-value {
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    width: 100px;
    margin-top: 8px;
    margin-left: 10px
}

@media (max-width: 1199px) {
    a#filter-value {
        margin-top: 5px;
        margin-left: 0px
    }
}

@media (max-width: 1199px) {
    .h_recover {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .aside-filter {
        margin-bottom: 50px
    }
}

.at-style-responsive .at-share-btn {
    border-radius: 3px !important
}

.google_plusone_iframe_widget {
    width: auto !important
}

div#isp_search_result_page_container .btn-search {
    display: none
}

button.btn.btn-default.btn-search {
    display: none
}

div#isp_search_result_page_container form {
    margin-bottom: 0
}

body .bizweb-product-reviews-form fieldset {
    border: none
}

body .bizweb-product-reviews-form fieldset .bpr-button-submit {
    color: #fff;
    background-color: #cf2228;
    border-color: transparent;
    border: 1px solid transparent
}

body .bizweb-product-reviews-form fieldset .bpr-button-submit:hover {
    background-color: #fff;
    border: 1px solid #cf2228;
    color: #cf2228
}

body .bizweb-product-reviews-badge div {
    display: none
}

body .bizweb-product-reviews-badge div>p {
    padding: 0 3px !important
}

body .bizweb-product-reviews-badge div.bizweb-product-reviews-star {
    display: block
}

body .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
    font-size: 13px
}

body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-off-png:before {
    content: "\f005";
    color: #e1e1e1
}

body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-on-png:before {
    content: "\f005";
    color: #fbb733
}

body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-half-png:before {
    content: "\f005";
    color: #fbb733
}

body .bizweb-product-reviews-badge {
    margin: 0
}

.bizweb-product-reviews-badge div {
    padding: 0px !important
}

.fancybox-close {
    background-color: transparent !important
}

@media (max-width: 543px) {
    .page-login span.intr {
        font-size: 13px !important
    }

    .address .page_address .adr_title .title-head a {
        width: 100%;
        margin: 15px 0
    }
}

.title_head.title_order h1 {
    font-size: 30px !important
}

.title_head .title_center_page {
    font-size: 18px !important;
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    margin: 0
}

#pagelogin {
    margin-top: 0px;
    padding: 0 30px
}

.page-login {
    margin-bottom: 35px
}

.page-login span.intr {
    font-size: 15px;
    line-height: 23px;
    color: #636363;
    text-align: center;
    display: block
}

.page-login .form-signup {
    margin-top: 35px
}

.page-login .form-signup .form-group {
    margin-bottom: 0px
}

.page-login .form-signup .form-group label {
    margin-top: 0px
}

.page-login .form-signup .form-group input {
    height: 45px;
    padding: 0 20px;
    color: #252525;
    border-radius: 0px !important;
    border-color: #ebebeb;
    box-shadow: none;
    margin-bottom: 10px !important
}

.page-login .form-signup .form-group input::-webkit-input-placeholder {
    color: #707070 !important
}

.page-login .form-signup .form-group input::-moz-placeholder {
    color: #707070 !important
}

.page-login .form-signup .form-group input:-ms-input-placeholder {
    color: #707070 !important
}

.page-login .form-signup .form-group textarea {
    box-shadow: none;
    border-color: #ebebeb;
    border-radius: 0px !important;
    margin-bottom: 0 !important
}

.page-login .form-signup .form-group textarea::-webkit-input-placeholder {
    color: #707070 !important
}

.page-login .form-signup .form-group textarea::-moz-placeholder {
    color: #707070 !important
}

.page-login .form-signup .form-group textarea:-ms-input-placeholder {
    color: #707070 !important
}

.page-login .form-signup .btn-lienhe {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    border-radius: 0px;
    padding: 0 30px;
    border: none
}

.page-login .form-signup .text-upper {
    width: 150px;
    height: 45px;
    font-size: 12px;
    font-weight: bold
}

.page-login .form-signup .accept_submit {
    margin-left: 20px;
    margin-top: 10px
}

.page-login .form-signup .accept_submit span {
    font-size: 15px;
    color: #111111
}

.page-login .form-signup .button-50 {
    font-size: 16px;
    line-height: 50px;
    width: 50%
}

.page-login .form-signup .have_ac {
    font-size: 15px;
    color: #111111;
    margin-left: 15px
}

.page-login .form-signup .have_ac a {
    color: #cf2228;
    text-decoration: underline
}

.login-width-social #social_login_widget #social_login {
    margin: 0 auto 50px
}

.have_ac {
    color: #707070
}

@media (max-width: 991px) {
    .have_ac {
        text-align: center;
        width: 100%;
        float: left
    }
}

.have_ac a {
    color: #707070
}

.have_ac a:hover {
    color: #cf2228
}

.recv-text {
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0px 0px 0
}

.recv-text a {
    text-decoration: none;
    cursor: pointer;
    color: #707070
}

.recv-text a:hover {
    color: #cf2228
}

@media (max-width: 991px) {
    .form-signup .button-50 {
        width: 100% !important
    }

    .form-signup .have_ac {
        display: block;
        text-align: center;
        margin-top: 15px
    }
}

.embedContent .embedHeader {
    display: none !important
}

.info-contact .title-head {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 20px;
    color: #252525
}

.info-contact .widget-menu {
    font-size: 14px;
    margin-bottom: 15px;
    overflow: hidden
}

.info-contact .widget-menu .ico-left {
    float: left;
    position: relative;
    top: 0px;
    border-radius: 3px;
    width: 28px;
    text-align: left;
    height: 28px;
    display: block;
    margin-top: -2px;
    padding-left: 2px;
    line-height: 28px;
    color: #fff;
    color: #51b935
}

.info-contact .widget-menu .txt-content-add {
    display: inherit;
    padding-left: 0px
}

@media (max-width: 543px) {
    .info-contact .widget-menu .txt-content-add {
        padding-left: 29px
    }
}

.info-contact .widget-menu .bold-color {
    font-weight: bold;
    color: #636363
}

.info-contact .widget-menu li {
    position: relative;
    color: #83858e;
    margin-bottom: 5px
}

.info-contact .widget-menu li:nth-child(1) .fa {
    margin-left: 3px
}

.info-contact .widget-menu li:nth-child(2) .fa {
    margin-left: 4px
}

.info-contact .widget-menu li a {
    color: #83858e
}

.info-contact .widget-menu li:hover>a {
    text-decoration: none
}

.info-contact .border-contact-page {
    padding: 2px 0px;
    border: dashed 1px #ebebeb;
    display: block
}

.info-contact .descripti {
    font-size: 14px;
    margin: 0px 0px 30px;
    padding: 0px 0px 30px;
    border-bottom: solid 1px #ebebeb;
    color: #3d454e
}

.info-contact .logo {
    font-size: 20px
}

.page_cotact .logo {
    text-align: left !important;
    padding-top: 5px
}

.page_cotact .title-head-contact {
    margin: 0px;
    padding: 0px 0px 15px;
    font-size: 20px;
    color: #041721;
    line-height: 37px;
    text-align: left
}

.page_cotact .form-signup {
    margin: 0px
}

.contact li.li_footer_h {
    padding-left: 35px;
    font-size: 14px;
    position: relative;
    color: #363636;
    opacity: 1;
    margin-bottom: 10px !important;
    padding-bottom: 15px;
    line-height: 20px
}

.contact li.li_footer_h:last-child {
    padding-bottom: 0px
}

.contact li.li_footer_h .fas,
.contact li.li_footer_h .far {
    float: left;
    position: relative;
    top: -4px;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    padding-left: 0px;
    line-height: 30px;
    color: #cf2228;
    font-size: 14px;
    background: #fff;
    border: 1px solid #cf2228
}

.contact li.li_footer_h a {
    color: #363636
}

.contact li.li_footer_h a:hover {
    color: #cf2228
}

.contact li.li_footer_h .icon_base {
    position: absolute;
    left: 0;
    top: 1px;
    height: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 20px
}

.contact li.li_footer_h .icon_base .fa {
    color: #7b8395
}

.page-right .title-head-contact {
    margin: 0px;
    text-transform: uppercase;
    padding: 20px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #041721;
    line-height: 37px;
    text-align: left
}

.group_contact .form-group {
    padding: 0px 15px;
    margin-bottom: 15px;
    color: #252525
}

.group_contact .form-group .form-control {
    font-size: 14px;
    color: #252525;
    height: 40px;
    padding: 0px 20px;
    margin-bottom: 30px !important
}

.group_contact .form-group .form-control::-webkit-input-placeholder {
    color: #c6cddb !important
}

.group_contact .form-group .form-control::-moz-placeholder {
    color: #c6cddb !important
}

.group_contact .form-group .form-control:-ms-input-placeholder {
    color: #c6cddb !important
}

@media (max-width: 767px) {
    .group_contact .form-group .form-control {
        margin-bottom: 15px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .group_contact .form-group .form-control {
        margin-bottom: 20px !important
    }
}

.group_contact .form-group .content-area {
    min-height: 130px;
    padding: 20px
}

.group_contact .form-group input,
.group_contact .form-group textarea {
    border-color: #ebebeb
}

.group_contact .form-group input:focus,
.group_contact .form-group textarea:focus {
    border-color: #ebebeb
}

.group_contact .form-group input::placeholder {
    font-size: 15px;
    color: #111111
}

.group_contact .form-group textarea::placeholder {
    font-size: 15px;
    color: #111111
}

.group_contact .form-group .btn-50-full {
    position: absolute;
    right: 15px;
    bottom: 0px;
    box-shadow: none;
    padding: 8px 20px;
    font-size: 14px;
    color: #fff;
    background: #cf2228;
    border: solid 1px #cf2228
}

.group_contact .form-group .btn-50-full:hover {
    border-color: #cf2228;
    background: #fff;
    color: #cf2228
}

.page_contact .select_maps .mid-footers .follow_option {
    margin-top: 15px
}

.page_contact .select_maps .mid-footers .follow_option li a {
    border: 2px solid #c6cddb
}

.page_contact .select_maps .mid-footers .follow_option li a .fa,
.page_contact .select_maps .mid-footers .follow_option li a .fas {
    color: #c6cddb
}

.page_contact .select_maps .mid-footers .follow_option li a:hover {
    border: 2px solid #7b8395
}

.page_contact .select_maps .mid-footers .follow_option li a:hover .fa {
    color: #7b8395
}

.page_contact .select_maps .hotline_contact li:nth-child(1) {
    margin-bottom: 5px
}

.page_contact .select_maps .list-menu {
    color: #8d90a6
}

.page_contact .select_maps .list-menu a {
    color: #8d90a6
}

.page_contact .select_maps .list-menu a:hover {
    color: #cf2228
}

.page_contact .select_maps .fa {
    color: #cf2228;
    margin-right: 15px
}

.page_contact .select_maps .widget-db .item li {
    margin-bottom: 10px
}

.page_contact .select_maps .widget-db .item:nth-child(1) .contact_x li .fa:before {
    content: "\f015"
}

@media (min-width: 1200px) {
    .search_h:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search_h:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search_h:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .search_h:nth-child(2n+1) {
        clear: left
    }
}

.search-main .products-view-grid {
    border-top: none;
    display: block;
    float: left;
    width: 100%
}

.search-main h1 {
    font-size: 2em
}

.search-main .title_search {
    font-family: "Product Sans";
    text-transform: none;
    font-size: 20px;
    margin-top: 0px
}

.search-main .form_search_h {
    float: left;
    line-height: 2.1;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 0px;
    min-height: 45px
}

@media (max-width: 767px) {
    .search-main .form_search_h {
        width: calc(100% - 110px);
        border-right: 0px
    }
}

@media (min-width: 768px) {
    .search-main .form_search_h {
        width: 300px
    }
}

.search-main .btn_search_h {
    min-height: 45px;
    background: #cf2228;
    font-weight: bold;
    border-radius: 3px
}

@media (max-width: 767px) {
    .search-main .btn_search_h {
        width: 110px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }
}

@media (min-width: 768px) {
    .search-main .btn_search_h {
        border-radius: 0;
        margin-left: -1px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        min-height: 45px;
        background: #cf2228;
        font-weight: bold
    }

    .search-main .btn_search_h:hover {
        border: 1px solid #cf2228;
        color: #cf2228;
        background: #fff
    }
}

@media (max-width: 375px) {
    .search-main .cls_search .product-col .product-box {
        height: 270px
    }
}

.wrap_contact {
    background: #f4574c;
    overflow: hidden;
    padding: 20px 0px
}

.wrap_contact .icon_widget {
    display: inline-block;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f8948d;
    border: solid 3px #f67970;
    line-height: 40px;
    text-align: center
}

.wrap_contact .icon_widget .fa {
    font-size: 16px;
    color: #fff
}

.wrap_contact .contact_info {
    display: block;
    padding-left: 50px;
    margin-left: 25px
}

.wrap_contact .contact_info span,
.wrap_contact .contact_info a {
    font-family: "Product Sans";
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-decoration: none
}

.wrap_contact .contact_info span.lh,
.wrap_contact .contact_info a.lh {
    line-height: 45px
}

.wrap_contact .contact_info a {
    width: 100%;
    float: left
}

.info-contact .title-head {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #252525
}

.info-contact .widget-menu {
    font-size: 14px;
    margin-bottom: 15px;
    overflow: hidden
}

.info-contact .widget-menu .ico-left {
    display: block;
    float: left;
    width: 25px;
    text-align: center
}

.info-contact .widget-menu p,
.info-contact .widget-menu .rc {
    display: block;
    float: left;
    width: calc(100% - 35px);
    margin-left: 5px
}

.info-contact .widget-menu li {
    margin-bottom: 5px
}

.info-contact .widget-menu li:hover>a {
    text-decoration: none
}

.info-contact .border-contact-page {
    padding: 2px 0px;
    border: dashed 1px #ebebeb;
    display: block
}

.info-contact .descripti {
    font-size: 14px;
    margin: 0px 0px 30px;
    padding: 0px 0px 30px;
    border-bottom: solid 1px #ebebeb;
    color: #3d454e
}

.info-contact .logo {
    font-size: 20px
}

.sec_footer .widget-db {
    margin-top: 15px
}

.sec_footer .widget-db .item .title_bold {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #252525;
    text-transform: none
}

.sec_footer .widget-db .item .contact_x li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    color: #898989
}

.sec_footer .widget-db .item .contact_x li a {
    color: #898989
}

.sec_footer .widget-db .item .contact_x li .fa {
    position: absolute;
    left: 0;
    float: left;
    top: 0px;
    border-radius: 3px;
    width: 20px;
    text-align: left;
    height: 30px;
    display: block;
    margin-right: 5px;
    margin-top: -2px;
    padding-left: 0px;
    line-height: 28px;
    color: #cf2228;
    background-repeat: no-repeat
}

.sec_footer .widget-db .item .contact_x li .txt_content_child {
    color: #898989
}

@media (min-width: 768px) and (max-width: 991px) {
    .right_contact {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .right_contact {
        margin-top: 20px
    }
}

@media (min-width: 992px) {
    .right_contact {
        width: 42% !important
    }
}

.section_maps #contact_map {
    border: none
}

.page_contact .contact .li_footer_h {
    padding-left: 0px !important
}

.phone_new {
    font-size: 23px;
    font-weight: 400;
    color: #626669 !important
}

.title-head-contact span.title_new {
    font-size: 31px;
    font-weight: 400;
    text-transform: uppercase
}

.title-head-contact1 {
    font-size: 26px
}

.page_cotact {
    float: left;
    width: 100%;
    font-family: "Product Sans"
}

.page_cotact .title-head-contact-2 {
    font-size: 15px;
    color: #7b8395;
    font-weight: bold;
    text-transform: uppercase
}

.page_cotact .title-head-contact {
    color: #252525;
    font-size: 18px !important;
    font-family: "Product Sans";
    font-weight: 400;
    text-transform: none;
    position: relative;
    display: block;
    margin: 0;
    padding-bottom: 10px
}

.page_cotact .title-head-contact span {
    display: block;
    padding: 10px 0;
    padding-top: 45px;
    padding-bottom: 0px
}

.page_cotact p {
    color: #8d90a6
}

.page_cotact .title_db {
    font-size: 18px !important;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
    position: relative;
    display: block;
    margin: 0;
    padding-bottom: 0px
}

.page_cotact .title_db span {
    display: block;
    padding: 10px 0
}

.page_cotact .sum_contact {
    color: #898989
}

.page_cotact .form-signup {
    margin: 0px
}

.page-login .title-head-contact:before {
    width: 25%
}

.item_contact .body_contact {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    display: inline-flex
}

.item_contact .body_contact .icon_widget {
    background: #f2f2f2;
    height: 30px;
    width: 30px;
    float: left;
    margin: 0 15px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.item_contact .body_contact .icon_widget .fa {
    font-size: 14px;
    color: #cf2228
}

.item_contact .body_contact .contact_info {
    float: left;
    width: calc(100% - 45px);
    align-items: center;
    display: flex;
    flex-flow: row
}

.item_contact .body_contact .contact_info span,
.item_contact .body_contact .contact_info a {
    font-family: "Product Sans";
    font-size: 14px;
    line-height: 24px;
    color: #252525;
    text-decoration: none
}

.item_contact .body_contact .contact_info a {
    width: 100%;
    float: left
}

.group_contact .form-group {
    padding: 0px 15px;
    margin-bottom: 15px;
    color: #252525
}

.group_contact .form-group .form-control {
    border-radius: 0px !important;
    font-size: 14px;
    color: #252525;
    height: 40px;
    padding: 0px 15px
}

.group_contact .form-group .form-control::-webkit-input-placeholder {
    color: #acacac
}

.group_contact .form-group .form-control::-moz-placeholder {
    color: #acacac
}

.group_contact .form-group .form-control:-ms-input-placeholder {
    color: #acacac
}

.group_contact .form-group .content-area {
    min-height: 130px;
    padding: 10px 15px;
    border-radius: 3px !important;
    resize: none
}

.group_contact .form-group input,
.group_contact .form-group textarea {
    border-color: #ebebeb
}

.group_contact .form-group input:focus,
.group_contact .form-group textarea:focus {
    border-color: #ebebeb
}

.group_contact .form-group .btn-50-full {
    font-family: "Product Sans";
    position: absolute;
    right: 15px;
    bottom: 0px;
    box-shadow: none;
    padding: 8px 20px;
    font-size: 14px;
    color: #fff;
    background: #cf2228;
    border: solid 1px #cf2228
}

.group_contact .form-group .btn-50-full:hover {
    border-color: #cf2228;
    background: #fff;
    color: #cf2228
}

.thank_text {
    color: #cf2228;
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
    #bizweb-product-reviews {
        width: 100% !important
    }
}

@media (max-width: 767px) {
    .bg-white {
        float: left !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bg-white {
        float: right !important
    }
}

@media (max-width: 767px) {
    .bg-white {
        float: right !important;
        width: 100%;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .bg-white {
        float: right
    }
}

.bg-white .view-mode {
    display: inline-block;
    float: left
}

.bg-white #sort-by {
    display: inline-block;
    float: right;
    margin-left: 20px
}

@media (max-width: 543px) {
    .bg-white #sort-by {
        float: right
    }
}

@media (max-width: 767px) {
    .bg-white #sort-by {
        float: left !important;
        margin-left: 0px
    }
}

@media (max-width: 480px) {
    .bizweb-product-reviews-form {
        min-width: 250px !important
    }
}

.blog_index {
    float: left;
    width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 30px
}

.myblog .image-blog-left {
    position: relative
}

.myblog .image-blog-left a .imageload {
    height: 253px;
    width: 100%
}

.myblog .image-blog-left a .imageload.loaded {
    height: unset;
    width: auto
}

.myblog .image-blog-left .date_blog {
    position: absolute;
    bottom: -55px;
    background: #fff;
    opacity: 1;
    padding: 8px 20px 8px 20px;
    font-size: 12px;
    width: 100%;
    color: #252525;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-shadow: 0px 10px 35px 0px rgba(81, 81, 81, 0.22)
}

.myblog .image-blog-left .date_blog .far {
    font-size: 14px;
    padding-right: 5px
}

.myblog .image-blog-left .date_blog .color_main {
    font-size: 12px;
    color: #252525 !important
}

.myblog .content_blog {
    padding: 25px 10px 10px;
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: left
}

.myblog .content_blog .content_right {
    width: 100%;
    display: block;
    float: left
}

.myblog .content_blog .content_right h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: "Product Sans";
    color: #252525;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px
}

.myblog .content_blog .short_time {
    font-size: 13px;
    color: #7d7d7d
}

.myblog .content_blog .short_time .far {
    padding-right: 3px
}

.myblog .content_blog .summary_item_blog {
    width: 100%;
    margin-bottom: 0px;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.myblog .content_blog .summary_item_blog p {
    margin: 0;
    color: #707070;
    padding-top: 5px;
    font-size: 14px;
    font-family: "Product Sans";
    word-break: break-word
}

.myblog .content_blog .continus_btn {
    font-weight: bold;
    color: #cf2228
}

.myblog .content_blog .continus_btn:hover {
    color: #252525
}

.tab_h {
    float: left;
    width: 100%;
    margin-top: 40px
}

.tab_h .loop-blog .content_day_blog .post-times {
    margin-right: 0px !important
}

.tab_h .heading1 h2 {
    font-size: 24px
}

.tab-wrap .tabs-title {
    *zoom: 1;
    display: inline-block;
    position: relative;
    z-index: 9;
    margin: 0 0 26px
}

.tab-wrap .tabs-title:after {
    content: "";
    display: table;
    clear: both
}

.tab-wrap .tabs-title li {
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 40px;
    float: left
}

.tab-wrap .tabs-title li:before {
    content: "|";
    color: #c9c9c9;
    padding: 0 16px;
    color: #1c1c1c
}

.tab-wrap .tabs-title li:first-child:before {
    display: none
}

.tab-wrap .tabs-title li.current {
    color: #212121
}

.tab-wrap .tab-content {
    position: relative
}

ul.tabs li {
    background: none;
    display: inline-block;
    cursor: pointer
}

ul.tabs li.current {
    color: #000;
    margin-bottom: -1px
}

@media (max-width: 767px) {
    ul.tabs li.current {
        border-bottom: none
    }
}

.tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.tab-content.current {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.product-tab .tabs-title {
    background: transparent;
    margin-bottom: 0px;
    padding-left: 0px;
    border-bottom: 2px solid #f3f3f3;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .product-tab .tabs-title {
        text-align: center
    }
}

@media (max-width: 1199px) {
    .product-tab .tabs-title {
        margin-bottom: 0px
    }
}

@media (max-width: 767px) {
    .product-tab .tab-link {
        margin: 0px 0px !important
    }
}

.product-tab .tab-link {
    position: relative;
    display: inline-block;
    background: transparent;
    padding: 0px 35px 0px 0px;
    border-bottom: 0px;
    margin-top: 0px
}

@media (min-width: 768px) {
    .product-tab .tab-link:nth-child(2) {
        margin-left: 0px
    }
}

@media (min-width: 768px) {
    .product-tab .tab-link:nth-child(3) {
        margin-left: 0px
    }
}

.product-tab .tab-link:nth-child(3):before {
    display: none
}

.product-tab .tab-link h3 {
    color: #252525;
    margin: 0px 0 12px 0
}

@media (max-width: 767px) {
    .product-tab .tab-link h3 {
        margin: 0
    }
}

.product-tab .tab-link span {
    color: #898989;
    text-transform: none;
    font-size: 18px;
    font-family: "Product Sans";
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .product-tab .tab-link.current {
        padding-bottom: 0px
    }

    .product-tab .tab-link.current h3 span {
        padding-left: 0px
    }

    .product-tab .tab-link.current h3 {
        position: relative;
        color: #cf2228 !important
    }

    .product-tab .tab-link.current h3 span {
        color: #cf2228 !important
    }
}

.product-tab .tab-link.current h3 {
    color: #cf2228
}

.product-tab .tab-link.current h3 span {
    color: #cf2228
}

.product-tab .tab-link.current .rte {
    color: #9d9c9c;
    font-weight: 300;
    font-size: 14px;
    border: solid 0px #ebebeb;
    border-top: 0px
}

.product-tab li:last-child h3 span:after {
    content: none
}

.product-tab .tab-content {
    padding: 0px
}

.product-tab .tab-content.current .rte {
    color: #555555;
    border-top: none;
    padding: 0px 0px 60px 0px;
    font-size: 14px;
    font-family: "Product Sans"
}

.product-tab .tab-content.current .rte pre {
    display: none
}

@media (max-width: 1199px) {
    .product-tab .tab-content.current .rte {
        padding: 30px 0 60px 0
    }
}

.product-tab .content_extab.current {
    padding: 20px 15px;
    background: #fff;
    border: solid 1px #e1e1e1
}

.product-tab .content_extab.current .rte {
    padding: 0px 0px
}

.product-tab .content_extab.current .rte img {
    max-width: 100%;
    width: auto !important;
    height: auto !important
}

@media (min-width: 1200px) {
    .product-tab .content_extab.current .rte {
        color: #9d9c9c;
        font-weight: 300;
        font-size: 14px;
        width: 100%
    }

    .product-tab .content_extab.current .rte img {
        max-width: 100%;
        width: auto !important;
        height: auto !important
    }
}

.content_extab {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.content_extab.current {
    opacity: 1;
    visibility: visible;
    height: auto
}

@media (max-width: 767px) {
    .product-tab .tab-link {
        width: 100%;
        border: none;
        padding: 0;
        margin-bottom: 5px !important;
        background: #fff
    }

    .tab-content-mobile {
        display: none
    }

    .current .tab-content-mobile {
        display: block;
        padding: 0px 10px;
        border: 1px solid #e1e1e1;
        border-top: none;
        background: #f7f5f5
    }

    .current .tab-content-mobile .rte {
        padding: 10px 0px;
        border-bottom: 0px
    }

    ul.tabs.tabs-title {
        display: block;
        border: none;
        width: 100%;
        background: none !important
    }

    .product-tab .tab-link h3 {
        border: 1px solid #ebebeb;
        padding: 10px 10px;
        margin-top: 0;
        position: relative
    }

    .product-tab .tab-link h3:before {
        content: '\f107';
        font-size: 20px;
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
        float: right;
        margin-right: 0;
        margin-top: 3px
    }

    .product-tab .tab-link.current .tab-content-mobile {
        margin-bottom: 0px;
        background: #fff
    }

    .product-tab .tab-link.current .tab-content-mobile .rte p img {
        max-width: 100%;
        margin: 0 auto;
        width: auto !important;
        height: auto !important
    }

    .product-tab .tab-link.current h3 {
        border-bottom: none;
        border-bottom: solid 2px #cf2228;
        background: #fff
    }

    .product-tab .tab-link span:after {
        content: none
    }

    .product-tab .border-dashed-tab {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .product-tab .tab-link {
        width: 100%;
        border: none;
        padding: 0;
        margin-bottom: 5px !important;
        background: #fff
    }

    .tab-content-mobile {
        display: none
    }

    .current .tab-content-mobile {
        display: block;
        padding: 0px 10px;
        border: 1px solid #e1e1e1;
        border-top: none;
        background: #f7f5f5
    }

    .current .tab-content-mobile .rte {
        padding: 10px 0px;
        border-bottom: 0px
    }

    ul.tabs.tabs-title {
        display: block;
        border: none;
        width: 100%;
        background: none !important
    }

    .product-tab .tab-link h3 {
        border: 1px solid #ebebeb;
        padding: 10px 10px;
        margin-top: 0;
        position: relative
    }

    .product-tab .tab-link h3:before {
        content: '\f107';
        font-size: 20px;
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
        float: right;
        margin-right: 0;
        margin-top: 3px
    }

    .product-tab .tab-link.current .tab-content-mobile {
        margin-bottom: 0px;
        background: #fff
    }

    .product-tab .tab-link.current .tab-content-mobile .rte p img {
        max-width: 100%;
        margin: 0 auto;
        width: auto !important;
        height: auto !important
    }

    .product-tab .tab-link.current h3 {
        border-bottom: none;
        border-bottom: solid 2px #cf2228;
        background: #fff
    }

    .product-tab .tab-link.current h3:before {
        content: '\f106';
        font-size: 20px;
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900
    }

    .product-tab .tab-link span:after {
        content: none
    }

    .product-tab .border-dashed-tab {
        margin-bottom: 15px
    }
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-summary .bpr-summary .bpr-summary-average {
    font-size: 18px
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-summary .bpr-summary .bizweb-product-reviews-star i {
    font-size: 12px
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-summary .bpr-summary .bizweb-product-reviews-star .star-off-png:before {
    content: "\f005";
    color: #cccccc
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-summary .bpr-summary .bizweb-product-reviews-star .star-on-png:before {
    content: "\f005";
    color: #ffde3c
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-summary .bpr-summary .bizweb-product-reviews-star .star-half-png:before {
    content: "\f123";
    color: #ffde3c
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .product-reviews-summary-actions #btnnewreview {
    background: #cf2228
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-list .bizweb-review .bizweb-review-header div .bizweb-product-reviews-star i {
    font-size: 12px
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-list .bizweb-review .bizweb-review-header div .bizweb-product-reviews-star .star-off-png:before {
    content: "\f005";
    color: #cccccc
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-list .bizweb-review .bizweb-review-header div .bizweb-product-reviews-star .star-on-png:before {
    content: "\f005";
    color: #ffde3c
}

.rte .bizweb-product-reviews #bizweb-product-reviews-sub .bizweb-product-reviews-list .bizweb-review .bizweb-review-header div .bizweb-product-reviews-star .star-half-png:before {
    content: "\f123";
    color: #ffde3c
}

.bizweb-product-reviews-form form .bpr-form-rating #dvRating i {
    font-size: 12px
}

.bizweb-product-reviews-form form .bpr-form-rating #dvRating .star-off-png:before {
    content: "\f005";
    color: #cccccc
}

.bizweb-product-reviews-form form .bpr-form-rating #dvRating .star-on-png:before {
    content: "\f005";
    color: #ffde3c
}

.bizweb-product-reviews-form form .bpr-form-rating #dvRating .star-half-png:before {
    content: "\f123";
    color: #898989
}

@media (max-width: 991px) {
    .module_best_sale_product {
        margin: 0 15px
    }
}

.module_best_sale_product .title_module_ {
    border-bottom: 1px solid #e5e5e5;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: #cf2228
}

.module_best_sale_product .title_module_ .title {
    font-size: 24px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 22px;
    margin: 0px;
    font-weight: 400
}

.module_best_sale_product .title_module_ .title a {
    text-decoration: none;
    color: #fff
}

.module_best_sale_product .sale_off_today {
    border: 1px solid #e5e5e5;
    border-top: none
}

.page_base_h {
    margin-top: 0;
    display: block;
    float: left;
    width: 100%
}

@media (max-width: 991px) {
    .page_base_h {
        padding-top: 0px
    }
}

.page_base_h .form-signup.form_hh {
    background: transparent
}

@media (max-width: 991px) {
    .page_base_h .form-signup.form_hh {
        background: #fff;
        margin-top: 0px;
        border-radius: 20px
    }
}

.page_base_h .form-signup .content_all {
    float: left;
    width: 100%
}

.page_base_h .form-signup .content_all .content_l {
    display: inline-block;
    width: 100%;
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
    line-height: 40px
}

@media (max-width: 767px) {
    .page_base_h .form-signup .content_all .content_l {
        width: 100%
    }
}

.page_base_h .form-signup .content_all .content_r {
    margin: 0;
    width: 100%;
    padding: 0
}

@media (max-width: 767px) {
    .page_base_h .form-signup .content_all .content_r {
        width: 100%
    }
}

.page_base_h .form-signup .content_all .content_r input {
    margin-bottom: 10px;
    min-height: 50px;
    padding: 10px 25px
}

.page_base_h .form-signup .btn_style {
    margin-top: 10px;
    min-width: 180px;
    float: none;
    display: inline-block
}

@media (max-width: 767px) {
    .page_base_h .form-signup .btn_style {
        text-align: left;
        padding: 0px
    }
}

.page_base_h .form-signup .btn_style .btn_customer {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    border-radius: 5px;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #fff
}

.page_base_h .form-signup .have_ac {
    float: left;
    width: 100%;
    text-align: center;
    color: #707070;
    margin-top: 25px
}

.page-404 {
    margin: 30px 0px 70px 0
}

.page-404 .text404 {
    font-size: 352px;
    text-align: center;
    font-weight: 400;
    color: #cf2228;
    line-height: 300px
}

@media (max-width: 767px) {
    .page-404 .text404 {
        font-size: 150px;
        line-height: normal
    }
}

.page-404 h1 {
    font-size: 15px;
    color: #707070;
    font-family: "Product Sans"
}

.page-404 h1 a {
    color: #cf2228
}

.page-404 h1 a:hover {
    color: #252525
}

@media (min-width: 768px) and (max-width: 1199px) {

    .list-category .col-lg-4:nth-child(3n+1),
    .list-category .col-md-4:nth-child(3n+1),
    .list-category col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .list-category .col-xs-6:nth-child(2n+1) {
        clear: left
    }
}

.google-map iframe {
    width: 100%;
    height: 450px;
    border: 0
}

.google-map {
    width: 100%
}

.google-map .map {
    width: 100%;
    height: 450px;
    background: #dedede
}

.product-loop-1 {
    position: relative;
    height: 500px;
    margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.product-loop-1 .wrap_time {
    width: 100%;
    display: block;
    z-index: 999;
    margin: 30px 0 5px 0
}

.product-loop-1 .wrap_time .time {
    text-align: center;
    justify-content: center;
    display: flex;
    -o-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -os-justify-content: center;
    -o-display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -os-display: flex;
    width: 100%
}

.product-loop-1 .wrap_time .time span {
    display: inline-block;
    width: 61px;
    height: 61px;
    float: left;
    padding: 3px;
    border-radius: 50%;
    margin: 0 3px;
    text-align: center;
    background-color: #fff;
    font-family: "Product Sans";
    font-weight: 700;
    color: #101226;
    font-size: 21px;
    line-height: 35px;
    box-shadow: 0px 11px 21px 0px rgba(23, 26, 66, 0.19)
}

@media (max-width: 1199px) {
    .product-loop-1 .wrap_time .time span {
        font-size: 16px
    }
}

.product-loop-1 .wrap_time .time span p {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 6px;
    color: #3a3d5e
}

@media (max-width: 1199px) {
    .product-loop-1 .wrap_time .time span p {
        font-size: 12px
    }
}

.product-loop-1 .hot_label {
    position: absolute;
    width: 55px;
    height: 23px;
    top: 0px;
    right: -5px;
    text-align: center;
    z-index: 9;
    background: #cf2228;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transform: skewX(20deg)
}

.product-loop-1 .hot_label span {
    transform: skewX(-20deg);
    display: inline-block
}

.product-loop-1.product-loop-big {
    height: auto;
    /* height: 100%; */
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.product-loop-1.product-loop-big .product-thumbnail>a.display_flex {
    height: 306px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-big .product-thumbnail>a.display_flex {
        height: 246px
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-big .product-thumbnail>a.display_flex {
        height: 301px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-big .product-thumbnail>a.display_flex {
        height: 351px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-1.product-loop-big .product-thumbnail>a.display_flex {
        height: 239.33px !important
    }
}

.product-loop-1.product-loop-sea {
    height: 280px;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-sea {
        height: 235px !important
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-sea {
        height: 250px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-sea {
        height: 270.5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-loop-1.product-loop-sea {
        height: 325px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-1.product-loop-sea {
        height: 280px !important
    }
}

.product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
    height: 178.75px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
        height: 137.5px
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
        height: 165px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
        height: 190px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
        height: 230px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-1.product-loop-sea .product-thumbnail>a.display_flex {
        height: 199px !important
    }
}

.product-loop-1.product-loop-2 {
    height: 275px;
    height: 100%;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-2 {
        height: 235px !important
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-2 {
        height: 250px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-2 {
        height: 270.5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-loop-1.product-loop-2 {
        height: 315px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-1.product-loop-2 {
        height: 295px !important
    }
}

.product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
    height: 204px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
        height: 130px
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
        height: 157.5px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
        height: 182.5px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
        height: 220px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-1.product-loop-2 .product-thumbnail>a.display_flex {
        height: 212.5px !important
    }
}

.product-loop-1.product-loop-col {
    height: 275px;
    /* height: 100%; */
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.product-loop-1.product-loop-col .product-thumbnail>a.display_flex {
    height: 189.38px
}

@media (max-width: 374px) {
    .product-loop-1.product-loop-col .product-thumbnail>a.display_flex {
        height: 130px
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1.product-loop-col .product-thumbnail>a.display_flex {
        height: 157.5px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1.product-loop-col .product-thumbnail>a.display_flex {
        height: 182.5px !important
    }
}

.product-loop-1 .product-action form {
    margin-bottom: 0px
}

@media (max-width: 1199px) {
    .product-loop-1 {
        padding: 0px
    }
}

@media (max-width: 374px) {
    .product-loop-1 {
        height: 250px !important
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-loop-1 {
        height: 260px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-loop-1 {
        height: 270px !important
    }
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.product-loop-1 .product-hide {
    margin-top: 3px;
    margin-bottom: 5px
}

.product-loop-1 .product-thumbnail {
    position: relative;
    overflow: hidden
}

.product-loop-1 .product-thumbnail.box_img_270>a.display_flex {
    height: 270px
}

.product-loop-1 .product-thumbnail>a.display_flex {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    height: 306px
}

.product-loop-1 .product-thumbnail>a.display_flex:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-loop-1 .product-thumbnail>a.display_flex img {
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.product-loop-1:hover .product-action {
    visibility: visible
}

.product-loop-1:hover .display_flex:before {
    opacity: 0.5 !important
}

.product-loop-1 .product-action {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -os-transform: translate(-50%, -50%);
    z-index: 10;
    display: none
}

.product-loop-1 .product-action .group_action {
    text-align: center;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -os-justify-content: center;
    align-items: center;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)";
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 30px
}

.product-loop-1 .product-action .btn.btn-cart {
    width: 45px;
    height: 45px;
    line-height: 50px;
    color: #252525;
    background: #333;
    border-radius: 5px;
    position: relative;
    margin: 0 2px
}

.product-loop-1 .product-action .btn.btn-cart:hover {
    background: #cf2228;
    color: #fff;
    line-height: 50px
}

.product-loop-1 .product-action .btn.btn-cart:hover ion-icon {
    color: #fff
}

.product-loop-1 .product-action .btn_tuychon {
    line-height: 45px !important
}

.product-loop-1 .product-action .btn_tuychon:hover {
    line-height: 45px !important
}

.product-loop-1 .product-action .xem_nhanh {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    display: inline-block;
    margin: 0px 2px;
    font-size: 14px;
    border-radius: 5px
}

.product-loop-1 .product-action .xem_nhanh .fas {
    color: #252525
}

.product-loop-1 .product-action .xem_nhanh:hover {
    background: #cf2228;
    color: #fff
}

.product-loop-1 .product-action .btn-wishlist {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    border: none;
    text-align: center;
    display: inline-block;
    color: #252525;
    font-size: 16px;
    margin: 0px 2px;
    position: relative;
    background: #fff
}

.product-loop-1 .product-action .btn-wishlist.iwishAddWrapper .fas {
    color: #252525
}

.product-loop-1 .product-action .btn-wishlist.iwishAddWrapper:hover {
    background: #cf2228
}

.product-loop-1 .product-action .btn-wishlist.iwishAddWrapper:hover .fas {
    color: #fff
}

.product-loop-1 .product-action .btn-wishlist.iWishAdded .fas {
    color: red
}

.product-loop-1 .product-info {
    z-index: 10;
    position: relative;
    padding: 0;
    padding-top: 15px;
    float: left;
    width: 100%
}

.product-loop-1 .product-info .product-name {
    font-size: 14px;
    font-family: "Product Sans";
    line-height: 22px;
    margin: 0;
    font-weight: 400;
    word-break: break-word;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px
}

.product-loop-1 .product-info .product-name a {
    color: #252525;
    text-decoration: none
}

.product-loop-1 .product-info .product-name a:hover {
    color: #cf2228
}

.product-loop-1 .product-info .product-hide {
    text-align: center
}

.product-loop-1 .product-info .product-hide .price-box .special-price {
    display: inline-block;
    margin-right: 7px
}

.product-loop-1 .product-info .product-hide .price-box .old-price {
    display: inline-block
}

.product-loop-1 .product-info .product-price {
    color: #cf2228;
    font-size: 16px;
    display: block;
    font-weight: 400
}

.product-loop-1 .product-info .product-price-old {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    color: #acacac
}

@media (min-width: 1200px) {
    .product-loop-1:hover .product-name {
        text-align: center
    }

    .product-loop-1:hover .product-hides {
        display: none
    }

    .product-loop-1:hover .product-action {
        display: block
    }
}

.product-loop-3 {
    width: 100%;
    float: left;
    height: 440px !important;
    background: #fff;
    padding: 15px 35px 0 35px
}

@media (max-width: 991px) {
    .product-loop-3 {
        padding: 15px 30px 0 30px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-3 {
        padding: 15px 5px 0 5px !important
    }
}

.product-loop-3.product-loop-4 {
    height: 110px !important;
    padding: 0px 50px
}

.product-loop-3.product-loop-4 .product-thumbnail {
    width: 100px
}

.product-loop-3.product-loop-4 .product-thumbnail a.image_link {
    height: 100px !important
}

.product-loop-3.product-loop-4 .product-info {
    width: calc(100% - 100px) !important;
    -webkit-width: calc(100% - 100px) !important;
    -moz-width: calc(100% - 100px) !important;
    -o-width: calc(100% - 100px) !important;
    -os-width: calc(100% - 100px) !important;
    display: block;
    float: left;
    padding: 0px !important;
    padding-left: 25px !important
}

.product-loop-3.product-loop-4 .product-info h3 {
    font-size: 14px !important;
    line-height: 22px;
    margin: 0;
    font-weight: 400;
    font-family: "Product Sans";
    word-break: break-word;
    overflow: hidden;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px
}

.product-loop-3.product-loop-4 .product-info h3 a {
    color: #252525
}

.product-loop-3.product-loop-4 .product-info .product-price {
    color: #cf2228;
    font-size: 16px;
    display: block;
    font-weight: 400;
    font-family: "Product Sans"
}

.product-loop-3.product-loop-4 .product-info .product-price-old {
    font-family: "Product Sans";
    font-size: 14px;
    color: #acacac
}

.product-loop-3 .sale-flash {
    position: absolute;
    font-size: 12px;
    font-family: "Product Sans";
    color: #252525;
    padding-right: 7px;
    width: 48px;
    height: 53px;
    line-height: 45px;
    font-weight: bold;
    top: -14px;
    left: 25px;
    text-transform: uppercase;
    text-align: center;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat
}

.product-loop-3 .sale-flash.new {
    background-image: url("")
}

.product-loop-3 .sale-flash.discount {
    background-image: url("")
}

.product-loop-3 .product-thumbnail {
    width: 303px;
    height: auto;
    display: block;
    float: left
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-3 .product-thumbnail {
        width: 240px
    }
}

.product-loop-3 .product-thumbnail a.image_link {
    height: 425px !important
}

.product-loop-3 .product-info {
    width: calc(100% - 303px) !important;
    -webkit-width: calc(100% - 303px) !important;
    -moz-width: calc(100% - 303px) !important;
    -o-width: calc(100% - 303px) !important;
    -os-width: calc(100% - 303px) !important;
    display: block;
    float: left;
    padding: 0px !important
}

@media (min-width: 768px) {
    .product-loop-3 .product-info {
        padding-left: 40px !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .product-loop-3 .product-info {
        padding-right: 10px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-loop-3 .product-info {
        width: calc(100% - 240px) !important;
        -webkit-width: calc(100% - 240px) !important;
        -moz-width: calc(100% - 240px) !important;
        -o-width: calc(100% - 240px) !important;
        -os-width: calc(100% - 240px) !important
    }
}

.product-loop-3 .product-info h3 {
    margin: 0 !important;
    font-size: 16px !important;
    max-height: 43px;
    line-height: 22px;
    color: #2f2f2f
}

.product-loop-3 .product-info .bizweb-product-reviews-badge {
    margin: 5px 0 0 0
}

.product-loop-3 .product-info .product-summary-list {
    color: #7d7d7d;
    padding: 20px 0 25px 0
}

.product-loop-3 .product-info .product-hideoff .product-hide {
    margin-top: 10px;
    margin-bottom: 0px
}

.product-loop-3 .product-action {
    display: block !important;
    position: unset !important
}

.product-loop-3 .product-action form {
    margin-bottom: 0px
}

.product-box-3 {
    position: relative;
    height: 375px;
    margin: 0
}

.product-box-3 .product-action form {
    margin-bottom: 0px
}

.product-box-3:hover .product-action {
    visibility: visible
}

.product-box-3:hover .a_img {
    opacity: 0.5
}

@media (max-width: 1199px) {
    .product-box-3 {
        padding: 0px
    }
}

@media (max-width: 374px) {
    .product-box-3 {
        height: 275px
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-box-3 {
        height: 290px
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-box-3 {
        height: 300px
    }
}

.product-box-3 .product-hide {
    margin-top: 3px;
    margin-bottom: 5px
}

.product-box-3 .product-thumbnail {
    position: relative
}

.product-box-3 .product-thumbnail.box_img_270>a.display_flex {
    height: 270px
}

.product-box-3 .product-thumbnail>a.display_flex {
    width: 100%;
    text-align: center;
    position: relative;
    display: block
}

@media (max-width: 374px) {
    .product-box-3 .product-thumbnail>a.display_flex {
        height: 290px !important
    }
}

@media (min-width: 374px) and (max-width: 413px) {
    .product-box-3 .product-thumbnail>a.display_flex {
        height: 345px !important
    }
}

@media (min-width: 414px) and (max-width: 543px) {
    .product-box-3 .product-thumbnail>a.display_flex {
        height: 395px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-box-3 .product-thumbnail>a.display_flex {
        height: 325px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-box-3 .product-thumbnail>a.display_flex {
        height: 293.33px !important
    }
}

.product-box-3 .product-thumbnail>a.display_flex img {
    max-height: 100%;
    width: auto !important;
    max-width: 100%;
    display: block
}

.product-box-3 .product-action {
    text-align: left;
    display: none;
    margin-top: 10px !important;
    position: absolute;
    width: 100%
}

.product-box-3 .product-action .btn.btn-cart {
    height: 55px;
    line-height: 55px;
    border-radius: 0;
    color: #fff;
    background: #cf2228;
    margin-right: 0px;
    padding: 0 65px;
    font-size: 18px;
    font-weight: bold;
    position: relative
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-box-3 .product-action .btn.btn-cart {
        padding: 0 30px;
        min-width: 175px
    }
}

.product-box-3 .product-action .btn.btn-cart.add_to_cart {
    padding: 0 45px 0 65px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-box-3 .product-action .btn.btn-cart.add_to_cart {
        padding: 0 30px
    }
}

.product-box-3 .product-action .btn.btn-cart.add_to_cart:before {
    position: absolute;
    content: "";
    background-image: url("");
    background-repeat: no-repeat;
    width: 21px;
    height: 18px;
    top: 18px;
    left: 34px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-box-3 .product-action .btn.btn-cart.add_to_cart:before {
        display: none
    }
}

.product-box-3 .product-action .btn.btn-cart:hover {
    background: #626669
}

.product-box-3 .product-info {
    z-index: 10;
    position: relative;
    padding: 0 0px 20px 0px;
    float: left;
    width: 100%
}

.product-box-3 .product-info .product-name {
    font-size: 14px;
    font-family: "Product Sans";
    line-height: 21px;
    margin: 10px 0 !important;
    font-weight: 400;
    height: auto;
    word-break: break-word;
    max-height: 40px;
    overflow: hidden
}

.product-box-3 .product-info .product-name a {
    color: #252525;
    text-decoration: none
}

.product-box-3 .product-info .product-name a:hover {
    color: #cf2228
}

.product-box-3 .product-info .product-hide .price-box .special-price {
    display: inline-block;
    margin-right: 7px
}

.product-box-3 .product-info .product-hide .price-box .old-price {
    display: inline-block
}

.product-box-3 .product-info .product-price {
    color: #626669;
    font-size: 21px;
    display: block;
    font-weight: 400;
    font-family: "Product Sans"
}

.product-box-3 .product-info .product-price-old {
    text-decoration: line-through;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    color: #7b8395
}

@media (min-width: 1200px) {
    .product-box-3:hover .product-name {
        text-align: left
    }

    .product-box-3:hover .product-hides {
        display: none
    }

    .product-box-3:hover .product-action {
        display: block
    }
}

@media (min-width: 1200px) {
    .product-box-3:hover .quick-view {
        opacity: 1 !important
    }
}

.product-price {
    color: #cf2228;
    font-size: 1.33333em;
    line-height: 24px;
    display: block
}

.product-box-5 {
    background: #fff;
    padding: 0 !important;
    margin-bottom: 30px;
    overflow: hidden
}

.product-box-5 .product-info .product-name {
    margin: 0px 0px 2px 0px !important
}

.product-box-5 .product-info .product-hide {
    margin-top: 5px !important
}

.product-box-5:hover .product-actions {
    display: block
}

.blog_feature .blog_itemss:first-child {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .blog_feature .blog_itemss:first-child {
        margin-bottom: 25px
    }
}

.blog_feature .blog_itemss .blog-img {
    text-align: center;
    position: relative
}

.blog_feature .blog_itemss .blog-img.thumb_horizontal:hover:before {
    width: 100%
}

.blog_feature .blog_itemss .blog-img .img_item_blog {
    width: 100%;
    text-align: center;
    position: relative;
    display: block
}

.blog_feature .blog_itemss .blog-img h3 {
    position: absolute;
    display: none;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    line-height: normal;
    z-index: 99;
    width: 100%;
    padding: 0 30px
}

@media (max-width: 1199px) {
    .blog_feature .blog_itemss .blog-img h3 {
        top: 40%
    }
}

.blog_feature .blog_itemss .blog-img h3 a {
    color: #fff
}

.blog_feature .blog_itemss .blog-img h3 a:hover {
    color: #cf2228
}

@media (max-width: 767px) {
    .blog_feature .blog_itemss .blog-img h3 a {
        font-size: 16px
    }
}

.blog_feature .blog_itemss .blog-img:hover h3 {
    display: block;
    z-index: 99
}

.blog_feature .blog_itemss .blog-img:hover .img_item_blog:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0px
}

.blog_feature h2 {
    margin: 0px;
    margin-bottom: 20px
}

.blog_feature h2 a {
    font-size: 21px;
    font-weight: bold;
    font-family: "Product Sans"
}

.right-content {
    margin-top: 40px
}

.fix_blog_4 .blog_itemss .blog-img h3 a {
    font-size: 18px
}

.product-actions {
    display: none;
    margin-top: 5px
}

.product-actions form {
    margin: 0
}

.product-actions .btn.btn-cart {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    color: #fff;
    background: #a7a8ba;
    border-radius: 50%;
    position: relative;
    font-size: 16px;
    margin: 0 2px;
    float: left
}

.product-actions .btn.btn-cart.add_to_cart:before {
    position: absolute;
    content: "";
    background-image: url("");
    background-repeat: no-repeat;
    width: 20px;
    height: 19px;
    top: 15px;
    right: 13px
}

.product-actions .btn.btn-cart.add_to_cart:hover:before {
    position: absolute;
    content: "";
    background-image: url("");
    background-repeat: no-repeat;
    width: 20px;
    height: 19px;
    top: 15px;
    right: 13px
}

.product-actions .btn.btn-cart:hover {
    background: #cf2228;
    color: #fff
}

.product-actions .xem_nhanh {
    width: 45px;
    height: 45px !important;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #a7a8ba;
    display: inline-block;
    margin: 0px 2px 0 0;
    font-size: 16px;
    border-radius: 50%;
    float: left
}

.product-actions .xem_nhanh .fas {
    color: #252525
}

.product-actions .xem_nhanh:hover {
    background: #cf2228
}

.product-actions .xem_nhanh:hover .fa {
    color: #fff
}

.product-actions .btn-wishlist {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: none;
    text-align: center;
    display: inline-block;
    color: #252525;
    font-size: 16px;
    margin: 0px 2px;
    position: relative;
    background: #a7a8ba;
    float: left
}

.product-actions .btn-wishlist.iwishAddWrapper .fas {
    color: #fff
}

.product-actions .btn-wishlist.iwishAddWrapper:hover {
    background: #cf2228
}

.product-actions .btn-wishlist.iwishAddWrapper:hover .fas {
    color: #fff
}

.product-actions .btn-wishlist.iWishAdded .fas {
    color: red
}

.section_service_end {
    padding: 0px 0px;
    overflow: hidden
}

.section_service_end .owl-dots {
    display: none
}

@media (max-width: 767px) {
    .section_service_end .owl-dots {
        display: block !important;
        bottom: 0px !important
    }

    .section_service_end .owl-dots .owl-dot {
        background: #ddd
    }

    .section_service_end .owl-dots .owl-dot span {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_service_end .owl-nav {
        display: none
    }
}

@media (max-width: 767px) {
    .section_service_end .wrap_item_srv {
        display: block !important;
        padding: 15px 0
    }
}

@media (max-width: 767px) {
    .section_service_end .owl-item {
        width: 100% !important
    }
}

.section_service_end .owl-item:nth-child(3) .service_item_ed:after {
    display: none
}

.section_service_end .service_item_ed {
    height: 75px;
    padding: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: left;
    width: 100%
}

.section_service_end .service_item_ed .iconx {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-right: 0px;
    border-radius: 30px
}

.section_service_end .service_item_ed .iconx .far,
.section_service_end .service_item_ed .iconx .fas {
    color: #fff;
    font-size: 12px
}

.section_service_end .service_item_ed .iconx img {
    max-width: 100%;
    height: auto
}

.section_service_end .service_item_ed .iconx ion-icon {
    color: #cf2228;
    font-size: 36px
}

.section_service_end .service_item_ed .content_srv {
    width: calc(100% - 58px);
    -o-width: calc(100% - 58px);
    -moz-width: calc(100% - 58px);
    -webkit-width: calc(100% - 58px);
    display: inline-block;
    float: left;
    margin-left: 15px
}

.section_service_end .service_item_ed .content_srv .title_service {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #252525
}

.section_service_end .service_item_ed .content_srv .content_service {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #252525
}

.section_service_end .service_item_ed .content_srv .content_service a {
    font-weight: 400;
    color: #252525;
    text-decoration: none
}

.section_service_end .service_item_ed .content_srv .content_service a:hover {
    color: #cf2228
}

.wishlist-page-body {
    padding-top: 30px;
    overflow: hidden;
    margin-top: 25px !important;
    background: #fff;
    position: relative
}

.wishlist-page-body .wishlist-title {
    display: none !important
}

.wishlist-page-body .wishlist-clearfix .wishlist-search {
    position: relative;
    width: 35% !important
}

.wishlist-page-body .wishlist-clearfix .wishlist-search #wishlist_search_input {
    position: relative;
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 3px;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.wishlist-page-body .wishlist-clearfix .wishlist-search:after {
    font-family: 'FontAwesome';
    content: "\f002";
    font-size: 15px;
    line-height: 24px;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 20px;
    top: 8px;
    color: #eee
}

.wishlist-page-body .wishlist-clearfix .wishlist-share {
    width: 15% !important;
    margin-top: 3px
}

.wishlist-page-body .wishlist-clearfix .wishlist-display-style {
    float: none !important;
    position: absolute;
    top: 30px;
    right: 15px;
    width: 10% !important;
    text-align: right
}

.wishlist-page-body .wishlist-clearfix .wishlist-display-style .wishlist-list-style.active,
.wishlist-page-body .wishlist-clearfix .wishlist-display-style .wishlist-grid-style.active,
.wishlist-page-body .wishlist-clearfix .wishlist-display-style .wishlist-list-style:hover,
.wishlist-page-body .wishlist-clearfix .wishlist-display-style .wishlist-grid-style:hover {
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-list-view {
    padding-top: 15px;
    border-top: solid 1px #eee
}

.wishlist-page-body .wishlist-list-view .wishlist-product {
    margin-top: 0;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebeb
}

.wishlist-page-body .wishlist-list-view .wishlist-product:last-child {
    border-bottom: none
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-img {
    width: 140px !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content {
    width: calc(100% - 140px - 180px)
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name {
    color: #231f20 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name p {
    color: #333 !important;
    font-weight: 300;
    font-size: 17px !important;
    margin: 0px !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name:hover {
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name:hover p {
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content p {
    margin: 0px !important;
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-price {
    font-weight: bold !important;
    line-height: 25px !important;
    color: #cf2228 !important;
    margin-right: 10px !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-oldprice {
    color: #898989;
    font-weight: 300;
    text-decoration: line-through
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-oldprice:before {
    content: " ";
    width: 2px;
    background: #b6b6b6;
    height: 12px;
    position: absolute;
    margin-left: -9px;
    margin-top: 9px
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-description {
    color: #231f20 !important;
    margin: 0px !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form {
    margin-bottom: 0px !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form .wishlist-btn {
    background-image: none;
    line-height: 24px !important;
    border-radius: 3px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 400;
    color: #fff !important;
    background: #cf2228 !important;
    border: solid 1px #cf2228 !important;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form .wishlist-btn:hover {
    border-color: #cf2228 !important;
    color: #cf2228 !important;
    background: #fff !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove {
    text-align: right
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link {
    font-size: 11px !important;
    line-height: 24px;
    color: #616161 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin-right: 2px
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    position: absolute;
    margin-left: -20px;
    margin-top: 1px;
    font-size: 14px;
    color: #616161
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:hover {
    color: #cf2228 !important;
    text-decoration: none !important
}

.wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:hover:before {
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-grid-view {
    padding-top: 15px;
    border-top: 1px solid #ebebeb
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-img {
    height: 200px !important;
    width: 180px !important;
    overflow: hidden
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content {
    text-align: center;
    min-height: 100px
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name {
    color: #333 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 24px
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-name p {
    padding: 0px 5px;
    color: #333 !important;
    font-weight: 300;
    margin: 0px !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content p {
    margin: 0px !important;
    color: #cf2228 !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-price {
    font-weight: bold !important;
    line-height: 25px !important;
    color: #cf2228 !important;
    margin-right: 10px !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-oldprice {
    color: #898989;
    font-weight: 300;
    font-size: 13px
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content p .wishlist-product-oldprice:before {
    content: " ";
    width: 2px;
    background: #b6b6b6;
    height: 12px;
    position: absolute;
    margin-left: -9px;
    margin-top: 9px
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-content .wishlist-product-description {
    color: #898989 !important;
    font-size: 13px;
    margin: 0px !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action {
    margin-top: 5px
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form {
    margin-bottom: 0px !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form .wishlist-btn {
    background-image: none;
    line-height: 24px !important;
    border-radius: 3px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 400;
    color: #fff !important;
    background: #cf2228 !important;
    border: solid 1px #cf2228 !important;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form .wishlist-btn:hover {
    border-color: #cf2228 !important;
    color: #cf2228 !important;
    background: #fff !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove {
    text-align: center
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link {
    font-size: 11px !important;
    line-height: 24px;
    color: #616161 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    position: absolute;
    margin-left: -20px;
    margin-top: 1px;
    font-size: 14px;
    color: #616161
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:hover {
    color: #cf2228 !important;
    text-decoration: none !important
}

.wishlist-page-body .wishlist-grid-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-remove .wishlist-remove-link:hover:before {
    color: #cf2228 !important
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .wishlist-grid-view .wishlist-product {
        width: calc(100% / 4) !important
    }

    .wishlist-page-body .wishlist-clearfix .wishlist-share {
        width: 18% !important
    }
}

@media screen and (max-width: 991px) {
    .wishlist-page-body .wishlist-clearfix .wishlist-share {
        width: 30% !important;
        margin-top: 3px
    }
}

@media screen and (max-width: 720px) {
    .wishlist-share-select select {
        height: 40px !important;
        padding: 0 10px !important;
        margin-bottom: 20px
    }

    .wishlist-page-body .wishlist-clearfix .wishlist-display-style {
        float: none !important;
        position: absolute;
        top: 90px;
        right: 15px;
        width: 30% !important;
        text-align: right
    }

    .wishlist-page-body .wishlist-clearfix .wishlist-search {
        position: relative;
        width: 60% !important
    }
}

@media screen and (max-width: 767px) {
    .wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content {
        width: calc(100% - 160px)
    }

    .wishlist-list-view .wishlist-product-btn,
    .wishlist-list-view .wishlist-sold-out-btn {
        display: block;
        width: 45% !important
    }

    .article-main .postby .post_name {
        width: 100%;
        float: left
    }

    .wishlist-page-body .wishlist-clearfix .wishlist-search {
        width: 100% !important
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wishlist-grid-view .wishlist-product {
        width: calc(100% / 3) !important
    }
}

@media screen and (min-width: 581px) and (max-width: 767px) {
    .wishlist-grid-view .wishlist-product {
        width: calc(100% / 2) !important
    }
}

@media screen and (max-width: 580px) {
    .wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-content {
        width: 100% !important
    }

    .wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-img {
        width: 100% !important;
        height: auto
    }

    .wishlist-page-body .wishlist-list-view .wishlist-view-page .wishlist-product .wishlist-product-action .wishlist-add-to-cart form .wishlist-btn {
        border-color: #ff4157 !important;
        color: #ff4157 !important;
        background: #fff !important;
        width: auto !important
    }

    .wishlist-grid-view .wishlist-product {
        width: calc(100% / 1) !important
    }
}

.social-login a {
    display: inline-block
}

.ekko-lightbox .modal-header {
    display: none !important
}

.verticalmenu .vertical-nav {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 30px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .verticalmenu .vertical-nav {
        padding-bottom: 10px
    }
}

.verticalmenu .vertical-nav .nav-item {
    float: none;
    position: unset
}

.verticalmenu .vertical-nav .nav-item a.nav-link {
    padding: 7px 30px 7px 20px;
    border: none;
    color: #252525;
    font-size: 14px;
    line-height: 24px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .verticalmenu .vertical-nav .nav-item a.nav-link {
        font-size: 14px
    }
}

.verticalmenu .vertical-nav .nav-item a.nav-link:hover {
    background: none;
    color: #cf2228
}

.verticalmenu .vertical-nav .nav-item i.fas {
    font-size: 15px;
    position: absolute;
    top: -1px;
    right: 0;
    width: 43px;
    line-height: 43px;
    text-align: center
}

.verticalmenu .vertical-nav .nav-item>.dropdown-menu {
    left: calc(100%) !important;
    border: 0px;
    min-width: 260px;
    position: absolute;
    left: 270px;
    min-height: 409px;
    width: 898px;
    top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    background: #fff;
    padding: 25px 25px 45px 25px;
    display: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

.verticalmenu .vertical-nav .nav-item.active .dropdown-menu {
    display: block !important;
    float: none
}

.aside-vetical-menu .blog-aside {
    position: absolute;
    width: 100%;
    height: auto;
    top: 45px;
    left: 0;
    float: left
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item {
    display: none
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item.xemthem {
    display: block
}

.aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item.thugon {
    display: none
}

@media (min-width: 1200px) {

    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(1),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(2),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(3),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(4),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(5),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(6),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(7),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(8),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(9),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(10) {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(1),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(2),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(3),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(4),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(5),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(6),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(7),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(8),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(9),
    .aside-vetical-menu .aside-content>.nav-category>.ul>.nav-item:nth-child(10) {
        display: block !important
    }
}

@media (min-width: 992px) {
    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu {
        position: absolute;
        left: calc(100% + 15px);
        top: -7px;
        padding: 10px 5px 10px 25px;
        border-radius: 0;
        box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4)
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu:after {
        position: absolute;
        content: "";
        background: none;
        width: 15px;
        height: 50px;
        top: 0;
        right: 100%
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu .nav-item:first-child a.nav-link {
        border: none
    }

    .aside-vetical-menu .aside-content .nav-item>.dropdown-menu li>ul {
        left: calc(100% + 5px) !important
    }

    .aside-vetical-menu .aside-content .nav-item.active>.dropdown-menu,
    .aside-vetical-menu .aside-content .nav-item:hover>.dropdown-menu {
        display: block
    }
}

@media (max-width: 991px) {
    .aside-vetical-menu .aside-content>.nav-category>ul>.nav-item {
        display: block !important
    }
}

.list_menu_header {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: relative;
    top: 0px;
    z-index: 99;
    left: 0;
    width: 100%;
    padding: 0px;
    background-color: #fff;
    min-height: 409px
}

.list_menu_header .hidden-lgg {
    display: none
}

@media (min-width: 1200px) {
    .list_menu_header {
        padding: 0px
    }
}

@media (max-width: 1199px) {
    .list_menu_header {
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
        -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
        transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
        box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        position: relative;
        top: 0;
        left: 0px;
        padding: 0;
        z-index: 999
    }
}

.list_menu_header .ul_menu {
    margin-left: 0px;
    padding-left: 0px;
    background: #ffffff;
    margin-bottom: 0px;
    border-top: 0px;
    position: relative;
    padding: 0px 0px;
    border-top: 0px;
    padding-bottom: 15px
}

.list_menu_header .ul_menu .nav_item {
    position: unset
}

.list_menu_header .ul_menu .nav_item:hover .icon:before {
    color: #fff
}

.list_menu_header .ul_menu .nav_item a {
    font-family: "Product Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: block;
    color: #252525;
    position: relative;
    text-transform: none;
    padding: 7.5px 35px 7.5px 45px
}

.list_menu_header .ul_menu .nav_item a:hover .fas {
    color: #fff !important
}

@media (max-width: 1199px) {
    .list_menu_header .ul_menu .nav_item a {
        padding: 7px 30px 7px 40px
    }
}

.list_menu_header .ul_menu .nav_item a:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    top: 6px;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 1199px) {
    .list_menu_header .ul_menu .nav_item a:before {
        left: 15px
    }
}

.list_menu_header .ul_menu .nav_item .fas {
    font-size: 16px;
    width: 24px;
    line-height: 39px;
    color: #252525;
    position: absolute;
    right: 5px;
    top: 0px;
    text-align: center
}

@media (max-width: 1199px) {
    .list_menu_header .ul_menu .nav_item .fas {
        line-height: 45px
    }
}

.list_menu_header .ul_menu .nav_item:hover,
.list_menu_header .ul_menu .nav_item:focus {
    background: #cf2228
}

.list_menu_header .ul_menu .nav_item:hover>a,
.list_menu_header .ul_menu .nav_item:focus>a {
    color: #fff;
    text-decoration: none
}

.list_menu_header .ul_menu .nav_item:hover>a .fa,
.list_menu_header .ul_menu .nav_item:focus>a .fa {
    color: #fff
}

.list_menu_header .ul_menu .nav_item:hover>a:before,
.list_menu_header .ul_menu .nav_item:focus>a:before {
    color: #cf2228
}

.list_menu_header .ul_menu .nav_item:hover>a:after,
.list_menu_header .ul_menu .nav_item:focus>a:after {
    display: block
}

.list_menu_header .ul_menu .nav_item:hover>.fas,
.list_menu_header .ul_menu .nav_item:focus>.fas {
    color: #cf2228
}

.list_menu_header .ul_menu .nav_item:hover>.ul_content_right_1,
.list_menu_header .ul_menu .nav_item:focus>.ul_content_right_1 {
    display: block
}

.list_menu_header .ul_menu .ul_content_right_1 {
    border: 2px solid #cf2228;
    position: absolute;
    left: 262px;
    min-height: 409px;
    width: 880px;
    top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    background: #fff;
    padding: 25px 25px 0px 35px;
    display: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

@media (max-width: 1199px) and (min-width: 992px) {
    .list_menu_header .ul_menu .ul_content_right_1 {
        position: absolute;
        left: 212px;
        min-height: 409px;
        width: 563px
    }
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item {
    padding: 0px 15px;
    display: block;
    float: left
}

@media (min-width: 1200px) {
    .list_menu_header .ul_menu .ul_content_right_1 .nav_item.col-lg-4:nth-child(4n+1) {
        clear: left
    }
}

@media (min-width: 992) and (max-width: 1199px) {
    .list_menu_header .ul_menu .ul_content_right_1 .nav_item.col-md-3:nth-child(4n+1) {
        clear: left
    }
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a {
    font-family: "Product Sans";
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding: 0px 0px 8px 0px;
    color: #252525;
    text-transform: initial;
    margin-bottom: 0px;
    position: relative;
    border-bottom: 0px;
    text-transform: uppercase
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a:before {
    content: none;
    background-image: none
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item>a:after {
    content: none
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .fas {
    font-size: 14px;
    width: 25px;
    line-height: 39px;
    color: #252525;
    position: absolute;
    right: 5px;
    top: 0px;
    text-align: center
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus {
    background: transparent
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover>a,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus>a {
    color: #cf2228;
    text-decoration: none;
    background: transparent
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover>.fas,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus>.fas {
    color: #cf2228
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item:hover .ul_content_right_2,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item:focus .ul_content_right_2 {
    display: block
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 {
    left: 0;
    width: 100%;
    top: 0;
    padding-left: 0px;
    margin-left: 0px;
    background: transparent;
    margin-bottom: 25px;
    float: left
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item {
    width: 100%;
    display: block;
    float: left;
    padding: 0px
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a {
    font-family: "Product Sans";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: block;
    padding: 3px 0px 3px 0px;
    color: #898989;
    position: relative;
    text-transform: initial;
    border-bottom: none;
    margin-bottom: 0px
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a:hover {
    background: transparent
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a:before {
    content: none
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item a:after {
    content: none
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item .fas {
    font-size: 14px;
    width: 25px;
    line-height: 36px;
    color: #252525;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus {
    background: transparent
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover>a,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus>a {
    color: #cf2228;
    text-decoration: none
}

.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:hover>.fas,
.list_menu_header .ul_menu .ul_content_right_1 .nav_item .ul_content_right_2 .nav_item:focus>.fas {
    color: #cf2228
}

.h3_title a {
    font-size: 14px;
    font-weight: bold !important;
    color: #cf2228 !important;
    padding: 0 !important;
    text-transform: uppercase !important
}

.h3_title a:hover {
    background: transparent !important;
    color: #a31b20
}

.h3_title a:before {
    content: none !important
}

@media (max-width: 991px) {
    .ul_content_right_1 {
        position: relative !important;
        left: unset !important;
        min-height: unset !important;
        width: 100% !important;
        top: unset !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .ul_content_right_1 .nav_item {
        float: left;
        width: 100%
    }
}

.grecaptcha-badge {
    display: none
}

.shadow-sm {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    padding: 10px
}

.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 700px 104px;
    position: relative
}

.evo-list-accessories {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    clear: left
}

.evo-list-accessories .col8 {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -ms-flex-preferred-size: calc(calc(100% / 5));
    flex-basis: calc(calc(100% / 5));
    width: calc(calc(100% / 5))
}

@media (max-width: 991px) {
    .evo-list-accessories .col8 {
        -ms-flex-preferred-size: calc(calc(100% / 3));
        flex-basis: calc(calc(100% / 3));
        width: calc(calc(100% / 3))
    }
}

@media (max-width: 767px) {
    .evo-list-accessories .col8 {
        -ms-flex-preferred-size: calc(calc(100% / 2));
        flex-basis: calc(calc(100% / 2));
        width: calc(calc(100% / 2))
    }
}

.evo-list-accessories .col8 .search-item {
    display: block;
    padding: 10px;
    text-align: center
}

@media (max-width: 991px) {
    .evo-list-accessories .col8 .search-item {
        padding: 0;
        margin: 0px 10px 10px 10px
    }
}

.evo-list-accessories .col8 .search-item .keyword-img {
    padding-bottom: 100%;
    position: relative
}

.evo-list-accessories .col8 .search-item .keyword-img img {
    width: auto !important;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px;
    transform: translate(-50%, -50%);
    margin: auto
}

.evo-list-accessories .col8 .search-item .keyword-info-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: unset;
    color: #000;
    margin-top: 5px
}

@media (max-width: 991px) {
    .evo-list-accessories .col8 .search-item .keyword-info-title {
        -webkit-line-clamp: 2;
        font-size: 13px;
        line-height: 1.2
    }
}

.evo-list-accessories .col8 .search-item .keyword-info-title:hover,
.evo-list-accessories .col8 .search-item .keyword-info-title:focus {
    color: #cf2228
}

@media (min-width: 1025px) {
    .evo-list-accessories .col8:hover {
        border-color: rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
        z-index: 99
    }
}

.social-fix {
    position: fixed;
    top: initial !important;
    left: 20px;
    bottom: 20px;
    z-index: 999
}

.social-fix a {
    display: block;
    margin-top: 10px;
    max-width: 45px
}

.btn-call-now {
    display: flex;
    align-items: center;
    bottom: 20px;
    max-width: initial !important;
    background: rgba(183, 1, 0, 0.74);
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    z-index: 99;
    left: 20px;
    top: initial !important;
    color: #FFF;
    font-weight: 700;
    border-radius: 25px;
    padding: 5px;
    -moz-animation-duration: 500ms;
    -moz-animation-name: calllink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-duration: 500ms;
    -webkit-animation-name: calllink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-duration: 500ms;
    animation-name: calllink;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.btn-call-now span {
    font-size: 18px;
    vertical-align: top
}

.btn-call-now .fa {
    color: #b70100;
    font-size: 23px;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center
}



@keyframes calllink {
    0% {
        color: #eba11e
    }

    50% {
        color: #fff
    }

    100% {
        color: #ebfa48
    }
}

@media (max-width: 767px) {
    .btn-call-now span {
        display: none
    }

    .btn-call-now .fa {
        margin: 0
    }

    .btn-call-now {
        width: initial;
        min-width: initial
    }
}

.main-product-home .container .row {
    margin-left: -30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.main-product-home .container .row .row {
    margin-left: 0px;
    box-shadow: none
}

.border-bot {
    border-bottom: 1px solid #cccccc
}

.container-subpage {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin-top: -30px;
}

.logo-wrapper img {
    max-width: 200px;
}

.wrapper-home-banner-servce {
    padding-top: 20px;
}

.wrapper-home-banner-servce .flex_content {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}

.wrapper-home-banner-servce .services-pd {
    margin: 0;
}

.wrapper-home-banner-servce .services {
    text-align: center;
    border: 1px solid #f4f4f7;
    padding: 40px 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 25%;
}

.wrapper-home-banner-servce .services:hover {
    background: #F4F4F7;
}

.wrapper-home-banner-servce .services:hover .service-img {
    opacity: 0.5;
}

.wrapper-home-banner-servce .services:hover .text .title {
    color: #000000;
    letter-spacing: 1px;
}

.wrapper-home-banner-servce .services .service-img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto 8px;
    height: 50px;
    width: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.wrapper-home-banner-servce .services .text .title {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
    color: #666;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.wrapper-home-banner-servce .services .text .desc {
    color: #666;
}

.wrapper-home-banner-img {
    text-align: center;
}

.wrapper-home-banner-img .no_pdr {
    padding-right: 15px;
}

.wrapper-home-banner-img .padding-img {
    padding-top: 10px;
    position: relative;
}

.wrapper-home-banner-img .fade-out {
    position: relative;
}

.wrapper-home-banner-img .fade-out .fadeoutcenter:after {
    background: rgba(0, 0, 0, 0.1) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .wrapper-home-banner-img .col-md-4 {
        padding-right: 11.5px;
    }
}

.wrapper-home-banner-logo {
    padding: 0px 0 0;
}

.wrapper-home-banner-logo .product-logo .bar-logo {
    cursor: pointer;
}

.wrapper-home-banner-logo .product-logo .bar-logo img {
    width: initial;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.wrapper-home-banner-logo .product-logo .bar-logo img:hover {
    -webkit-transition: scale(0.8);
    -moz-transition: scale(0.8);
    -o-transition: scale(0.8);
    /*transform: scale(0.8);*/
}

/*------------------------- PRODUCT ITEM-------------------------*/
#detail-product .pro-soldold {
    color: #e4a554;
    font-weight: bold;
}

.pro-loop {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #fff;
    margin-bottom: 10px;
}

.pro-loop a {
    display: block;
}

.pro-loop .product-detail {
    padding: 6px 0 0px;
}

.pro-loop .product-detail h3 {
    margin: 0 0 5px;
    font-size: 14px;
    position: relative;
}

.pro-loop .product-detail h3 a {
    line-height: 1.5;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.pro-loop .product-detail .box-pro-detail {
    z-index: 9;
    width: 100%;
}

.pro-loop .product-img {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.pro-loop .product-img .product-sale {
    left: 10px;
    color: #f94c43;
}

.pro-loop .product-img .sold-out {
    right: 10px;
}

.pro-loop .product-img .sold-out span {
    opacity: .66;
}

.pro-loop .product-img .button-add {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: -34%;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.pro-loop .product-img button {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    background: #191919;
    color: #fff;
    padding: 6px 20px;
}

.pro-loop .product-img button i {
    margin-left: 8px;
    font-size: 14px;
}

.pro-loop .product-img picture {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pro-loop .product-img picture:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}
  /* Style for the dropdown container */
  .dropdown {
    position: relative;
    display: inline-block;
}

/* Style for the dropdown button */
.dropdown-btn {
    background: none;
    color: #050505;
    padding: 0 10px 10px 10px;
    border: none;
    cursor: pointer;
}

/* Style for the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Style for the dropdown items */
.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown content when the dropdown button is hovered over */
.dropdown:hover .dropdown-content {
    display: block;
}