/*
Theme Name: Kabiweb Woocommerce
Theme URI:  https://kabiweb.com
Author: Khanh Bui - bvkhanh88@gmail.com
Author URI: https://kabiweb.com
Description: Kabiweb Responsive Wordpress Theme.
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kbw
Template: kabiweb
*/

/*@font-face {*/
    /*font-family: 'Roboto';*/
    /*src: url('assets/fonts/Roboto-Regular.ttf');*/
    /*font-weight: 400;*/
    /*font-style: normal;*/
/*}*/

html body {
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none !important;
}

@media (min-width: 992px) {
    body {font-size: 16px;line-height: 1.7;}
}

.kbw-gap-5 {margin-left: -2.5px;margin-right: -2.5px;}
.kbw-gap-5 > [class*="col-"], .kbw-gap-5 > [class*="kc_col"] {padding: 0 2.5px;}
.kbw-gap-10 {margin-left: -5px;margin-right: -5px;}
.kbw-gap-10 > [class*="col-"], .kbw-gap-10 > [class*="kc_col"] {padding: 0 5px;}
.kbw-gap-15 {margin-left: -7.5px;margin-right: -7.5px;}
.kbw-gap-15 > [class*="col-"], .kbw-gap-15 > [class*="kc_col"] {padding: 0 7.5px;}
.kbw-gap-20 {margin-left: -10px;margin-right: -10px;}
.kbw-gap-20 > [class*="col-"], .kbw-gap-20 > [class*="kc_col"] {padding: 0 10px;}
.kbw-gap-25 {margin-left: -12.5px;margin-right: -12.5px;}
.kbw-gap-25 > [class*="col-"], .kbw-gap-25 > [class*="kc_col"] {padding: 0 12.5px;}
.kbw-gap-30 {margin-left: -15px;margin-right: -15px;}
.kbw-gap-30 > [class*="col-"], .kbw-gap-30 > [class*="kc_col"] {padding: 0 15px;}


/*-[ GENERAL ]---------------*/
#wrapper {background: #fff;}
#wrapper.boxed {max-width: none;}
.boxed #main-content {padding: 0 10px;background-color: #fff;}
.boxed #site-footer {padding: 20px;background-color: #fff;box-shadow: none;}
.boxed footer#site-footer .copyrights {background-color: #fff;border: none;}
.widget .widget-title, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {}
@media (max-width: 991px) {
    .container {max-width: 100%;}
}

input {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code,
pre .line-number {
    /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
    font: normal normal 14px/1.6 Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #555;
    display: block;
}
pre .line-number {float: left;margin: 1.5px 1em 0 -1em;border-right: 1px solid;text-align: right;}
pre .line-number span {display: block;padding: 0 .5em 0 1em;}
pre .cl {display: block;clear: both;}

.sidebar.col-sidebar {float: none;width: 100%;padding: 0;}
h1.title + .post-listing {margin-top: 20px;}

table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0;
}

th, td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em;
}

.theiaStickySidebar {z-index: 10;}

/* LightGallery */
.lg-backdrop.in {opacity: .8;}
div.lg-thumb.lg-group {margin-left: auto !important;margin-right: auto !important;}

/* fix owl-carousel on mobile */
@media (max-width: 575px) {
    .owl-carousel .owl-item img {position: relative;left: -.5px;}
}

#topcontrol {right: 32px;}
.entry-content h2 {font-size: 1.4rem;}
.entry-content h3 {font-size: 1.35rem;}

/* Slider */
.slider-wrapper .owl-carousel .owl-nav [class*="owl-"] {width: 30px;height: 40px;background: rgba(0,0,0,.55);color: #fff;}


/*
* HEADER
* -------------------------------------------------------------*/
#logo {margin: 10px 15px;}

.header-top {background: #efefef;}
.header-top .kbw-inner a {
    color: #777;
    display: block;
    font-weight: 700;
    line-height: 35px;
}
.kbw-left .header-tab {padding: 0;position: relative;float: left;}
.kbw-left .header-tab li {
    display: block;
    float: left;
    font-size: 1rem;
    padding: 0;
    margin-right: 3px;
    height: 35px;
    width: 35px;
    text-align: center;
}
.kbw-left .header-tab li:hover {background-color: #ffcc32;}
.kbw-left .header-tab li.active {}
.kbw-left .header-tab li:hover a, .kbw-left .header-tab li.active a {color: #21409a;}
.kbw-right li {float: left;margin: 0 0 0 25px;}
.kbw-right li.hotline span:nth-child(1) {font-size: 1.15rem;color: #f00;}
.kbw-right li.hotline span:nth-child(2) {font-weight: 400;}
.kbw-right li a {}

.header-main {}
@media (min-width: 1230px) {
    .row-header .header-left {max-width: 280px;flex-basis: 280px;}
    .row-header .header-right {max-width: calc(100% - 280px);flex-basis: calc(100% - 280px);}
}
.store-select a {display: flex;grid-gap: 5px;align-items: center;}
span.micon-marker {
    background: url("assets/images/header-sprites.png") no-repeat;
    display: block;
    height: 28px;
    width: 21px;
    padding-right: 5px;
}
.store-select .location-box {line-height: 1.4;}
.store-select a.current-location {color: #999;}
.store-select a.current-location strong {display: block;color: #555;}
.store-select .dropdown-menu {
    padding: 0;
    margin: -2px 0 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.store-select .dropdown-menu li {border-bottom: 1px solid #efefef;}
.store-select .dropdown-menu li a {font-size: 14px;padding: 5px 10px;}
.store-select .dropdown-menu>li>a:hover {background-color: #efefef;}

.hr-inner .kbw-search input {width: 567px;border: 2px solid #21409a;}
.hr-inner .kbw-search .search-btn {height: 34px;line-height: 33px;top: 2px;right: 2px;background: #21409a;color: #ff0;font-size: 1.4rem;}
@media (max-width: 1199px) {
    .hr-inner .kbw-search input {width: auto;}
    #header.header-main {padding: 0 10px;}
}

.h-login .account-icon-link {display: flex;align-items: center;grid-gap: 10px;color: #999;line-height: 1.4;}
.h-login span.micom-user {
    display: block;
    width: 28px;
    height: 26px;
    background: url("assets/images/header-sprites.png") 0 -56px no-repeat;
}
a.account-icon-link strong {display: block;color: #555;}

@media (max-width: 991px) {
    .header-main .store-select, .header-main .kbw-search, .header-main .h-login {display: none;}
}

/* Menu */
#kbw-navigation .navigation-bar {display: flex;justify-content: flex-start;}
@media (min-width: 992px) {
    #kbw-navigation:not(.sticky-navigation-active) .navigation {width: auto;margin: 0;}
    #kbw-navigation.sticky-navigation-active {left: 0;}
    #kbw-navigation .navigation a {padding-top: 12px;padding-bottom: 12px;}
}

.kbw-menu-category {
    min-width: 250px;
    height: 50px;
    position: relative;
    background: #21409a;
    z-index: 99;
}
@media (max-width: 991px) {
    .kbw-menu-category {display: none;}
}
.kbw-menu-category .label {
    display: block;
    padding: 0 40px 0 70px;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    color: #ff0;
    white-space: nowrap;
    border-radius: 0;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    background: url("assets/images/arow-white-orange.webp") right 20px center no-repeat,url("assets/images/icon-danh-muc.png") left 25px center no-repeat,url("assets/images/bg-title-menu-top.webp") right -10px top 13px no-repeat;
    cursor: pointer;
}
.kbw-menu-category .kbw-megamenu {
    width: 100%;
    position: absolute;
    top: 52px;
    left: 0;
    background-color: #fff;
    border: 1px solid #efefef;
    visibility: hidden;
}
.home #kbw-navigation:not(.sticky-navigation-active) .kbw-menu-category .kbw-megamenu {visibility: visible;}
@media (min-width: 1200px) {
    .home .kbw-menu-category .kbw-megamenu {height: 354px;}
}
.kbw-megamenu li > ul.sub-menu {padding: 0 10px 0 20px;}
.kbw-megamenu ul li {width: 100%;border: 0;margin-bottom: 0;}
.kbw-megamenu ul.product-menu>li>a {padding-left: 35px;background: url(assets/images/icon-pc.png) 5px center no-repeat;}
.kbw-megamenu ul.product-menu>li.cat-item-18>a {background-image: url("assets/images/icon-hi-end-gaming.png");}
.kbw-megamenu ul.product-menu>li.cat-item-19>a {background-image: url("assets/images/icon-manhinh.png");}
.kbw-megamenu ul.product-menu>li.cat-item-20>a {background-image: url("assets/images/icon-phukien.png");}
.kbw-megamenu ul.product-menu>li.cat-item-21>a {background-image: url("assets/images/icon-laptop.png");}
.kbw-megamenu ul.product-menu>li:hover>a {color: #0095d6;}
.widget.woocommerce ul {padding: 0;}

.kbw-menu-category .kbw-megamenu ul li.cat-item-16 {display: none;}

body:not(.home) .kbw-menu-category .kbw-megamenu {background-color: #21409a;}
body:not(.home) .kbw-menu-category .kbw-megamenu ul.menu>li>a {color: #fff;}

@media (min-width: 992px) {
    .kbw-megamenu .mega-menu-block {max-width: 600px;height: auto!important;}
}

@media (max-width: 991px) {
    .navigation.mobile-menu-wrapper, .nav-header, .nav-header, .nav-footer {background-color: #0e243a;}
}

/* Menu cate */
.kbw-menu-cate {
    z-index: 999;
    left: 20px;
    bottom: 20px;
    position: fixed!important;
    height: 55px;
    width: 55px;
}
.kbw-menu-cate .nav-button-wrap {
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
    background-color: #1877f2;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.nav-button-wrap .static {
    position: absolute;
    width: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 2.5px;
    background-color: #1877f2;
}
.nav-button-wrap .static span {
    float: left;
    width: 100%;
    height: 3px;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 4px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.nav-button-wrap .btn-close {color: #fff;font-size: 20px;}
.kbw-menu-cate .menu-cate {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 250px;
    border-radius: 7px;
    padding: 0;
    background: #fff center no-repeat;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .12s all ease-out;
    -o-transition: .12s all ease-out;
    transition: .12s all;
    z-index: 10;
}
.kbw-menu-cate .menu-cate.show-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media (min-width: 992px) {
    .kbw-menu-cate .kbw-megamenu li > ul.sub-menu, .kbw-menu-cate .kbw-megamenu .mega-menu-block  {top: 0;bottom: 0;}
    .kbw-menu-cate .kbw-megamenu .mega-menu-block {margin-left: 0;}
}

@media (max-width: 991px) {
    .header-search, .header-action {display: none;}
    .navigation.mobile-menu-wrapper, .nav-header, .nav-footer {background-color: #0e243a;}
    .navigation.mobile-menu-wrapper {width: 100vw;left: -100vw;}
    nav.navigation:not(.mobile-only) ul ul {background-color: #0e243a;}
    #kbw-navigation ul li a {text-transform: none;border-bottom: 1px solid rgba(255,255,255,.1);}
    #kbw-navigation ul ul li:last-child a {border: none;}
    #kbw-navigation ul li.toggle-menu-item-parent.active {border-bottom: 1px solid rgba(255,255,255,.1);}
    .nav-header {
        border-bottom: 2px solid rgba(255,255,255,.1);
        display: flex!important;
        align-items: center;
        justify-content: space-between;
        padding: 2px 0;
    }
    .nav-header img {max-height: 25px;}
    .nav-footer {display: none!important;}
}


/**
* SIDEBAR
* -------------------------------------------------------------*/
#sidebar .widget {padding: 15px 20px;background: rgba(0,0,0,0.04) none repeat center center;}
#sidebar .widget .widget-title {
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    position: relative;
    border-bottom: 1px solid #272e79;
    margin-bottom: 10px;
    padding-bottom: 0;
}
span.inline-title {background-color: transparent;margin: 0;padding: 0!important;color: #272e79;font-weight: 600;}
span.inline-title:before, span.inline-title:after {content: none;}
.item-list.small .p-thumbnail {max-width: 92px;}

.related-posts .widget-title {margin-bottom: 0;}


/**
* MAIN
* -------------------------------------------------------------*/
.main-container .contact-page-template {padding: 30px;}
.main-container .contact-page-template h2 {
    font-size: 1.6rem;
    color: #333e48;
    padding-bottom: .6em;
    position: relative;
    border-bottom: 1px solid #dadada;
    margin-bottom: 1.2em;
}
.main-container .contact-page-template h2:after {
    content: ' ';
    width: 4.56em;
    border-bottom: 2px solid #F15A22;
    display: block;
    position: absolute;
    bottom: -1px;
}
.contact-page-template .box {margin-bottom: 30px;}
.contact-page-template .box p {margin-bottom: 0;}
.contact-page-template h3 {font-size: 1.4rem;margin-top: 30px;}

.box-inner-art {
    background: rgb(238, 249, 255);
    color: rgb(4, 123, 193);
    font-size: 1rem;
    border: 1px dashed rgb(4, 123, 193);
    margin: 20px 0 15px;
    padding: 20px;
}
.box-inner-art p {margin-bottom: 5px;}

@media (min-width: 992px) {
    .home #wrapper, .woocommerce:not(.single) #wrapper {background: #f2f2f2;}
}

@media (max-width: 991px) {
    .p-listing.archive-box .p-box-title>.p-name {font-size: 1rem;-webkit-line-clamp: 3;}
    .product-summary .row-head h1 {font-size: 1.2rem;}
}

/* Product Box */
.product-box {position: relative;margin-top: 30px;}
.kbw-wrap-title {position: relative;}
.product-box .kbw-wrap-title {
    line-height: 40px;
    height: 40px;
    background-color: #fff;
    border-bottom: 2px solid #21409a;
    margin-bottom: 15px;
}
.product-box .kbw-wrap-title .icon-box {
    float: left;
    width: 40px;
    height: 40px;
    line-height: inherit;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    background: #272e79;
    color: #fff;
    margin-right: 10px;
}
.product-box .kbw-title {padding: 0 10px;margin: 0;line-height: 35px;}
.product-box .kbw-title a {font-size: 20px;font-weight: bold;color: #21409a;text-transform: uppercase;letter-spacing: -0.5px;}
.kbw-wrap-title .col-right {position: absolute;top: 0;right: 10px;}
.kbw-wrap-title .col-right a {font-weight: 600;}
.kbw-wrap-title .col-right a span {display: none;}
@media (max-width: 450px) {
    .product-box-3 .kbw-wrap-title .col-right {}
    .product-box-3 .kbw-title a {font-size: 18px;}
}

.p-inner {display: flex;clear: left;grid-gap: 10px;}
.p-inner .info-box {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
    padding-bottom: 10px;
}
.info-box .info-box-inner {height: 100%;background-color: #fff;position: relative;}
.p-box.product-item-inner {background-color: #fff;padding: 10px;border: 1px solid transparent;}
.p-actions .item-action a {font-size: 20px;}
@media (max-width: 991px) {
    .p-box.product-item-inner {border-color: #dfdfdf;padding: 6px;}
    .p-box .p-actions .item-action {
        webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        background-color: rgba(255,255,255,0.6);
    }
}
.p-box.product-item-inner:hover {
    -webkit-box-shadow: 0 0 10px 0 hsla(0,0%,60%,.6);
    box-shadow: 0 0 10px 0 hsla(0,0%,60%,.6);
    border-color: #efefef;
}
.p-box.product-item-inner .p-name {color: #212121;font-weight: 400;min-height: 38px;margin-bottom: 0;}
@media (min-width: 992px) {
    .p-box.product-item-inner .p-name {font-size: 1.05rem;min-height: 40px;}
}
.p-box.product-item-inner .p-name:hover {color: #21409a;}
.info-box .des {padding: 12px;text-align: justify;}
@media (max-width: 991px) {
    .info-box .des {background-color: #f7f7f7;}
    .info-box .single-image {display: none;}
}

@media (max-width: 991px) {
    .product-box .p-inner {flex-direction: column;}
    .product-box .p-inner .info-box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 10px
    }
    .info-box .single-image img {width: 100%;}
}

.countdown-amount {background-color: #ee4d2d;}

/*-- Woocommerce --*/
.tax-product_tag .woocommerce-breadcrumb, .menu-item-object-product_tag a {text-transform: capitalize;}
@media (min-width: 992px) {
    .shop-page #primary #main {background-color: #fff;padding: 15px;}
    .woocommerce-products-header {display: flex;}
    .woocommerce div.product .col-sub-lg + .woocommerce-tabs {width: 66.66666%;float: left;clear: none;margin-right: 25px;}
    .content-area .col-sub-lg {width: calc(33.333333% - 25px);float: right;}
}
.woocommerce-products-header h4 {font-size: 1.5rem;font-weight: 300;color: #666;margin-left: 8px;}
.woocommerce .woocommerce-ordering {float: none;border-bottom: 1px solid #dfdfdf;padding: 0;background-color: transparent;}
.kbw-ordering a {
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #333;
    display: inline-block;
    font-size: 1.1rem;
    padding: 5px 0;
    border-bottom: 4px solid transparent;
}
.kbw-ordering a:not(:last-child) {margin-right: 20px;}
.kbw-ordering a.active, .kbw-ordering a.current, .kbw-ordering a:hover {color: #0d5cb6;border-bottom-color: #0d5cb6;}
.woocommerce .woocommerce-ordering select {border: none;}
@media (max-width: 991px) {
    .woocommerce-products-header h4 {text-align: center;}
    .woocommerce .woocommerce-ordering {justify-content: center;}
}

.term-description ul, .term-description ol, .entry-content ol {margin: .8em 0 1em 1.7em;display: block;}
.term-description ul {list-style-type: disc;}
.term-description ol {list-style-type: decimal;}
.woocommerce .term-description {margin: 30px 0;padding: 15px;background: #fff;border: 1px dashed #666;}
.kbw-product-gallery-image .slider-wrapper, .kbw-product-gallery-image > img.wp-post-image {border: 1px solid #dfdfdf;}

.summary-right a {color: #333;}
.summary-right a:hover {color: #0056b3;}
@media (max-width: 991px) {
    .woocommerce div.product .summary-right {}
}
@media (max-width: 575px) {
    .p-price span.onsale-2 {font-size: 12px;padding: 0;}
    .p-box .p-price span.onsale-2 {
        background-color: #ff0000;
        color: #fff;
        padding: 2px 5px;
        border-radius: 3px;
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: 10;
    }
    .p-box.item-list .p-price span.onsale-2 {top: 11px;}
    .kbw-product-gallery-image .slider-wrapper {max-height: 575px!important;overflow-y: hidden!important;}
}
.woocommerce div.product .summary .wc-same-product .p-price.variable {margin-top: 0;}
.woocommerce div.product .summary .wc-same-product .p-price.variable span.price {font-size: 1rem;}
.wc-same-product h4 {}
.wc-same-product .post-title {line-height: 1.1;}
.wc-same-product ul {display: flex;flex-wrap: wrap;}
.wc-same-product ul li.list {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 8px 0;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    max-width: calc(50% - 5px);
    margin-right: 5px;
    background-color: #efefef;
}
.wc-same-product ul li.list:hover {
    background-color: #ddd;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.wc-same-product .post-title a {
    min-height: 33px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
}
.wc-same-product span.price, .wc-same-product .p-price .price>*, .wc-same-product .p-price span.onsale-2 {color: #222!important;}

.product-summary .thumb-wrapper {padding: 10px 0 0;background-color: #efefef;}
.product-summary .thumb-wrapper .thumbs {padding: 0 6px 0 5px;grid-gap: 1px;}
.product-summary .cus-img {margin: 0 0 20px;padding: 8px;background-color: #efefef;text-align: center;}
.product-summary .cus-img a {font-size: 1rem;font-weight: 600;}

.kbw-rating {display: flex;padding: 5px 0 10px;font-weight: 600;}
.kbw-rating > div {display: flex;align-items: center;line-height: 1;padding: 0 6px;border-right: 1px solid #dfdfdf;}
.kbw-rating .kbw-star {padding-left: 0;}
.kbw-rating .kbw-star .count {margin-right: 5px;font-size: 1rem;}
.kbw-rating .star-rating {float: left!important;margin-bottom: 0!important;}
.kbw-rating > *:last-child {padding-right: 0;border-right: none;}
.kbw-rating .count-sold {display: flex;}
.summary .c-sold {font-size: 1rem;font-weight: 600;color: #ee4d2d;}
.product-item-inner .kbw-rating {font-weight: 400;justify-content: space-between;align-items: center;}
.product-item-inner .kbw-rating > div {border: none;}
.product-item-inner .kbw-rating .count-sold {color: #666;}
@media (max-width: 575px) {
    .product-item-inner .kbw-rating {}
    .product-item-inner .kbw-rating > div {margin-bottom: 5px;padding: 0;font-size: 12.5px;}
    .product-item-inner .kbw-rating .star-rating {font-size: 12.5px;}
}

.product-item-inner .kbw-addcart a.button {
    background: none!important;
    padding: 0 5px;
    color: #cd1818;
    font-weight: 400;
    height: auto;
}
.product-item-inner .kbw-addcart a.button:hover {color: #cd1818;}
.product-item-inner .kbw-addcart a.button.added {display: none;}
.product-item-inner .kbw-addcart a.button.loading:after {
    content: '';
    top: 8px;
    border-color: transparent transparent #ee4d2d #ee4d2d;
    animation-duration: 500ms;
}
.product-item-inner .kbw-addcart a.button:before {
    margin-right: 5px;
    animation: none;
    content: "\f07a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 575px) {
    .product-item-inner .kbw-addcart a.button:before {margin-right: 0;}
}

.product_meta .post-views {display: none;}
.woocommerce div.product form.cart div.kbw-quantity {
    display: flex;
    float: none;
    align-items: center;
    margin: 0 0 1em;
    grid-gap: 12px;
}
div.kbw-quantity .qty-sold {
    margin: 0;
    padding: 0.35em 1em;
    border: 1px dashed #257c00;
    max-height: 35px;
    line-height: 1.4;
    border-radius: 30px;
    color: #257c00;
    font-weight: 600;
}


.button.loading {opacity: 1 !important;position: relative;pointer-events: none !important;}
.button.loading:after {
    -webkit-animation: spin 500ms infinite linear;
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute;
}
button.button.btn-ripple {text-transform: uppercase;}

.woocommerce div.product form.cart .button {
    padding: 8px 5px!important;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    width: 48.5%!important;
    height: auto;
    margin-bottom: 1em;
    display: flex;
    line-height: 1.25;
    box-shadow: none;
}
.woocommerce div.product form.cart .button.loading:before {content: none;}
.woocommerce div.product form.cart .button.loading:after {top: 50%;left: auto;right: 10px;content: "";animation: spin 500ms infinite linear;}
.woocommerce div.product form.cart .single_add_to_cart_button.loading:after {border-color: transparent transparent #ee4d2d #ee4d2d;}
@media (max-width: 757px) {
    .woocommerce div.product form.cart .button {width: 100%!important;margin-right: 0!important;}
}
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    margin-right: 3%;
    background-color: rgba(255,87,34,.1)!important;
    border: 1px solid #ee4d2d!important;
    color: #ee4d2d!important;
}
.woocommerce div.product form.cart .button.kbw_buynow_button {
    text-decoration: none!important;
    background: #f59000;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f59000),to(#fd6e1d));
    background: -webkit-linear-gradient(top,#fd6e1d,#f59000);
    background: -moz-linear-gradient(top,#fd6e1d,#f59000);
    background: -ms-linear-gradient(top,#fd6e1d,#f59000);
    background: -o-linear-gradient(top,#fd6e1d,#f59000);
    color: #fff;
}
.woocommerce div.product form.cart .button .fa {font-size: 1.8em;margin: 5px 0.3em 0;}
.woocommerce div.product form.cart .button small {font-size: 85%;font-weight: normal;text-transform: initial;display: block;}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {border-top-color: #272e79;margin-bottom: 1em;}
.woocommerce .woocommerce-message .wc-forward {
    background-color: transparent!important;
    padding: 0.35em 1em;
    border: 1px dashed #272e79;
    max-height: 35px;
    line-height: 1.4;
    color: #272e79;
}
.woocommerce .woocommerce-message .wc-forward:hover {color: #288ad6;}

@media (max-width: 991px) {
    .woocommerce div.product form.cart .variations td.label {min-width: 130px;}
    .woocommerce div.product form.cart .button, button.button.btn-ripple {width: calc(100% - 130px);}
}

#tab-description h2 + p > img {margin-top: 0;}
#tab-description {position: relative;max-height: 600px;overflow: hidden;transition: .3s;}
#tab-description.full-h {max-height: none;}
.kbw-viewfull {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.kbw-viewfull:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,62.5),rgba(255,255,255,1));
    display: block;
}
.kbw-viewfull .view-full {
    position: relative;
    border: 1px solid #2f80ed;
    border-radius: 5px;
    color: #2f80ed;
    display: block;
    margin: 0 auto;
    max-width: 300px;
    padding: 5px;
    text-align: center;
}
.kbw-viewfull .view-full span {position: relative;display: inline-block;font-size: 1rem;height: 26px;line-height: 26px;}
.kbw-viewfull .view-full span:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #2f80ed;
    content: '';
    position: absolute;
    top: 9px;
    right: -10px;
}

.kbw-all-feedback .kbw-wrap-title {border-bottom: 2px solid #dddddd;padding-bottom: 8px;margin-bottom: 20px;}
.kbw-all-feedback .kbw-wrap-title h2 {font-size: 1.25rem;font-weight: 600;margin: 0;}
.kbw-all-feedback .kbw-star {padding-left: 15px;}
.kbw-all-feedback .kbw-star i.fa-star {color: #fe9727;font-size: 18px;}
.kbw-all-feedback .kbw-star span {color: #282828;font-size: 18px;display: none;}

/* Isotope */
.kbw-isotope-wrap .isotope-content {width: 100%;margin: 0 -15px!important;}
.isotope-options {margin-bottom: 30px;}
.isotope-options li {float: left;margin: 3px 6px 3px 0;}
.isotope-options li a {
    padding: 10px 15px;
    display: inline-block;
    background-color: #303030;
    color: #fff;
    font-size: 1rem;
    line-height: 1.4;
}
.isotope-options li a.selected, .isotope-options li a:hover {background: #e64141;}
.row.row-masonry, .row.row-grid {
    margin-left: auto;
    margin-right: auto;
}
.row.row-masonry>.col {margin-bottom: 15px;}

.listing-feedback .isotope-options {margin-bottom: 20px;display: none;}
.item-feedback {background: #dedede;}
.item-feedback .review-data, .item-feedback .comment-product {padding: 10px;}
.item-feedback .review-title {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}
.item-feedback .comment-star {color: #fe9727;font-size: 18px;}
.item-feedback .comment-text {font-size: 14px;}
.item-feedback .comment-text p {margin-bottom: 0;}
.item-feedback .comment-product {border-top: solid 1px #c3c3c3;cursor: pointer;min-height: 70px;display: flex;align-items: center;grid-gap: 15px;}
.item-feedback .product-img img {width: auto;max-height: 55px;}
.item-feedback .product-title {font-size: 14px;line-height: 1.3;}
.kbw-all-feedback .box-load-more {text-align: center;}
.box-load-more .btn {
    position: relative;
    display: inline-block;
    background-color: transparent;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}
.box-load-more .btn-loadmore-comment {
    border: solid 1px #282828;
    color: #282828;
    background: transparent;
    font-size: 1rem;
    margin: 1rem auto;
    text-transform: inherit;
}
.box-load-more .btn-loadmore-comment:hover {background: #282828;color: #fff;margin-right: 10px;}

.woocommerce div.product form.cart .variations select {border-radius: 5px;padding: 6px;}
.woocommerce div.product .out-of-stock, .woocommerce div.product .available-on-backorder {color: #cd1818;font-weight: 600;}

/* p-box horizontal-small */
.p-box.horizontal-small .p-thumbnail {max-width: 60px;float: left;margin-right: 10px;}
.p-box.horizontal-small .p-price span.onsale-2 {display: none;}
#site-footer .slider-wrapper .owl-nav .owl-prev {left: -35px;}
#site-footer .slider-wrapper .owl-nav .owl-next {right: -35px;}

.category-head {
    margin-top: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.p-box.change-hover {max-height: 350px;}

a.devvn_buy_now_style {margin-top: -15px;max-width: 100%;}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn {background: #21409a;}
.devvn_cusstom_info .popup-customer-info-group {margin-bottom: 8px;}
.popup-customer-info-group .devvn-order-btn {height: 40px;}
body .popup-customer-info-group input, body .popup-customer-info-group select {height: 35px;}
body .popup-customer-info-group textarea {height: 60px;min-height: 60px;}
.devvn_prod_variable .woocommerce-variation-price {padding: 3px 10px 10px 84px;}
.devvn_price .price {display: inline-block;}
.devvn-popup-content .popup-message {margin-bottom: 30px;}
.devvn-popup-content .kbw_buynow_button {display: none!important;}

.mfp-content div#review_form_wrapper, .mfp-content #review_form {padding: 15px;}
div#reviews.woocommerce-Reviews, .devvn_prod_cmt {max-width: 100%;}
.mfp-content #review_form .comment-form-rating p.stars a, .woocommerce #reviews #comments ol.commentlist #respond .comment-form-rating p.stars a {width: 20%!important;font-size: 12.5px;}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {line-height: 1;}

.mfp-content #review_form input#submit {background-color: #4da9db!important;}
#comments a.btn-reviews-now, button#devvn_cmt_submit, button#devvn_cmt_replysubmit {background-color: #4da9db;}
span.devvn_num_reviews {color: #4da9db;}
.woocommerce div#reviews nav.woocommerce-pagination ul li a, .woocommerce div#reviews nav.woocommerce-pagination ul li span {min-width: unset;}
span.devvn_stars_value i {color: #fe9727;}
.devvn_review_bottom a {color: #288ad6;}
.entry-content .devvn_cmt_list_box ul {list-style-type: none;margin: 0;}
.entry-content .devvn_cmt_list_box ul.devvn_cmt_child {margin-left: 30px;}
.entry-content ul.cmt_attachment_img {margin: 5px 0 0;}

body.woocommerce #reviews #comments ol.commentlist ul.children {position: relative;}
body.woocommerce #reviews #comments ol.commentlist ul.children:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 16px;
    border-style: solid;
    border-width: 8px 12px;
    border-color: transparent transparent #efefef transparent;
}
body.woocommerce #reviews #comments ol.commentlist ul.children li {
    padding: 10px;
    background: #efefef;
    border-radius: 2px;
    position: relative;
}

@media (max-width: 575px) {
    .form_row_reviews {flex-direction: column;}
    .form_row_reviews > p {width: 100%;}
    .form_row_reviews p.comment-form-author {padding-right: 0;}
    .form_row_reviews p.comment-form-email {padding-left: 0;}
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background-color: #4da9db!important;}

/* woocommerce.css */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    overflow: hidden;
    position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 0;
    border-radius: 4px 4px 0 0;
    padding: 0 10px;
    margin: 6px 0 6px 6px;
    height: 32px;
    background-color: #efefef!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 0;
    font-size: 1.1rem;
    text-transform: none;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {display: block;font-weight: 600;}
.woocommerce ul.cart_list li a span, .woocommerce ul.product_list_widget li a span {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 1;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    float: right;
    margin-left: 10px;
    width: 50px;
    height: auto;
    box-shadow: none;
}
.woocommerce #reviews #comment {height: 75px;}
.woocommerce #review_form #respond textarea {width: 100%;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #fff;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 10px 10px 10px 40px;margin: 15px 0 0;}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {left: 15px;top: 12px;}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {padding-left: 10px;color: #1877f2;font-weight: 600;}

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .woocommerce form .form-row.woocommerce-invalid textarea {border-color: #a00;}

/* Custom product single */
@media (min-width: 992px) {
    .woocommerce div.product .col-sub-lg + .woocommerce-product-content {
        width: 66.66666%;
        float: left;
        clear: none;
        margin-right: 25px;
    }
}
.woocommerce-product-content ul.nav-product {
    position: relative;
    padding: 3px 0;
    margin: 0 0 20px;
    list-style: none;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    border-left-width: 5px;
    border-left-color: #272e79;
}
.woocommerce-product-content ul.nav-product li {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 0;
    border-radius: 4px 4px 0 0;
    padding: 0 10px;
    margin: 3px 0 3px 6px;
    height: 32px;
    background-color: #efefef!important;
}
.woocommerce-product-content ul.nav-product li a {
    display: inline-block;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
}
.product-page-sections .panel {margin-bottom: 30px;}
.product-page-sections .panel h2 {font-size: 1.2rem;text-transform: uppercase;color: #1877f2;}
#nav-description {
    position: relative;
    max-height: 6000px;
    overflow: hidden;
    transition: .3s;
}
#nav-description.full-h {max-height: none;}
#nav-description h2 {display: none;}
#nav-description h2 + p > img {margin-top: 0;}
.woocommerce #reviews #comments h2:before {
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
    margin-right: 2px;
}


/*-- Woocommerce Cart Checkout --*/
.woocommerce-checkout #site-header, .woocommerce-checkout #kbw-navigation {float: none;}
.kbw-cart-checkout .woocommerce-message .button {width: auto!important;}
.kbw-cart-checkout .woocommerce-shipping-fields, .kbw-cart-checkout .woocommerce-shipping-destination {display: none;}
.kbw-cart-checkout #billing_country_field {display: none;}
.kbw-cart-checkout > .woocommerce-info, .kbw-cart-checkout .woocommerce-message a.wc-forward {display: none;}
.kbw-cart-checkout .woocommerce-error li[data-id] + li:not([data-id]) {display: none;}

.kbw-cart-checkout {
    max-width: 668px !important;
    font-size: 1rem;
    background-color: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,0.12);
    border-radius: 4px;
    padding: 0 15px !important;
    overflow: hidden;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}
.kbw-cart-checkout a.button, .kbw-cart-checkout button.button, .kbw-cart-checkout input.button {height: auto;}
.kbw-cart-checkout .cart-empty {background-color: transparent;border-top: none;color: #333;text-align: center;}
.kbw-cart-checkout .cart-empty:before {content: none;}
.kbw-cart-checkout a.wc-backward {
    background: none!important;
    border: 1px dashed #288ad6;
    color: #288ad6;
    width: 68%;
    border-radius: 100px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.kbw-cart-checkout a.wc-backward:hover {background-color: #cccccc!important;;color: #333;}
.woocommerce-checkout th, .woocommerce-checkout td {font-size: 1rem;line-height: 1.4!important;}
.kbw-cart-checkout .shop_table tr td.continue-shopping-display {padding: 20px 0;}
.kbw-cart-checkout .continue-shopping.pull-left.text-left {width: 100%;clear: both;border-bottom: none;}
.kbw-cart-checkout a.button-continue-shopping {
    border-radius: 4px;
    border: 1px dashed #666;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 0;
    background-color: transparent!important;
    color: #606060;
}
.kbw-cart-checkout a.button-continue-shopping:hover {background-color: #606060!important;color: #fff;}
.kbw-cart-checkout .woocommerce table.shop_table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0;
    border: none;
}
.kbw-cart-checkout button[name="update_cart"] {display: none!important;}
.kbw-cart-checkout .woocommerce table.shop_table thead {display: none;}
.kbw-cart-checkout .shop_table tr td {padding: 12px 6px;border-bottom: 1px solid #ececec;border-top: none;}
.kbw-cart-checkout .shop_table tr td:first-child, .kbw-cart-checkout .shop_table tr th:first-child {padding-left: 0;}
.kbw-cart-checkout td.product-thumbnail {min-width: 60px;max-width: 90px;width: 90px;}
.kbw-cart-checkout table.cart img {width: 100%!important;}
.kbw-cart-checkout .shop_table tr td:last-of-type {text-align: right;}
.kbw-cart-checkout td.product-name a {font-weight: 400;margin-bottom: 5px;}
.kbw-cart-checkout .cart_item td.product-name a {display: block;}
.kbw-cart-checkout td.product-name .show-for-small {color: #F15A22;}
.kbw-cart-checkout .variation {margin-bottom: 8px;}
.kbw-cart-checkout td.product-price-quantity {text-align: right;}
.kbw-cart-checkout td.product-price-quantity .product-price {margin-bottom: 5px;font-weight: 600;}
.kbw-cart-checkout a.remove, .kbw-cart-checkout a.icon-remove {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 15px !important;
    line-height: 19px !important;
    border-radius: 100%;
    color: #ccc!important;
    font-weight: bold;
    text-align: center;
    border: 2px solid currentColor;
}
.kbw-cart-checkout .btn-number {width: 30px;background-color: #f9f9f9;}
.kbw-cart-checkout .btn-number.fa-minus {border-radius: 4px 0 0 4px;}
.kbw-cart-checkout .btn-number.fa-plus {border-radius: 0 4px 4px 0;}
.kbw-cart-checkout .quantity-inner {width: 100px;}
.kbw-cart-checkout .woocommerce .quantity .qty {padding: 5px!important;border-radius: 4px!important;}
.kbw-cart-checkout .woocommerce table.shop_table tfoot td, .kbw-cart-checkout .woocommerce table.shop_table tfoot th {border-top: none;}
.kbw-cart-checkout .coupon {overflow: hidden;}
.kbw-cart-checkout .coupon-title {
    font-weight: 400;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #288ad6;
    margin-top: 3px;
    margin-bottom: 8px;
}
.kbw-cart-checkout .cartnew-discount {
    background-image: url(assets/images/icon-coupon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 18px;
    background-size: 18px 12px;
    margin-right: 5px;
}
.kbw-cart-checkout .coupon input {
    border-radius: 4px;
    width: 48.5%;
    display: block;
    float: left;
    margin-top: 0;
    height: 35px;
}
.kbw-cart-checkout .coupon input[type=submit], .kbw-cart-checkout .coupon button {
    background-color: #288ad6;
    color: #fff;
    margin-right: 0;
    width: 48.5%;
    float: right;
    text-shadow: none;
    border: none;
}
.kbw-cart-checkout .shop_table .shipping__inner {padding: 0;}
.kbw-cart-checkout .shipping__table {margin: 0;}
.kbw-cart-checkout .shop_table .shipping__table th, .kbw-cart-checkout .shop_table .shipping__table td {border: none;}
.kbw-cart-checkout .shop_table .shipping__table th {color: #888;}
.kbw-cart-checkout ul#shipping_method li {margin-bottom: 0;}
.kbw-cart-checkout .shipping__table-multiple ul#shipping_method li:last-child, .kbw-cart-checkout .shipping__table-multiple ul#shipping_method li input {display: none;}
.kbw-cart-checkout ul#shipping_method li label {font-weight: 400;}

.kbw-cart-checkout #order_review_heading {display: block!important;margin-top: 30px;}
.kbw-cart-checkout .woocommerce-checkout .woocommerce-error {margin-bottom: 20px;}
.kbw-cart-checkout .woocommerce #customer_details, .kbw-cart-checkout .woocommerce #order_review {width: 100%;float: none;border: none;margin: 0;padding: 0;}
.kbw-cart-checkout form.checkout h3 {
    font-size: 1.1em;
    font-weight: bolder;
    text-transform: uppercase;
    color: #288ad6;
    border-bottom: 2px solid #288ad6;
    padding-bottom: 3px;
    padding-top: 0;
    margin-bottom: 20px;
    overflow: hidden;
}
.kbw-cart-checkout #ship-to-different-address {margin-top: 15px;}
.kbw-cart-checkout #ship-to-different-address label {text-transform: none;font-weight: normal;color: #333;}
.kbw-cart-checkout form.checkout label {font-weight: 600;}
.kbw-cart-checkout form .form-row .optional {display: none;}
.kbw-cart-checkout .woocommerce-checkout textarea {min-height: 65px;}
.kbw-cart-checkout .woocommerce-checkout #payment {background-color: transparent;}
.kbw-cart-checkout .woocommerce-checkout #payment ul {padding: 0;margin-bottom: 30px;border: none;}
.kbw-cart-checkout .woocommerce-checkout #payment div.payment_box {margin: 0;padding: 0;background-color: transparent;}
.kbw-cart-checkout .woocommerce-checkout #payment label {font-weight: 600;margin: 0;}
.kbw-cart-checkout .woocommerce-checkout #payment div.payment_box:before {content: none;}
.kbw-cart-checkout .woocommerce-checkout #payment .place-order {margin: 0;padding: 0;}
.kbw-cart-checkout .woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper {display: none;}
.kbw-cart-checkout #payment .place-order button#place_order {
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    padding: 15px!important;
    width: 100%;
    border-radius: 4px!important;
    cursor: pointer;
    background-color: #fa6018!important;
    background: -webkit-gradient(linear,left top,left bottom,from(#f79429),to(#f7712e));
    background: linear-gradient(180deg,#f79429 0,#f7712e 100%);
    font-weight: 600;
    font-size: 1.25rem!important;
    line-height: 1!important;
    box-shadow: none!important;
}
.kbw-cart-checkout #payment .place-order button#place_order:hover {box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2)!important;}
.kbw-cart-checkout .place-order button#place_order:hover {
    outline: none;
    opacity: 1;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);
}

/* Thankyou page */
.woocommerce-order-received .kbw-cart-checkout .cart-empty, .woocommerce-order-received .kbw-cart-checkout .return-to-shop {display: none;}
.woocommerce-order-received .kbw-cart-checkout .woocommerce {margin-bottom: 0;margin-top: 5px;}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {margin-bottom: 20px;}
.kbw-cart-checkout td.product-total, .kbw-cart-checkout .shop_table tfoot tr td, .kbw-cart-checkout .cart_totals tbody tr td, .kbw-cart-checkout .shop_table thead tr th:last-of-type, .kbw-cart-checkout .shop_table tr td:last-of-type {text-align: right;}
.kbw-cart-checkout h1.order-success-title {
    text-transform: uppercase;
    border: 1px dashed #999;
    color: #16C09E;
    padding: 6px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    font-size: 20px;
}
.kbw-cart-checkout h1.order-success-title:before {
    content: '';
    margin-left: 10px;
    background: url(assets/images/icon-order-success.svg) 0 0/26px 26px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    float: left;
}
.kbw-cart-checkout h2.woocommerce-order-details__title {
    text-transform: uppercase;
    font-size: 1.25rem;
    border-bottom: 2px solid green;
    padding-bottom: 6px;
    color: green;
    display: none;
}
.kbw-cart-checkout .woocommerce table.order_details thead {display: table-header-group;background-color: transparent;}
.kbw-cart-checkout .woocommerce-customer-details .woocommerce-column__title {font-size: 20px;color: green;}
.kbw-cart-checkout .woocommerce-customer-details address {border: none;padding: 0;}
.is-well {
    padding: 20px 30px;
    background-color: rgba(0,0,0,0.02);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(0,0,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(0,0,0,0.7), inset 0 0 0 1px rgba(0,0,0,0.5);
}
.kbw-cart-checkout .is-well {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px dashed green;
    background-color: #f0fff0;
    margin-bottom: 20px;
}
.kbw-cart-checkout .woocommerce-thankyou-order-received {color: #e8aa25;font-weight: 600;font-size: 1.1rem;}
.kbw-cart-checkout .woocommerce-thankyou-order-details {margin: 0!important;padding: 0;list-style: none;display: block;}
.kbw-cart-checkout ul.order_details li {
    float: none;
    display: block;
    margin: 0 0 6px 20px;
    padding: 0;
    font-size: 1.05rem;
    text-transform: none;
    border: none;
}
.kbw-cart-checkout ul.order_details li strong {display: inline-block;font-size: 1.05rem;}
.kbw-cart-checkout ul.order_details li:before {
    content: '';
    margin-left: -20px;
    background: url(assets/images/icon-check.png) 0 0/14px 14px;
    width: 14px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 4px;
}

@media (min-width: 768px) {
    .kbw-cart-checkout a.remove, .kbw-cart-checkout a.icon-remove {margin-top: 15px;}
    .kbw-cart-checkout p#billing_first_name_field, .kbw-cart-checkout p#billing_phone_field {width: 48%;float: left;clear: none;}
    .kbw-cart-checkout p#billing_first_name_field {margin-right: 4%;}
}

@media (max-width: 767px) {
    .kbw-cart-checkout td.product-thumbnail {max-width: 70px;width: 70px;}
    .kbw-cart-checkout .shop_table .product-name {min-width: 80px;text-align: left!important;}
    .kbw-cart-checkout .shop_table .product-price {display: none;}
    .kbw-cart-checkout .shop_table .product-remove {position: relative;width: 0;}
    .kbw-cart-checkout .shop_table .product-remove a {
        position: absolute;
        top: 6px;
        left: -19px;;
        width: 22px;
        height: 22px;
        line-height: 16px !important;
        font-size: 18px !important;
    }
    .kbw-cart-checkout .shop_table tr td.product-price-quantity {padding-right: 0;}

    .kbw-cart-checkout .woocommerce table.shop_table_responsive tr td, .kbw-cart-checkout .woocommerce-page table.shop_table_responsive tr td {display: table-cell;}
    .kbw-cart-checkout .woocommerce table.shop_table_responsive tr td::before, .kbw-cart-checkout .woocommerce-page table.shop_table_responsive tr td::before {content: none;}

    .kbw-cart-checkout table.shop_table tr {display: table-row!important;}
    .kbw-cart-checkout table.shop_table tr:nth-child(2n) td {background-color: transparent!important;}

    .kbw-cart-checkout .shop_table tr.shipping th {width: 50%;display: table-cell;}
}


/*--- HOME PAGE STYLE ---*/
.banner-slider {padding: 2px 0 0 252px;margin-bottom: 0;}
.banner-slider .slider-wrapper {border: 1px solid #efefef;}
.banner-slider .single-image {margin-bottom: 5px;border: 1px solid #efefef;overflow: hidden;}
.banner-slider .kbw-banner {display: flex;flex-direction: column;}
@media (max-width: 991px) {
    .banner-slider {padding: 0;}
    .banner-slider .slider-wrapper {margin-bottom: 5px;}
    .banner-slider .kbw-banner {flex-direction: row;grid-gap: 5px;}
    .banner-slider .single-image {max-width: 50%;border: none;}
}
.banner-slider .kbw-banner img {
    transition: -webkit-transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear;
}
.banner-slider .kbw-banner img:hover {
    transform: scale3d(1.1,1.1,1);
    -webkit-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1) rotate(0.02deg);
}

.whychoose-box .kbw-banner {display: flex;flex-wrap: wrap;margin-left: -2.5px;margin-right: -2.5px;}
.whychoose-box .kbw-banner .single-image {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2.5px;
    min-height: 10px
}
@media (max-width: 991px) {
    .whychoose-box .kbw-banner .single-image {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 5px;
    }
}
.whychoose-box img {transition: -webkit-transform .2s linear;-webkit-transition: -webkit-transform .2s linear;}
.whychoose-box img:hover {-webkit-transform: translateY(-2px);transform: translateY(-2px);}

.whychoose-box {margin-top: 0;}
@media (max-width: 991px) {
    .whychoose-box {margin-top: 5px;}
}
.whychoose-box .item {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    background-color: #21409a;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
}
.whychoose-box .item img {max-height: 40px;}
.whychoose-box p {margin-bottom: 0;}
.whychoose-box p.promo-title {font-weight: 600;text-transform: uppercase;font-size: 1.05rem;}
@media (min-width: 992px) and (max-width: 1199px) {
    .whychoose-box p.promo-text {display: none;}
}

.tab-product .nav-tabs {
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: #dfdfdf #dfdfdf #21409a;
    background-color: #fff;
}
.tab-product .nav-tabs .nav-item {margin-bottom: 0;border-radius: 0;}
.tab-product .nav-tabs .nav-link {padding: 10px 1rem;color: #666;font-weight: 600;border: none;border-radius: 0;}
.tab-product .nav-tabs .nav-link.active {color: #cd1818;}

/* Blog */
.sec-blog {position: relative;margin-top: 30px;margin-bottom: 30px;}
.sec-blog .cat-box-title h2 {border-bottom: 3px solid #21409a;text-transform: uppercase;font-weight: 700;}
@media (min-width: 992px) {
    .sec-blog span.inline-title:after {background-color: #f2f2f2;}
}
.sec-blog .p-box {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid rgba(62,67,98,.19);
    overflow: hidden;
}
.sec-blog .p-box .p-info {padding: 0 15px 15px;}
.sec-blog .p-box .p-name {margin-bottom: 8px;min-height: 38px;}
.sec-blog .slider-wrapper .owl-carousel .owl-nav [class*="owl-"] {top: 40%;transform: translateY(0);}

.page-id-143 #crumbs {display: none;}
.page-id-143 .single-page header {text-align: center;padding-bottom: 10px;margin: 2rem 10px;}

.grecaptcha-badge {z-index: 10;}
.lg-on .fb_dialog {z-index: 10!important;}
@media (max-width: 991px) {
    .fb-customerchat, .fb_dialog {display: block!important;}
}


/*
* FOOTER
* -------------------------------------------------------------*/
#site-footer {background-color: #fff;}
#site-footer .widget > .widget-title {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #555;
    margin-bottom: 0;
}
#site-footer a:hover {text-decoration: none;}
#site-footer .widget {margin-bottom: 30px;}
.widget-f2 .fa {background-color: #485992;color: #fff;padding: 3px 3px 3px 5px;margin-right: 5px;}
.widget-f2 .fa.fa-youtube {background-color: #cf2200;}

.kbw-hotline p.f-text {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: 0 0 8px;
    line-height: 1;
    font-weight: 400;
}
.kbw-hotline span {font-size: 11px;text-transform: uppercase;display: none;}
.kbw-hotline p.f-hotline {
    margin-bottom: 30px;
    line-height: 1;
    padding-left: 30px;
    position: relative;
    font-weight: 400;
}
.kbw-hotline p.f-hotline:before {
    content: '';
    background-image: url("assets/images/icon-phone-gray.png");
    width: 24px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
}
.kbw-hotline p.f-hotline, .kbw-hotline p.f-hotline a {font-size: 1.5rem;color: #E80000;text-decoration: none;}

#site-footer .inner {padding: 0;}
#site-footer .f-store {
    max-height: 254px;
    text-align: center;
    padding: 50px 0;
    position: relative;
}
#site-footer .f-store a {
    background-color: #FFF800;
    display: inline-block;
    border-radius: 3px;
    color: #21409a;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    padding: 10px 30px 10px 90px;
}
#site-footer .f-store a img {
    position: absolute;
    left: 30px;
    bottom: 10px;
    width: 70px;
}
#site-footer .f-store:before {
    content: "";
    background: url("assets/images/bg-gaming-map.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -khtml-opacity: .6;
    -moz-opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
}

#site-footer .f-top {
    background: #21409a;
    padding: 6px 0;
    margin-bottom: 30px;
    border-top: 2px solid #FFF800;
}

#site-footer .f-bottom {background-color: #f4f4f4;padding: 10px 0;min-height: 100px;}
#site-footer .f-bottom .widget {margin-bottom: 0;}
#site-footer .f-bottom p {color: #333;line-height: 1.7;margin: 0;}
.f-bottom .col-md-4 {display: flex;align-items: center;}
@media (min-width: 992px) {
    .f-bottom .col-md-4 {justify-content: flex-end;}
    .f-bottom .col-md-4 .widget-title {text-align: right;}
}


/* kbwcustom: Woocommerce cart loading */
.blockUI.blockOverlay, .loader {
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    background: rgba(255, 255, 255, 0.75) !important;
}
.blockUI.blockOverlay:before, .loader:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid;
    border-width: 3px;
    border-color: transparent transparent #ee4d2d #ee4d2d;
    border-radius: 50%;
    border-image: none;
    background: none!important;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    /*animation: 1s linear 0s normal none infinite running spinfull;*/
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: kbwspin;
}

/* kbwcustom: Kbw Loader Style */
#kbwloader {
    background: rgba(0, 0, 0, 0) url(assets/images/fancybox_overlay.png) repeat scroll 0 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 20000;
}
#kbwloader.hidden {display: none!important;}
#kbwloader .loadersmall {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid;
    border-width: 5px;
    border-color: #555 #f3f3f3 #f3f3f3;
    border-radius: 50%;
    border-image: none;
    background: none!important;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    /*animation: 1s linear 0s normal none infinite running spinfull;*/
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: kbwspin;
}
@keyframes kbwspin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
