@import url('https://fonts.googleapis.com/css?family=Miriam+Libre:400,700');
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,700,800');

/* General */
body { font-family: 'Miriam Libre', sans-serif; font-size: 15px; font-weight: normal; color: #4C4A4C; background-color: #FAF8F2; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Kanit', sans-serif; color: #4C4A4C; font-weight: 800; }
a { color: #4C4A4C;}
a:hover, a:focus { color: #FC9E3A; }
.fa-stack { color: #FC9E3A; }


/* Container Fix (06-10-2020, KE) */

@media screen and (min-width: 1350px) {
    .container {
        width: 1300px;
    }
}

@media screen and (min-width: 1500px) {
    .container {
        width: 1400px;
    }
}

/* Headings */

.bb-h2-title {
   font-family: 'Kanit', sans-serif;
   color: #4C4A4C;
   font-weight: 800;
   font-size: 30px;
   margin-top: 20px;
   margin-bottom: 10px;
   line-height: 1.1;
}

/* Header message */

.header-message .alert {
    position: relative;
    background: white;
    top: 0px;
    left: 0px!important;
    right: 0px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    z-index: 0!important;
}


/* Header promotion */

.header-promotion {
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #FFF;
    background: #4c4a4c;
    position: relative;
    
}
.header-promotion .alert {
    border: none;
    margin: 0px;
    color: #FFF;
    background: transparent;
    position: relative;
    background: transparent;
    top: 0px;
    left: 0px!important;
    right: 0px;
    z-index: 0!important;
    box-shadow: none;
    padding: 10px;
    font-size: 15px;
}
.header-promotion .alert button.close {
    color: #FFF;
    opacity: 1;
    margin-top: 10px;
}
.header-promotion .alert strong {
    color: #FFF;
}
/* Actiebanners */

.bb-banners {
    display: block;
    margin-bottom: 15px;
}

/* Mailchimp signup form popup */

@media screen and (max-width: 768px) {
    .mc-banner {
        bottom: 0!important;
        top: auto!important;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important;
    }
}
/* Mailchimp signup hide datatrics */

div#PopupSignupForm_0 {
    display: none;
}


/* Message */

.bb-message .message {
    background: #4c4a4c;
    color: white;
    text-align: center;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    border-radius: 3px;
}

/* Buttons */

.btn {
    text-transform: none;
    font-size: 15px;
    padding: 12px 36px;
}
.btn-primary {
    background: linear-gradient(to bottom, #4C4A4C 50%, #FC9E3A 50%) no-repeat scroll right bottom / 100% 210% #FC9E3A;
}
.btn-default {
    background: linear-gradient(to bottom, #FC9E3A 50%, #4C4A4C 50%) no-repeat scroll right bottom / 100% 210% #4C4A4C;
}
.btn-basic {
    background: white;
    border: 1px solid;
}
.btn-basic:hover {
   background: #4C4A4C;
   color: #FFF;
}
.btn-arrow-right::after {
    content: '\f054';
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 20px;
}

.scrollup {
    background: #4C4A4C!important;
    color: #FFF;
}

/* Modals */

h4.modal-title img {
    display: none;
}
.modal-header .close {
    font-size: 35px;
    margin-top: 3px;
}
.page-checkout-checkout .modal-dialog {
   margin: 220px auto;
}
.ve-btn, a.ve-btn, a:not([href]):not([tabindex]).ve-btn {
   box-shadow: none;
}

/* Backgrounds */

@media screen and (max-width: 768px) {
   .background-white {
      background-color: white;
   }
}

/* iSearch fix */

@media screen and (max-width: 991px) {
   .isearch-container {
      max-width: 100%!important;
      width: 100%!important;
   }
}

/* Several fixes */

.price {
   margin-right: 0px!important;
}

/* Ajax Checkout */
.page-checkout-checkout hr {
    display: none;
}
.d-vis.clearboth.field-sortable {
    margin-top: 30px;
}
a.ve-btn.d-vis.ve-btn--primary {
    font-weight: bold;
    font-size: 16px!important;
}

#d_quickcheckout .ve-card {
   box-shadow: none;
   border-radius: 0px;
}
.qc .ve-btn--primary, .qc a.ve-btn--primary, .qc-btn.ve-btn--primary {
   background: #FC9E3A!important;
}
.qc .ve-btn--primary:active, .qc .ve-btn--primary.active, .qc a.ve-btn--primary:active, .qc a.ve-btn--primary.active, .qc-btn.ve-btn--primary:active, .qc-btn.ve-btn--primary.active {
   background: #4C4A4C!important;
}
.ve-h4 {
    font-family: "Kanit",sans-serif;
    font-weight: 800;
    font-size: 22px;
}
.ve-card__header {
    border-bottom: none;
    padding: 15px 15px 0px 15px;
}
.qc .ve-radio--selected {
   color: #FC9E3A!important;
}
.qc .ve-radio [type=radio]:checked + i:before {
   border-color: #FC9E3A!important;
}
.qc .ve-radio [type=radio]:checked + i:after {
   background-color: #FC9E3A!important;
}
.qc .ve-checkbox [type=checkbox]:checked + i:before {
   border: 1px solid #FC9E3A!important;
   background-color: #FC9E3A!important;
}
.qc .qc-name a, .qc label a {
   font-size: inherit!important;
   color: #4C4A4C!important;
   text-decoration: underline;
}
.ve-input {
   font-size: 16px;
}
.ve-input[type=text], .ve-input[type=email], .ve-input[type=password], .ve-input[type=time], .ve-input[type=date], .ve-input[type=datetime], .ve-input[type=tel] {
   box-shadow: none!important;
   border: 1px solid #ccc!important;
   height: 38px;
}
.qc .ve-btn--primary:hover, .qc a.ve-btn--primary:hover, .qc-btn.ve-btn--primary:hover {
   background: #4C4A4C!important;
}
.ve-btn, a.ve-btn, a:not([href]):not([tabindex]).ve-btn {
   padding: 3px 12px;
   height: 38px;
   font-size: 16px;
}
.ve-btn--hg {
    height: 60px;
    padding: 0px 40px;
    font-size: 22px;
    font-family: "Kanit",sans-serif;
    font-weight: 800;
    box-shadow: none;
}
#d_quickcheckout .panel {
    border: none;
}
#d_quickcheckout .panel-default > .panel-heading {
    color: #FFF;
    background: #4c4a4c;
    border: none;
}
#d_quickcheckout .panel-title {
    padding: 0px;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;
}
#d_quickcheckout .btn-primary{
    color: #ffffff;
    text-shadow: none;
    background-color: #FC9E3A;
    background-image: none;
    background-repeat: repeat-x;
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
}
#d_quickcheckout .btn-primary:hover{
    border: none!important;
    background: #4c4a4c!important;
}
#d_quickcheckout a{
    color: #e17503;
    font-size: 13px;
}
#d_quickcheckout .btn-primary:hover, #d_quickcheckout .btn-primary:active, #d_quickcheckout .btn-primary.active, #d_quickcheckout .btn-primary.disabled, #d_quickcheckout .btn-primary[disabled] {
    background-color: #fc9e3a;
    border: 1px solid #f98306;
}


/* Notify */

.alert-minimalist {
   background-color: #FFFFFF;
   border-left: 0px;
   color: #4c4a4c;
   border-radius: 0px;
}
.alert-minimalist .message {

}

/* Page inner */

.page-inner {
    padding-top: 130px;
}
@media screen and (min-width: 1200px) {
    .page-inner {
        padding-top: 168px;
    }   
}
@media screen and (min-width: 1350px) {
    .page-inner {
        padding-top: 148px;
    }   
}


/*** Page overlay ***/

.bb-page-overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}


/* Mobile header */

#mobile-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #FFF;
}

#mobile-header .mobile-logo a img {
    width: 74px;
    height: auto;
}
.mobile-header-top > .row {
    display: flex;
    justify-content: end;
    align-items: center;
}
#mobile-header .mobile-header-buttons {
    text-align: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px;
}
#mobile-header .mobile-header-buttons .column {
    width: 60px;
    display: flex;
    align-items: center;
    align-self: flex-end;
    text-align: center;
}
#mobile-header .mobile-header-buttons .column img {
    width: 30px;
}
#mobile-header .mobile-header-buttons .column span {
    font-size: 11px;
    color: #4C4A4C;
    text-align: center;
    display: block;
    font-weight: bold;
    font-style: normal;
    padding-top: 8px;
    line-height: 1em;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-nav button {
    padding: 0px;
    display: contents;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-nav button img {
    width: 24px;
    height: 17px;
    margin-top: 3px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-account img {
    width: 24px;
    height: 24px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-customer-service img {
    width: 24px;
    height: 24px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-search button {
    padding: 0px;
    display: contents;
}

#mobile-header .mobile-header-buttons .mobile-header-menu-search img {
    width: 24px;
    height: 24px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-cart {
    position: relative;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-cart img {
    width: 24px;
    height: 24px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-cart span.hidden-lg {
    padding-top: 10px;
}
#mobile-header .mobile-header-buttons .btn {
    text-transform: none!important;
    border: none;
}
#mobile-header .mobile-header-buttons .btn-group {
    vertical-align: sub;
}
#mobile-header .mini-cart.minicart-style-default {
    margin-top: 0px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-cart span.pav-cart-total {
    position: absolute;
    top: -3px;
    right: 10px;
    background: #d20006;
    color: #FFF!important;
    border-radius: 50%;
    line-height: 1;
    border: 2px solid #FFF;
    font-size: 11px;
    padding-top: 0px;
}
#mobile-header .mobile-header-buttons .mobile-header-menu-cart .pav-cart-total span {
    color: #FFF;
    font-size: 11px;
    padding-top: 0px;
    padding: 5px 7px;
}
.mobile-header-bottom {
    background-color: #FFF;
    border-top: 1px solid #faf8f2;
}
.mobile-header-bottom .quick-search-form {
    padding: 5px;
}

#mobile-header .mobile-search .quick-search-form {
   overflow: visible!important;
}
#mobile-header .mobile-search .quick-search-form .form-control {
    background: #FFF;
    color: #4A4C4A;
    border-radius: 5px;
    font-size: 16px;
    height: auto!important;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #EEE!important;
}

#mobile-header .mobile-search .quick-search-form button {
    top: 5px;
}
#mobile-header .mobile-search .quick-search-form button i {
    color: #FC9E3A;
}
#mobile-header .mobile-search .quick-search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4A4C4A!important;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
}
#mobile-header .mobile-search .quick-search-form input::-moz-placeholder { /* Firefox 19+ */
    color: #4A4C4A!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}
#mobile-header .mobile-search .quick-search-form input:-ms-input-placeholder { /* IE 10+ */
    color: #4A4C4A!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}
#mobile-header .mobile-search .quick-search-form input:-moz-placeholder { /* Firefox 18- */
    color: #4A4C4A!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    #header-bottom {
        padding: 10px 0px 5px 0px!important;
    }
    #header-bottom .header-bottom-usp ul {
        padding: 5px 0px 0px 0px!important;
    }
    #header-bottom .header-bottom-logos ul li img {
        width: 54px!important;
        margin-top: 0px!important;
    }
    
}

/* Desktop header */

#desktop-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1030;
    background: #FFF;
}
#desktop-header .desktop-logo {
    position: relative;
}
#desktop-header .desktop-logo a img {
    position: absolute;
    left: 0;
    top: 0;
    height: 94px;
    width: 94px;
}
#desktop-header .desktop-header-links {
    padding: 23px 0px 18px 0px;
}
#desktop-header .desktop-header-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}
#desktop-header .desktop-header-links ul li {
    display: inline-block;
    padding: 10px 0px;
}
#desktop-header .desktop-header-links ul li a {
    font-weight: bold;
    text-decoration: underline;
}
#desktop-header .desktop-header-links ul li a:hover {
    text-decoration: none;
    color: #FC9E3A;
}
#desktop-header .desktop-header-buttons {
    text-align: right;
}
#desktop-header .desktop-header-buttons .column {
    width: 36px;
    display: inline-block;
    text-align: right;
    padding: 23px 0px;
}
#desktop-header .desktop-header-buttons .column img {
    width: 32px;
}
#desktop-header .desktop-header-buttons .column span {
    font-size: 11px;
    color: #4C4A4C;
    text-align: center;
    display: block;
    font-weight: bold;
    font-style: normal;
    padding-top: 8px;
    line-height: 1em;
}
#desktop-header .desktop-header-buttons .btn {
    text-transform: none!important;
    border: none;
}
#desktop-header .desktop-header-buttons .btn-group {
    vertical-align: bottom;
}
#desktop-header .mini-cart.minicart-style-default {
    margin-top: 0px;
}
#desktop-header .desktop-header-buttons .mobile-header-menu-cart span.pav-cart-total {
    position: absolute;
    top: -3px;
    right: -10px;
    background: #d20006;
    color: #FFF!important;
    border-radius: 50%;
    line-height: 1;
    border: 2px solid #FFF;
    font-size: 11px;
    padding-top: 0px;
}
#desktop-header .desktop-header-buttons .mobile-header-menu-cart .pav-cart-total span {
    color: #FFF;
    font-size: 11px;
    padding-top: 0px;
    padding: 5px 7px;
}
#desktop-header .desktop-search {
    padding: 23px 0px;
}
#desktop-header .desktop-search .quick-search-form {
   overflow: visible!important;
}
#d_ajax_search_results {
   margin-top: 0px!important;
   display: none!important;
}
#desktop-header .desktop-search .quick-search-form .form-control {
    background: #FFF;
    color: #4C4A4C;
    border-radius: 0px;
    font-size: 16px;
    height: auto!important;
    padding-left: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
    border: 1px solid #4C4A4C;
}
#desktop-header .desktop-search .quick-search-form button {
    top: 0px;
    padding: 12px 20px;
}
#desktop-header .desktop-search .quick-search-form button i {
    color: #FC9E3A;
}
#desktop-header .desktop-search .quick-search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #4C4A4C!important;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
}
#desktop-header .desktop-search .quick-search-form input::-moz-placeholder { /* Firefox 19+ */
    color: #4C4A4C!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}
#desktop-header .desktop-search .quick-search-form input:-ms-input-placeholder { /* IE 10+ */
    color: #4C4A4C!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}
#desktop-header .desktop-search .quick-search-form input:-moz-placeholder { /* Firefox 18- */
    color: #4C4A4C!important;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}

.desktop-header-bottom {
    background-color: #FC9E3A;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu li:first-child  {
    margin-left: 0px;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu .dropdown-menu ul li:first-child {
    margin-left: 0px;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li > a:hover, .mainmenu .navbar .navbar-nav > li > a:focus, .mainmenu .navbar .navbar-nav > li > a:active {
    color: #4C4A4C;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .parent > a:after {
    color: #4C4A4C;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .nav::before {
    display: none!important;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
} 
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li > a {
    padding: 18px 0px;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li:first-child > a {
    padding-left: 0px;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li:last-child > a {
    padding-right: 0px;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li > a {
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu li .dropdown-menu .title {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    color: #4C4A4C;
    line-height: 26px;
    font-weight: 800;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu li .dropdown-menu .title a {
    color: #4C4A4C;
}
.desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu li .dropdown-menu ul {
    margin-top: 20px;
}
.desktop-header-bottom .mainmenu .navbar .navbar-nav > li .dropdown-menu li, .desktop-header-bottom .mainmenu .navbar .navbar-nav > li .dropdown-menu li a {
    color: #4C4A4C;
    font-size: 16px;
    line-height: 20px;
}
.desktop-header-bottom .mainmenu .navbar .navbar-nav > li .dropdown-menu li a:hover {
    color: #FC9E3A;
}
.desktop-header-bottom .mainmenu .navbar .navbar-nav > li .dropdown-menu li::before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 10px;
}
.mainmenu .navbar .navbar-nav > li .dropdown-menu li a:before, ul.dropdown-menu > li > a:before {
    display: none;
}
.desktop-header-bottom .mainmenu .collapse.navbar-collapse {
    padding: 0px!important;
}

/* Header bottom */

#header-bottom {
    padding: 10px 0px 15px 0px;
}
.page-product-category #header-bottom {
    display: none;
}
.page-product-search #header-bottom {
    display: none;
}
#header-bottom .header-bottom-usp ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
}
#header-bottom .header-bottom-usp ul li {
    
}
#header-bottom .header-bottom-usp ul li .inner {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 5px;
    align-items: flex-start;
}
#header-bottom .header-bottom-usp ul li .inner .icon {
    line-height: 1em;   
}
#header-bottom .header-bottom-usp ul li .inner .text {
    display: block;
    font-weight: bold;
    line-height: 1.3em;
}
#header-bottom .header-bottom-usp ul li .inner .text span {
    display: block;
    font-weight: normal;
    font-size: .85em;
}
#header-bottom .header-bottom-logos {
    text-align: right;
}
#header-bottom .header-bottom-logos ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#header-bottom .header-bottom-logos ul li {
    display: inline-block;
    margin-left: 30px;
}
#header-bottom .header-bottom-logos ul li:first-child {
   margin-left: 0px;
}
#header-bottom .header-bottom-logos ul li img {
    width: 70px;
}
@media screen and (max-width: 768px) {
    #header-bottom .header-bottom-logos ul {
        justify-content: center;
    } 
}
@media screen and (max-width: 1200px) {
   #header-bottom .header-bottom-logos ul li {
      margin-left: 10px;
   }
   #header-bottom .header-bottom-logos ul li img {
       width: 60px;
       margin-top: 2px;
   }
}


/*** row-offcanvas ***/

@media screen and (max-width: 1200px) {
   .row-offcanvas-left.active .sidebar-offcanvas {
      left: 0!important;
   }
   .sidebar-offcanvas {
      position: fixed!important;
      overflow-y: scroll!important;
   }
    .row-offcanvas .mainmenu .navbar .navbar-nav > li > a {
        background: #FAF8F2;
        color: #4C4A4C;
    }
    .row-offcanvas.active .sidebar-offcanvas {
        width: 100vw;
    }
    .offcanvas-inner.panel-offcanvas {
        padding-top: 120px;
    }
    .sidebar-offcanvas .dropdown > i {
        background: transparent;
        color: #4C4A4C;
    }
    .sidebar-offcanvas .offcanvas-heading {
        position: relative;
    }
    .sidebar-offcanvas .offcanvas-heading > button {
        position: absolute;
        top: 20px;
        right: 10px;
        margin-bottom: 20px;
        border-radius: 40px;
        height: 32px;
        width: auto;
        background: transparent;
        color: #4C4A4C;
        border: none;
    }
    .sidebar-offcanvas .offcanvas-heading .btn-danger:hover {
      background: none;
      border: none;
      color: #4C4A4C;
   }
    .sidebar-offcanvas .offcanvas-heading > button span.fa {
      color: #FC9E3A;
   }
    .sidebar-offcanvas .mainmenu .navbar .navbar-nav ul {
        overflow: hidden;
        margin-bottom: 0px;
    }
.sidebar-offcanvas .mainmenu .navbar .navbar-nav > li .dropdown-menu .title, .sidebar-offcanvas .mainmenu .navbar .navbar-nav > li .dropdown-menu .title a {
   font-family: 'Kanit', sans-serif;
   font-weight: 800;
   font-size: 20px;
   margin-bottom: 10px;
   margin-top: 20px;

}
   .sidebar-offcanvas .mainmenu .navbar .navbar-nav > li .dropdown-menu li a {
      color: #4C4A4C;
   }
   .sidebar-offcanvas .mainmenu .navbar .navbar-nav > li > a {
      font-family: 'Miriam Libre', sans-serif!important;
   }
   .sidebar-offcanvas .mainmenu .navbar .navbar-nav > li .dropdown-menu li::before {
      content: '\f105';
      font-family: FontAwesome;
      margin-right: 10px;
   }
   .sidebar-offcanvas .mainmenu .navbar .navbar-nav > li .dropdown-menu {
      padding: 10px 30px;
   }
   .sidebar-offcanvas .mainmenu .navbar .parent > a:after {
        display: none;
   }

}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .sidebar-offcanvas .pav-spacing {
        height: 60px!important;
    }
}

@media screen and (max-width: 991px) {
    .sidebar-offcanvas .pav-spacing {
        display: none;
    }
}


/* Mega menu fix */

ul.col-2 li {
   width: 50%;
   float: left;
}

@media screen and (max-width: 1024px) {
   ul.col-2 li {
      width: 100%;
   }
}

/*** Breadcrumb ***/
ul.breadcrumb {
    margin-bottom: 10px;
}
ul.breadcrumb:after {
    background-color: #FAF8F2;
}
ul.breadcrumb li + li:before {
    content: "/";
}

/*** Home: header image ***/
#common-home .bb-banners .container {
    max-width: 1320px;
    width: 100%;
}
.home-header-image .row {
    display: flex;
    align-items: center;
}
.home-header-image {
    min-height: 460px;
    max-width: 1300px;
    margin: 0 auto;
}
.home-header-text .home-title {
    margin: 0px;
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;
}
.home-header-text p {
    line-height: 26px;
}
.home-header-business .title {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 34px;
    margin: 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
}
.home-header-business .title span {
    display: block;
    color: #FC9E3A;
    font-size: 34px;
}
.home-header-business a.btn {
    display: inline-block;
    margin-top: 20px;
}
.home-header-text, .home-header-business {
    min-height: 220px;
}

/*** Category block  row ***/

.category-blocks-row {
    margin-bottom: 30px;
    margin-top: 30px;
}

/*** Home: category block ***/

.category-block {
    background: white;
    overflow: hidden;
    margin-bottom: 20px;
    height: 90px;
    position: relative;
}
.category-block a {
    color: #4C4A4C;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.category-block a::after {
    content: '\f054';
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 30px;
}
.category-block .image {
    float: left;
    width: 90px;
    height: 90px;
}
.category-block .image img {
    width: 100%;
}
.category-block .description {
    float: left;
    padding: 18px 25px;
}
.category-block .description span.title {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    line-height: 22px;
    display: block;
    font-weight: 800;
    color: #4C4A4C;
}
.category-block .description span.subtitle {
    display: block;
}

/* Title h3 with styling */

.title-h3 {
    font-size: 34px;
    margin-bottom: 20px;
    padding-left: 28px;
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
    line-height: 68px;
}
 .title-h3::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FC9E3A;
    position: absolute;
    top: 28px;
    transform: rotate(270deg);
    left: 0;
}

/* Home: Zakelijk */

.bb-business-block {
   margin: 30px 0px;
   background: #FFF;
}
.bb-business-block .title {
   background: #4C4A4C;
   padding: 15px 20px;
   position: relative;
}
.bb-business-block .title::after {
   content: '';
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #4C4A4C;
   position: absolute;
   bottom: -19px;
}
.bb-business-block .title .main {
   color: #FFF;
   font-size: 24px;
   font-family: 'Kanit', sans-serif;
   font-weight: 800;
   line-height: 37px;
   margin-top: 10px;
   text-transform: uppercase;
}
.bb-business-block .title .main span {
   display: block;
}
.bb-business-block .usp {
   padding: 30px 30px 10px 30px;
}
.bb-business-block .usp ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.bb-business-block .usp ul li::before {
   content: '\f00c';
   font-family: FontAwesome;
   color: #FC9E3A;
   margin-right: 10px;
}
.bb-business-block .cta {
   padding: 10px 30px 10px 30px;
   width: 58%;
}
.bb-business-block .cta span {
   font-weight: bold;
   display: block;
}
.bb-business-block .cta a {
   margin-top: 20px;
   margin-bottom: 20px;
   display: block;
}
.bb-business-block .image {
   position: relative;
}
.bb-business-block .image img {
   position: absolute;
   bottom: 0px;
   right: 0px;
}

@media screen and (max-width: 1024px) {
    .bb-business-block .cta a {
        padding: 10px;
    }
}

@media screen and (min-width: 991px) {
   .bb-business-block {
      margin: 50px 0px 30px 0px;
   }
   .bb-business-block .title {
      padding: 30px 0px 120px 30px;
   }
   .bb-business-block .title::after {
      right: -29px;
      transform: rotate(270deg);
      top: 50px;
   }
   .bb-business-block .usp {
      padding: 50px 30px 10px 30px;
   }
   .bb-business-block .cta {
      padding: 50px 30px 10px 30px;
      width: 100%;
   }
   .bb-business-block .image img {
      position: relative;
   }

}

/* Home: USP main */

.bb-main-usp {
   margin: 20px 0px 50px 0px;
}
.bb-main-usp .inner {
   text-align: center;
}
.bb-main-usp .inner .image {
   height: 75px;
}
.bb-main-usp .inner .image .icon {
   max-width: 75px;
   max-height: 70px;
}
.bb-main-usp .inner .title {
   font-family: 'Kanit', sans-serif;
   font-weight: 800;
   font-size: 24px;
   display: block;
   margin-top: 15px;
}
.bb-main-usp .inner .subtitle {
   font-size: 18px;
   display: block;
   margin-top: 10px;
}

@media screen and (max-width: 991px) {
   .bb-main-usp .inner {
      margin-bottom: 40px;
   }
   .bb-main-usp .inner .title {
      font-size: 18px;
   }
   .bb-main-usp .inner .subtitle {
      font-size: 16px;
      margin-top: 0px;
   }
}

/*** Category: intro ***/
#category-intro {
    width: 100%;
    overflow: hidden;
    margin: 15px 0px 30px 0px;
}
#category-intro .category-image-container {
    float: left;
    overflow: hidden;
    max-height: 280px;
    position: relative;
}
#category-intro .category-image-container::after {
   content: '';
   position: absolute;
   bottom: 0;
   display: block;
   height: 100%;
   width: 100%;
   background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
   background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
   background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
   background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));
   z-index: 5;
}
#category-intro .category-image-container .category-title {
   position: absolute;
   z-index: 9;
   bottom: 40px;
   left: 30px;
}
#category-intro .category-image-container .category-title h1 {
   color: #FFF;
}
#category-intro .category-image-container .category-breadcrumb {
   position: absolute;
   z-index: 9;
   bottom: 15px;
   left: 30px;
}
#category-intro .category-image-container .category-breadcrumb ul.breadcrumb {
   margin-bottom: 0px;
   min-height: auto;
   padding: 0px;
}
#category-intro .category-image-container .category-breadcrumb ul.breadcrumb a, #category-intro .category-image-container .category-breadcrumb ul.breadcrumb i {
   color: #FFFFFF;
}
#category-intro .category-image-container .category-breadcrumb ul.breadcrumb li {
   color: #FFF;
}
#category-intro .category-image-container .category-breadcrumb ul.breadcrumb li + li:before {
   color: #FFF;
}
#category-intro .category-image-container .category-breadcrumb ul.breadcrumb:after {
   display: none;
}
#category-intro .category-image-container .category-image {
    margin-bottom: 0px;
}
#category-intro .category-image-container .category-image img {
    display: block;
    height: auto;
    max-width: 130%!important;
    width: 120%;
    margin-left: -10%;
}
#category-intro .category-description-container {
    float: left;
    width: calc(100% - 650px);
    box-sizing: border-box;
    padding: 30px;
    background: #FFFFFF;
    min-height: 280px;
    text-align: left;
}
#category-intro .category-description-container .category-breadcrumb ul.breadcrumb {
    min-height: 0px;
    padding: 0px;
    margin-bottom: 5px;
}
#category-intro .category-description-container .category-title h1 {
    margin-top: 0px;
}
#category-intro .category-description-container .category-breadcrumb ul.breadcrumb::after {
    display: none;
}

/* Category: content */

#product-category .category-info a {
    text-decoration: underline;
}

#product-category h3 {
   text-transform: none;
   color: #4A4C4A;
   font-size: 26px;
   font-weight: 800;
   margin-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 0px;
   display: block;
   border: none;
}
#product-category h4 {
   text-transform: none;
   color: #4A4C4A;
   font-size: 22px;
   font-weight: 800;
   margin-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 0px;
   display: block;
   border: none;
}

/* Category: Refine Search */

#refine-search ul.list-inline li {
    margin: 5px 0px;
}
#refine-search ul.list-inline li a {
    padding: 5px 15px;
    background: #FFFFFF;
    display: block;
    border-radius: 0px;
}


span.select2-selection.select2-selection--single {
    height: 40px;
    padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 40px;
}



/* Brainy Filter */
.box-heading {
    text-shadow: none!important;
}
.bf-panel-wrapper {
   overflow: hidden;
}
.bf-panel-wrapper .box-heading {
   display: block;
   background: #4c4a4c;
   color: #FFF;
   text-transform: none;
   padding-left: 20px;
   padding: 8px 20px;
}
.bf-panel-wrapper .box-heading::before {
   content: '\f0b0';
   font-family: FontAwesome;
   margin-right: 10px;
}
.bf-panel-wrapper .bf-attr-header {
    font-family: 'Kanit',sans-serif;
    font-weight: 800;
    font-size: 22px;
}
.bf-panel-wrapper .bf-sliding-cont {
    margin-bottom: 11px;
}
.bf-form div:nth-last-of-type(2) .bf-attr-filter:last-child .bf-cell {
   border: none!important;
}
.bf-buttonclear-box {
    border: 0;
    padding: 10px 11px 10px 14px;
}
.bf-buttonclear {
   color: #FC9E3A;
   padding-left: 24px;
}
.bf-panel-wrapper {
    background: #FFFFFF;
}
.bf-panel-wrapper .box {
    border: none!important;
}
.bf-attr-block {
    background: #FFFFFF;
    padding: 0px 5px!important;
}
.bf-attr-header {
    background: #FFFFFF!important;
    border-top: 0px;
}
.bf-count {
    border-radius: 0px;
    padding: 0px 7px;
    width: 35px;
    text-align: center;
}
.bf-cell {
    border-bottom: 0px;
}
.bf-sliding-show {
    color: #FC9E3A;
}
.bf-attr-group-header {
    display: none!important;
}
#column-left .box {
   margin-bottom: 20px;
}

/* Sidebar business */

.bb-sidebar-business {
   margin: 30px 0px;
   background: #FFF;
}
.bb-sidebar-business .title {
   background: #4C4A4C;
   padding: 15px 20px;
   position: relative;
}
.bb-sidebar-business .title::after {
   content: '';
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #4C4A4C;
   position: absolute;
   bottom: -19px;
   left: 20px;
}
.bb-sidebar-business .title .maintitle {
   color: #FFF;
   font-size: 24px;
   font-family: 'Kanit', sans-serif;
   font-weight: 800;
}
.bb-sidebar-business .title .maintitle span {
   display: block;
   font-size: 28px;
   color: #FC9E3A;;
}
.bb-sidebar-business .usp {
   padding: 40px 30px 10px 30px;
}
.bb-sidebar-business .usp ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.bb-sidebar-business .usp ul li {
    display: flex;
}
.bb-sidebar-business .usp ul li::before {
   content: '\f00c';
   font-family: FontAwesome;
   color: #FC9E3A;
   margin-right: 10px;
}
.bb-sidebar-business .info {
   padding: 10px 30px 5px 30px;
   width: 100%;
}
.bb-sidebar-business .cta {
   padding: 5px 30px 10px 30px;
   width: 100%;
}
.bb-sidebar-business .cta span {
   font-weight: bold;
   display: block;
}
.bb-sidebar-business .cta a {
   margin-bottom: 20px;
}

/* Category: product collection */

.products-collection {
    background: #FFF;
}
.product-category-element-wrapper {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.products-collection-top {
    background-color: #FAF8F2;
}
.products-collection > .row:first-child {
    border: none;
    padding: 20px 0 20px 0px;
    margin: 0px;
}

.paging {
    border: none;
    background: #FAF8F2;
    padding-bottom: 0px;
}
.category-content {
    padding-top: 20px;
}
/* Product block */
.product-thumb .product-meta .caption {
    height: 120px;
}
.product-thumb .product-meta .caption .name {
    font-family: 'Kanit', sans-serif;
    color: #4C4A4C;
    font-weight: 800;
    font-size: 22px;
    padding-left: 0px!important;
    margin-left: 0px!important;
}
.product-thumb .product-meta .caption .name a {
    color: #4C4A4C;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    display: inherit;
}
.product-thumb .product-meta .caption p {
   margin: 0px!important;
   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-thumb .product-meta .caption .rating {
    display: block;
    float: left;
    width: 100%;
    display: none;
}

/*** Productpage: top ***/


.product-top {
    background: none!important;
    padding: 0px!important;
}
.product-top .rating {
    display: none;
}

.mobile-product-heading {
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
}
.mobile-product-heading h1 {
    font-size: 28px;
}

@media screen and (max-width: 768px) {
    .product-summary-shadow ul.breadcrumb {
        padding: 0px;
        font-size: 13px;
    }
    .product-summary-shadow .summary-inner {
        padding: 10px 15px 5px 15px;
    }
    .bb-product-usp  {
        padding: 30px!important;
        overflow: hidden;
    }
    .bb-product-usp ul li {
        width: 100%!important;
    }
}

.pavo-products-nav {
    display: none;
}

.product-summary-shadow .product-images .image-preview {
    width: 100%;
}
.product-summary-shadow .product-images .image-preview img {
    width: 100%;
}
.product-summary-shadow .summary-inner {
    text-align: left!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.product-summary-shadow .summary-inner .bb-stock .bb-stock-content {
    margin: 20px 0px 10px 0px;
}
.product-summary-shadow .summary-inner .bb-stock .bb-stock-content span.instock {
    font-weight: 700;
    color: #36ab38;
}
.product-summary-shadow .summary-inner #product .control-label {
    text-transform: uppercase;
    font-family: "Kanit", sans-serif;
    color: #4C4A4C;
    font-weight: 900;
    font-size: 20px;
}
.product-summary-shadow .summary-inner #product .product-btn-quantity {
    width: 20%;
}
.product-summary-shadow .summary-inner #product .btn-cart {
    width: 75%;
    background: linear-gradient(to bottom, #4C4A4C 50%, #FC9E3A 50%) no-repeat scroll right bottom / 100% 210% #FC9E3A;
    font-size: 18px;
    font-family: "Kanit", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
}
.product-summary-shadow .summary-inner #product .btn-cart img {
    margin-top: -5px;
    margin-right: 10px;
}

.product-summary-shadow .summary-inner #product .form-group .radio {
    border: 1px solid #E6E6E6;
    margin-bottom: 0px;
    margin-top: -1px;
}
.product-summary-shadow .summary-inner #product .form-group .radio input[type="radio"] {
    margin-right: 10px;
    vertical-align: baseline!important;
}
.product-summary-shadow .summary-inner #product .form-group .radio label {
    display: block;
    padding: 20px 40px;
    font-weight: 600;
}
.product-summary-shadow .summary-inner #product .form-group .radio label img {
    display: none;
}
.product-summary-shadow .summary-inner #product .form-group .radio label span.price {
    float: right;
    font-family: "Kanit", sans-serif;
    font-size: 22px;
    font-weight: 900;
}
.product-summary-shadow .summary-inner #product .product-btn-quantity > input[type="button"]:hover, .product-btn-quantity > input[type="button"]:focus {
    background: #FC9E3A;
    border-color: #FC9E3A;
}

.product-summary-shadow .summary-inner .product-group-buttons button {
    color: #4C4A4C;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
}
.product-summary-shadow .summary-inner .product-group-buttons button:hover {
    color: #FC9E3A;
}
.product-summary-shadow .summary-inner .product-group-buttons button::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #FC9E3A;
    margin-right: 10px;
}
.product-btn-quantity > input[type="button"] {
   font-size: 17px!important;
   font-weight: 800;
}
.business-btn {
    margin: 10px 0px;
    display: inline-block;
}
.business-btn a {

}
.business-btn a::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #FC9E3A;
    margin-right: 10px;
}
.product-quick-nav {
   background-color: #4A4C4A;
   padding: 0px 20px;
}
.product-quick-nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.product-quick-nav ul li {
   display: inline-block;
   text-align: left;
   margin-right: 15px;
}
.product-quick-nav ul li a {
   color: #FFF;
   padding: 15px 0px;
   display: block;
   text-decoration: underline;
}
/* .bb-product-usp {
    padding: 30px 0px;
}
.bb-product-usp ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bb-product-usp ul li {
    width: 50%;
    float: left;
    line-height: 2.3em;
}
.bb-product-usp ul li i {
    color: #FC9E3A;
    margin-right: 5px;
}
.bb-product-usp ul li img {
    margin-left: 5px;
} */

.bb-product-usp ul {
    list-style: none;
    margin: 0px;
    padding: 30px 0px 0px 0px;
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.bb-product-usp ul li {

}
.bb-product-usp ul li .inner {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 5px;
    align-items: flex-start;
}
.bb-product-usp ul li .inner .icon {
    line-height: 1em;   
}
.bb-product-usp ul li .inner .text {
    display: block;
    font-weight: bold;
    line-height: 1.3em;
}
.bb-product-usp ul li .inner .text span {
    display: block;
    font-weight: normal;
    font-size: .85em;
}

@media screen and (max-width: 560px) {

    .bb-product-usp ul {
        padding: 0px;
        grid-template-columns: 100%;
    }
}


.product-shawdow-head {
    margin-bottom: 0px;
}
.price-without-options {
    padding: .5em 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-family: "Kanit", sans-serif;
    font-size: 22px;
    font-weight: 900;
}
.product-cart-warning {
    font-size: 13px;
    line-height: 1.25;
    margin-top: 1em;
}
/*** Productpage: info ***/

#bb-product-info .wrapper {

}
#bb-product-info .wrapper .description {
    background: #FFFFFF;
    padding: 30px;
}
#bb-product-info .wrapper .attribute-block {
    padding: 30px;
    overflow: hidden;
}
#bb-product-info .wrapper .attribute-title {
    font-family: 'Kanit', sans-serif;
    color: #4C4A4C;
    font-weight: 800;
    font-size: 20px;
    display: block;
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
}
#bb-product-info .wrapper ul.attributes {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
}
#bb-product-info .wrapper ul.attributes li {
    width: 100%;
    display: block;
}
#bb-product-info .wrapper ul.attributes li span.attribute-name {
    width: 60%;
    float: left;
    text-align: left;
}
#bb-product-info .wrapper ul.attributes li span.attribute-text {
    width: 40%;
    float: right;
    text-align: left;
}
#bb-product-info .wrapper .tag-block {
    padding: 10px 30px;
    overflow: hidden;
}
#bb-product-info .wrapper .share-block {
    padding: 10px 30px;
    overflow: hidden;
}
#bb-product-info .wrapper .share-block h2 {
    margin-bottom: 2s0px;
}
/*** Productpage: reviews ***/

#bb-product-reviews {
    margin: 50px 0px;
    background: #FFF;
    padding: 30px;
}
#bb-product-reviews .product-reviews-top {
    margin-bottom: 30px;
}
#bb-product-reviews .product-reviews-top .product-reviews-button {
    text-align: right;
    margin-top: 15px;
}

#reviewModal .modal-header {
    padding: 25px 30px;
}
#reviewModal .modal-header .close {
    margin-top: 7px;
    color: black;
    opacity: 1;
    font-size: 30px;
}

/*** Product: Related ***/

#bb-related-products {
    background: white;
    padding-bottom: 40px;
}
#bb-related-products .product-related .related-title {
    text-align: left;
    padding: 60px 0px 20px;
    font-family: "Kanit",sans-serif;
    font-weight: 800;
    color: #4C4A4C;
    margin-bottom: 30px;
    font-size: 30px;
}
#bb-related-products .owl-item {
   padding: 7px!important;
}

@media screen and (max-width: 991px) {
   #bb-related-products .product-related h3 {
      padding: 30px 0px 20px 0px;
      margin-bottom: 10px;
   }
}
.page-product-product .footer-blockbuilder {
    margin-top: 0px!important;
}
/*** Pagination ***/

ul.pagination > li:first-child > a, ul.pavo-pagination > li:first-child > a, ul.pagination > li:first-child > span, ul.pavo-pagination > li:first-child > span {
    border-radius: 0px!important;
}
ul.pagination > .active > span, ul.pavo-pagination > .active > span {
    background: #FC9E3A;
    color: #FFF;
}
.pagination > li > a, .pagination > li > span {
    background: #4C4A4C;
    color: #FFF;
}
ul.pagination > li > a, ul.pagination > li > span, ul.pavo-pagination > li > a, ul.pavo-pagination > li > span {
    border-radius: 0px!important;
}
ul.pagination > li:first-child > a, ul.pavo-pagination > li:first-child > a, ul.pagination > li:first-child > span, ul.pavo-pagination > li:first-child > span {
    margin-right: 0px;
}
ul.pagination > li > a:hover, ul.pavo-pagination > li > a:hover, ul.pagination > li > span:hover, ul.pavo-pagination > li > span:hover, ul.pagination > li > a:focus, ul.pavo-pagination > li > a:focus, ul.pagination > li > span:focus, ul.pavo-pagination > li > span:focus {
    background: #FC9E3A;
    color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #FC9E3A;
}


/* Search page */

.page-product-search h1 {
    margin: 0 0 10px 0;
 }

.page-product-search .products-collection {
   padding: 20px;
}


/*** Cart ***/
#checkout-cart #content h1 {
    margin-bottom: 30px;
    margin-top: 0px;
}
.cart-row {
    background: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    display: block;
}
.cart-row img {
    width: 100%;
    margin-top: 20px;
    padding-left: 5px;
}
.cart-row .name {
    padding: 10px 0px 0px 0px!important;
    margin-left: 0px;
}
.cart-row .name a {
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
    color: #4C4A4C;
    font-size: 20px;
}
.cart-row .input-group {
    padding-bottom: 20px;
    padding-top: 10px;
}
.cart-row .form-control {
    height: auto;
    padding: 5px 15px;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #CCC;
}
#checkout-cart .cart-row .input-group-btn > button {
    height: 34px;
    width: 34px;
}
.cart-row .price {
    text-align: right;
}
.cart-row .total {
    text-align: right;
    font-weight: 600;
    padding-right: 40px;
}

#checkout-cart .well-default {
    border: none;
    background: none;
    padding: 0px;
    margin-top: 30px;
}
#checkout-cart .panel-shipping {
   display: none;
}
#checkout-cart .well-default .panel-heading {
    background: none;
    border-bottom: none;
}
#checkout-cart .well-default .panel-heading .panel-title {
    text-transform: none;
    font-size: 16px;
    color: #4C4A4C;
    margin-bottom: 10px;

}
#checkout-cart .well-default .panel-body {
   margin-bottom: 40px;
}
#checkout-cart .well-default .panel-body .form-control {
    background: #FFF;
}

#checkout-cart .well-primary {
    background: #FFF;
    border: none;
    border-radius: 0px;
    margin-top: 10px;
}
.well-primary table tr:last-child td:last-child {
    color: #4C4A4C;
    font-family: 'Kanit', sans-serif;
}
.well-primary table tr:last-child {
    font-family: 'Kanit', sans-serif;
}

/*** Footer ***/

.bb-footer-top .footer-top-title {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
}
/* .bb-footer-top .footer-usp ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.bb-footer-top .footer-usp ul li {
    display: inline-block;
    margin-left: 20px;
}
.bb-footer-top .footer-usp ul li i {
    color: #FC9E3A;
} */
.bb-footer-top .footer-usp ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
}
.bb-footer-top .footer-usp ul li {
    
}
.bb-footer-top .footer-usp ul li .inner {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 5px;
    align-items: flex-start;
}
.bb-footer-top .footer-usp ul li .inner .icon {
    line-height: 1em;   
}
.bb-footer-top .footer-usp ul li .inner .text {
    display: block;
    font-weight: bold;
    line-height: 1.3em;
}
.bb-footer-top .footer-usp ul li .inner .text span {
    display: block;
    font-weight: normal;
    font-size: .85em;
}

@media screen and (max-width: 991px) {

    .bb-footer-top .footer-usp ul {
        flex-wrap: wrap;
    }
    .bb-footer-top .footer-usp ul li {
        width: 45%;
    }
}
@media screen and (max-width: 560px) {

    .bb-footer-top .footer-usp ul li {
        width: 100%;
    }
}
.bb-footer-center {
    color: #FFF;
}
.bb-footer-center a {
    color: #FFF;
}
.bb-footer-center .footer-title span {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 30px;
    display: block;
}
.bb-footer-center .footer-service-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 320px;
}
.bb-footer-center .footer-service-menu ul li {
    width: 160px;
    float: left;
}
.bb-footer-center .footer-service-menu ul li:before {
    content: '\f105';
    font-family: FontAwesome;
    color: #4C4A4C;
    margin-right: 10px;
}
.bb-footer-bottom .footer-title span {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 30px;
    display: block;
}
.bb-footer-bottom .pavo-widget-custom-menu.pa_custom_menu li a {
    color: #FFF;
    transition: ease .3s;
}
.bb-footer-bottom .pavo-widget-custom-menu.pa_custom_menu li a:hover {
    color: #FC9E3A;
}
.bb-footer-bottom .pavo-widget-custom-menu.pa_custom_menu li a i {
    color: #FC9E3A;
    margin-right: 10px;
}
.bb-footer-powered .pavo-widget-custom-menu.pa_custom_menu li a {
    color: #4C4A4C;
    transition: ease .3s;
}

.bb-footer-powered {
    padding: 25px 0px;
}
.bb-footer-powered ul.list-footer-logos {
    list-style: none;
    margin: 0 0 10px 0px;
    padding: 0;
    display: flex;
    gap: 10px 3px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.bb-footer-powered ul.list-footer-logos li img {
    max-width: 46px;
}


/* Mailchimp signup */

.bb-mc-signup #mc_embed_signup {
   background: transparent!important;
   font-family: inherit!important;
   font-size: inherit!important;
}
.bb-mc-signup #mc_embed_signup form {
   text-align: left;
}
.bb-mc-signup #mc_embed_signup input.email {
   width: 60%;
   font-size: 16px;
   border: none;
   font-family: inherit;
   color: #4C4A4C;
   border-radius: 0px;
   height: 44px;
   padding: 0px 20px;
}
.bb-mc-signup #mc_embed_signup .button {
   font-size: 16px;
   border: none;
   font-family: inherit;
   border-radius: 0px;
   height: 44px;
   padding: 0px 20px;
   background: #4C4A4C;
}
.bb-mc-signup #mc_embed_signup .clear {
   width: 26%;
}

/***** PAV BLOG: Archive ******/

.pavoblog-post, .pavoblog-posts {
    background-color: transparent;
}
#pavoblog-posts .entry-content {
    background-color: #FFFFFF;
    padding: 30px;
    color: #4C4A4C;
}
.pavoblog-posts .entry-content {
    min-height: auto!important;
}

.pavoblog-post .entry-content .entry-title, .pavoblog-post .entry-content .entry-title a, .pavoblog-posts .entry-content .entry-title, .pavoblog-posts .entry-content .entry-title a {
    color: #4C4A4C;
}
#pavoblog-posts .post-author .fa, #pavoblog-posts .post-date .fa {
    display: inline-block!important;
    color: #FC9E3A;
}
#pavoblog-posts .entry-readmore a {
    color: #FC9E3A;
    text-transform: none;
    font-weight: normal;
    font-size: inherit;

}



/***** Acount: login ******/

#account-login .well {
    background-color: #FFFFFF;
    padding: 40px;
}

/***** Acount: register ******/
#account-register form {
    background: #FFF;
    padding: 20px 40px;
    overflow: hidden;
    margin-top: 30px;
}


@media screen and (max-width: 1200px) {
   #category-intro .category-description-container {
      width: calc(100% - 490px);
   }
   #category-intro .category-description-container .category-intro {
      line-height: 22px;
   }
   #category-intro .category-image-container {
      width: 490px;
      overflow: hidden;
   }
   #category-intro .category-image-container .category-image img {
      max-width: 133%;
      margin-left: -16%;
   }
   .category-block .description span.title {
       font-size: 16px;
   }
   .category-block .description span.subtitle {
    font-size: 11px;
    }


}

@media screen and (max-width: 1024px) {
   #category-intro .category-description-container {
      padding: 20px;
      min-height: 240px;
      width: calc(100% - 500px);
   }
   #category-intro .category-description-container p {
      line-height: 18px;
   }
   #category-intro .category-image-container {
    width: 500px;
    max-height: 240px;

   }
   .product-thumb .product-meta .caption .cart-btn {
      width: 15%!important;
   }
   .product-thumb .price {
      margin-top: 0px!important;
   }
   .price {
      margin-top: 0px!important;
   }
   .category-block a::after {
    content: '\f054';
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 20px;
    }
   .category-block  {
       height: 70px;
   }
   .category-block .image {
      width: 70px;
      height: 70px;
   }
   .category-block .description {
      padding: 9px 15px;
   }
   .category-block .description span.title {
      font-size: 20px;
   }
   .category-block .description span.subtitle {
      font-size: 13px;
   }
   .bb-business-block .title {
      padding: 10px 0px 10px 30px;
   }
   .bb-business-block .title::after {
      right: auto !important;
      transform: rotate(0deg)!important;
      top: auto!important;
      bottom: -20px!important;
   }
   .bb-business-block .image img {
      bottom: -24px;
   }
   .bb-footer-top .footer-top-title {
      font-size: 21px;
   }
   .home-header-image {
      min-height: 350px;
   }
   .home-header-text .home-title {
      font-size: 23px;
      line-height: 26px;
      margin-bottom: 20px;
   }
   .home-header-text p {
      line-height: 22px;
   }
   .home-header-business h3 {
      font-size: 23px;
   }
   .home-header-business h3 span {
      font-size: 26px;
   }

}

@media screen and (max-width: 991px) {
   #category-intro .category-description-container {
      width: calc(100% - 440px);
   }
   #category-intro .category-image-container {
      width: 440px;
      max-height: 290px;
   }
   #category-intro .category-image-container .category-image img {
      max-width: 153%;
      margin-left: -26%;
   }
   footer .bb-footer-powered .pa-column-container {
      padding: 7px 20px!important;
      text-align: center;
   }
   .page-checkout-cart .buttons {
      text-align: center;
   }
}

@media screen and (max-width: 768px) {
   h1, .h1 {
      font-size: 28px;
   }
   .scrollup {
      display: none!important;
   }
    #header-bottom .header-bottom-usp ul li {
        margin-right: 0px;
    }
    #header-bottom .header-bottom-logos ul li {
        margin-left: 6px;
    }
    #header-bottom .header-bottom-logos ul li a img {
        width: 60px;
    }
    .home-header-image {
        min-height: 230px;
    }
    .home-header-business {
      display: none;
   }
   .bb-featured .featured-title h3::before {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FC9E3A;
   }
   .bb-featured h3 {
      font-size: 26px;
      padding-left: 14px;
   }
   .bb-business-block .image img {
      bottom: 0px;
   }

   .product-count {
      display: none;
   }

    #category-intro .category-description-container {
        width: 100%;
        min-height: auto;
    }
    #category-intro .category-image-container {
      width: 100%;
   }
    #category-intro .category-image-container .category-image img {
      max-width: 120%;
      margin-left: -30px;
      width: 110%;
   }
   .product-thumb .product-meta .caption .cart-btn {
      width: 100%!important;
   }
   .product-thumb .product-meta .caption .price span.price-normal {
      float: left!important;
   }
    .product-thumb .product-meta .caption .name {
        font-size: 18px;
    }
    .rating a {
      font-size: 13px;
    }
    .ProductImages {
      margin-top: 20px!important;
   }
    .ProductImages .slick-dots {
      bottom: 15px;
   }
   #product .price {
      margin-top: 0px!important;
   }
   .product-shawdow-head {
      padding-bottom: 0px;
   }
   .product-summary-shadow .summary-inner h1 {
      margin-top: 10px!important;
      font-size: 24px;
   }

   .product-summary-shadow .summary-inner #product .product-btn-quantity {
      width: 35%;
   }
   .product-btn-quantity > input[type="button"] {
      min-width: 35px;
   }
   .product-summary-shadow .summary-inner #product .btn-cart {
      width: 60%;
   }


   #product .form-group {
      margin: 20px 0px;
   }
   #bb-product-info .wrapper .description {
      padding: 20px;
   }
   #bb-product-info .wrapper .description h2:first-child {
      margin-top: 0px;
   }
   #bb-product-info .wrapper .description h2{
      font-size: 24px;
   }
   #bb-product-info .wrapper .attribute-block {
      padding: 20px;
   }
   #bb-product-reviews .product-reviews-top .product-reviews-button {
      text-align: left;
      margin-top: 15px;
   }
   #bb-product-reviews {
      padding: 20px;
   }
   #bb-product-reviews h2 {
      font-size: 24px;
      margin-top: 0px;
   }
   #bb-related-products .product-related h3 {
      font-size: 24px;
      margin-top: 0px;
   }
   .cart-row {
      padding-bottom: 15px;
   }
   .cart-row .total {
      padding-right: 20px;
   }
   footer .pa-column-container {
      padding: 30px 20px!important;
   }
   footer .bb-footer-top .pa-column-container {
      padding: 15px 20px 0px 20px!important;
   }
   .bb-mc-signup #mc_embed_signup input.email {
      width: 100%;
   }
   .bb-mc-signup #mc_embed_signup .clear {
      width: 50%;
   }
   .bb-footer-top .footer-usp ul {
      text-align: left;
   }
   #checkout-cart #content h1 {
      margin-top: 10px;
   }
}

@media screen and (max-width: 1500px) {
    .desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav {
        gap: 20px;
    }
    .desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li > a {
        padding: 18px 0px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    #desktop-header .desktop-logo a img {
        width: 67px;
        height: 67px;
    }
    .desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav {
        text-align: left;
    }
    .desktop-header-bottom .desktop-menu .mainmenu .navbar ul.nav.navbar-nav.megamenu li:first-child {
        margin-left: 0px;
    }
    .desktop-header-bottom .desktop-menu .mainmenu .navbar .navbar-nav > li > a {
        font-size: 16px;
    }
}

@media screen and (min-width: 390px) and (max-width: 1024px) {
    #mobile-header .mobile-header-buttons {
        padding-right: 30px;
        text-align: right;
    }
}


/************************* Product Grid *************************/

.product-thumb .product-meta .caption .product-meta-row {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
}
.product-thumb .product-meta .caption .product-meta-row .price-prefix {
    flex-grow: 1;
    line-height: 1.5em;
}
.product-thumb .product-meta .caption .product-meta-row .price-prefix span {
    line-height: 1;
    font-size: inherit;
}
.product-thumb .product-meta .caption .product-meta-row .price-prefix span small {
    display: block;
}

.product-thumb .product-meta .caption .product-meta-row .price {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    height: 40px;
    margin-bottom: 0px;
}
.product-thumb .product-meta .caption .product-meta-row .price .price-normal, .product-thumb .product-meta .caption .product-meta-row .price .price-new {
    background-color: #F9E33C;
    font-family: 'Kanit', sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: #4C4A4C;
    padding: 6px;
    height: 40px;
}
.product-thumb .product-meta .caption .product-meta-row .price .price-old {
    padding: 6px;
}
.product-thumb .product-meta .caption .product-meta-row .cart-btn {   
    background: #FC9E3A;
    height: 40px;
    width: 40px;
    transition: ease .3s;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-thumb .product-meta .caption .product-meta-row .cart-btn:hover {
    background: #4C4A4C;
}
.product-thumb .product-meta .caption .product-meta-row .cart-btn a img {
    height: 17px;
    width: 17px;
    display: inline-block;
}
.product-thumb .product-meta .caption .product-meta-row .cart-btn a {
    display: flex;
    align-items: center;
    gap: 5px;
}
.product-thumb .product-meta .caption .product-meta-row .cart-btn span {
    display: none;   
}
.product-thumb .product-meta .caption .product-meta-row .price {
   margin-top: 0px!important;
}



@media screen and (max-width: 550px) {
    .product-thumb .product-meta .caption .product-meta-row .price-prefix {
        font-size: 11px;
    }
    .product-thumb .product-meta .caption .product-meta-row .price span.price-old {
        font-size: 13px;
    }
    .product-thumb .product-meta .caption .product-meta-row .price .price-normal, .product-thumb .product-meta .caption .product-meta-row .price .price-normal, .product-thumb .product-meta .caption .product-meta-row .price .price-new {
        font-size: 16px;
        padding: 0px 5px;
        height: 30px;
    }
}

@media screen and (max-width: 768px) {
    .product-thumb .product-meta .caption .product-meta-row {
        flex-wrap: wrap;
    }
    .product-thumb .product-meta .caption .product-meta-row .cart-btn {
        margin-left: 0px;
        margin-top: 5px;
        font-size: .85em;
        height: 30px;
    }
    .product-thumb .product-meta .caption .product-meta-row .cart-btn span {
        margin-left: 10px;
        display: flex;   
    }
}
@media screen and (max-width: 991px) {
    .product-thumb {
      margin-bottom: 20px;
    }
    .product-thumb .product-meta .caption .product-meta-row .cart-btn {
        width: 100%;
        text-align: center;
    }
    .product-thumb .product-meta .caption .product-meta-row .cart-btn span {
        color: #FFF;
        margin-left: 5px;
        font-weight: bold;
    }
    .product-thumb .product-meta .caption .product-meta-row .rating {
      display: none;
   }
}
@media screen and (max-width: 1350px) {
    .product-thumb .product-meta .caption .product-meta-row .price-prefix span {
        font-size: .85em;
    }
}







/*Product Image Change*/
@media screen and (min-width: 991px) {

    .modal .ProductImages.product-images-slider {
        width: 70%;
        margin: 0px auto;
    }
}
.product-images-carousel.slick-slider {
    width: 70%;
    margin: 0px auto;
}
.product-images-carousel .slick-slide img {
    width: 100%;
    margin: 0px auto;
}
.product-images-carousel .slick-prev:before, .product-images-carousel .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.product-images-carousel .slick-prev {
    left: -45px;
}
.product-images-carousel .slick-next {
    right: -40px;
}
.product-images-carousel .slick-dots li button:before {
    font-size: 20px;
}

.slick-prev:before {
    content: '\f053'!important;
    font-family: FontAwesome!important;
    font-size: 30px!important;
    color: #3c3c3b!important;
}
.slick-next:before {
    content: '\f054'!important;
    font-family: FontAwesome!important;
    font-size: 30px!important;
    color: #3c3c3b!important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: inherit!important;
    background: inherit!important;
}

@media screen and (min-width: 991px) {
    .product-images-carousel.slick-slider {
        width: 100%;
        margin: 0px auto;
    }
    .product-images-carousel .slick-prev:before, .product-images-carousel .slick-next:before {

    }
    .product-images-carousel .slick-prev {
        left: 17px;
    }
    .product-images-carousel .slick-next {
        right: 17px;
    }
    .slick-prev, .slick-next {
        bottom: -25px!important;
        top: auto!important;
    }
    .slick-dots {
        width: 50%!important;
        margin: 0px auto!important;
        position: relative!important;
    }
}


/*dh code*/
.title-view-mobileview{
    display: none;
}
@media screen and (max-width: 992px){
    .title-view-mobileview{
        display: block;
        background: white;
    }
    .not-view{
        display: none;
    }
}
.slick-list{
    height: 570px !important;
}
@media screen and (min-width: 991px){
    .slick-list{
        height: 75% !important;
    }
}
@media screen and (max-width: 991px){
    .product-images-carousel.slick-slider{
        height: 533px !important;
    }
}
@media screen and (max-width: 600px){
    .product-images-carousel.slick-slider{
        height: 70% !important;
    }
    .slick-list {
        height: 400px !important;
    }
}
@media screen and (max-width: 440px){
    .product-images-carousel.slick-slider{
        height: 45% !important;
    }
    .slick-list {
        height: 300px !important;
    }
}
@media screen and (max-width: 300px){
    .slick-list {
        height: 190px !important;
    }
}
@media screen and (max-width: 200px){
    .slick-list {
        height: 120px !important;
    }
}
/*dh code end*/

/**********************
 **  Quick Checkout  **
 **********************/

/* Hide breadcrumb, heading and footer */
.page-extension-quickcheckout-checkout .breadcrumb,
.page-extension-quickcheckout-checkout #content > h1 {
    display: none;
}

/* Headings and content boxes */
#quickcheckoutconfirm .quickcheckout-heading {
    font-family: Kanit, sans-serif;
    font-size: 20px;
    font-weight: bold;
    background: white;
    color: #4C4A4C;
}
#quickcheckoutconfirm .quickcheckout-heading .fa,
#quickcheckoutconfirm #coupon-heading .fa {
    display: none;
}
#quickcheckoutconfirm .quickcheckout-content {
    border: 0;
    background: white;
}
#quickcheckoutconfirm #coupon-heading {
   background: white;
   margin-bottom: 0px;
}

/* Tables */
.quickcheckout-content .table-striped > tbody > tr:nth-of-type(odd) {
   background-color: #FFF;
}

/* Form inputs*/
#quickcheckoutconfirm label {
    margin: 0;
}
#quickcheckoutconfirm .form-control {
    height: auto;
    padding: 10px;
    font-size: 16px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 44px;
}

/* Cart */
#quickcheckoutconfirm .quickcheckout-cart {
    border: 0;
}
#quickcheckoutconfirm .quickcheckout-cart td {
    width: auto;
    min-width: 0 !important;
    background: transparent;
    padding: 7px !important;
}
#quickcheckoutconfirm .quickcheckout-cart td.price1,
#quickcheckoutconfirm .quickcheckout-cart td.total {
    white-space: nowrap;
}
#quickcheckoutconfirm .quickcheckout-cart thead td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom-color: #aaa;
}
#quickcheckoutconfirm #cart1:before {
    display: block;
    background: white;
    content: "Winkelwagen";
    font-family: Kanit, sans-serif;
    font-size: 24px;
    font-weight: bold;
    background: white;
    padding: 10px;
}

/* Cart quantity inputs */
#quickcheckoutconfirm .input-group {
    display: flex;
    width: auto;
}
#quickcheckoutconfirm .input-group .form-control {
    height: auto;
}
#quickcheckoutconfirm .input-group-btn {
    display: flex;
    height: auto;
    width: auto;
}
#quickcheckoutconfirm .input-group-btn button {
    padding: 12px 20px;
}

/* Shipping method and payment method */
#quickcheckoutconfirm table {
    margin: 0;
}

#quickcheckoutconfirm #shipping-method .quickcheckout-content > p,
#quickcheckoutconfirm #shipping-method .quickcheckout-content > br,
#quickcheckoutconfirm #shipping-method tr:first-child {
    display: none;
}

#quickcheckoutconfirm #payment-method .quickcheckout-content > p {
    display: none;
}

#quickcheckoutconfirm #payment-method img {
    width: 50px;
}
#quickcheckoutconfirm #payment-method select[name=msp_ideal_bank] {
    width: 140px;
}
#quickcheckoutconfirm #payment-method table,
#quickcheckoutconfirm #payment-method tbody {
    display: flex;
    flex-direction: column;
}
#quickcheckoutconfirm #payment-method table tr {
    display: flex;
}
#quickcheckoutconfirm #payment-method table td {
    display: block;
    padding: 8px 0;
    min-width: 0;
}
#quickcheckoutconfirm #payment-method table td:nth-child(1) {
    width: 25px;
    text-align: center;
}
#quickcheckoutconfirm #payment-method table td:nth-child(2) {
    flex: 1;
}
#quickcheckoutconfirm #payment-method table td label {
    display: block;
}
.kibo-payment-fee-notice {
    font-size: 12px;
}

/* Comment input */
#quickcheckoutconfirm textarea[name=comment] {
    padding: 5px;
    height: 70px;
}
#quickcheckoutconfirm #comment-chars {
    font-weight: normal;
    font-size: 12px;
}

/* Coupon input */
#quickcheckoutconfirm #coupon-content {
    padding: 0 5px;
}

.quickcheckout-content > #login {
    display: flex;
    flex-wrap: wrap;
}
.quickcheckout-content > #login > * {
    margin: 10px 0;
    width: 100% !important;
}

.checkout-mode-select {
    margin-top: 10px;
    display: flex;
    background: #FFF;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    border: 1px solid #4c4a4c;
}
.checkout-mode-select input {
    position: absolute;
    left: -9999px;
}
.checkout-mode-select label {
    flex: 1;
    text-align: center;
    color: #4c4a4c;
    border-right: 1px solid #4c4a4c;
    line-height: 2.25;
    transition: ease .3s;
}
.checkout-mode-select label:last-child {
    border-right: 0;
}
.checkout-mode-select :checked + label {
    background: #4c4a4c;
    color: #FFF;
}
.checkout-mode-select :hover + label {
    background: #4c4a4c;
    color: #FFF;
}

/* Confirmation */
#terms .terms {
    display: flex;
    flex-direction: column;
    text-align: left;
}
#terms .terms label {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
}
#terms .terms label input {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
}
#terms .terms .btn-primary {
    font-family: Kanit, sans-serif;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 991px) {
    .quickcheckoutleft, .quickcheckoutright {
        clear: both;
        float: none;
        width: auto;
    }
    #quickcheckoutconfirm .quickcheckout-cart td.image,
    #quickcheckoutconfirm .quickcheckout-cart td.image * {
        font-size: 0;
        min-width: 0;
        width: 0;
        padding: 0 !important;
        overflow: hidden;
    }
    #quickcheckoutconfirm .quickcheckout-cart td.name {
        font-size: 14px;
        line-height: 1.5;
    }
    #quickcheckoutconfirm .quickcheckout-cart .input-group .form-control {
        font-size: 14px !important;
        padding: 5px;
        width: 40px;
    }
    #quickcheckoutconfirm .quickcheckout-cart .input-group-btn button {
        padding: 5px 8px;
    }
}

/** Close button on alerts **/
#warning-messages .alert-danger:after {
    display: block;
    content: '×';
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}


/** BB Loyalty Page */

.bb-loyalty-page h1 {
    margin-top: 40px;
    margin-bottom: 25px;
 }
 .bb-loyalty-page h2 {
    margin-top: 40px;
    margin-bottom: 25px;
 }
 .bb-loyalty-page .btn {
    margin-top: 20px;
 }


 .page-information-information #content a {
    font-weight: bold;
    text-decoration: underline;
}

.page-information-information #content a.btn {
    text-decoration: none;
}


/** BB Business Page */

.bb-business-page h1 {
   margin-top: 40px;
   margin-bottom: 25px;
}
.bb-business-page h2 {
   margin-top: 40px;
   margin-bottom: 25px;
}
.bb-business-page .btn {
   margin-top: 20px;
}
.bb-business-images .slick-arrow {
    position: absolute;
    top: 50%!important;
    background: #FFF;
    height: 50px;
    width: 30px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.bb-business-images .slick-arrow.slick-prev {
    left: 0px;
}
.bb-business-images .slick-arrow.slick-next {
    right: 0px;
}

.bb-business-page .bb-business-box {
   background: white;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
   padding: 20px 24px;
   margin: 20px 0px;
   text-align: left;
}
.bb-business-page .bb-business-box .icon {
   width: 85px;
   border-right: 2px solid #fc9e3a;
   display: inline-block;
   padding-right: 20px;
}
.bb-business-page .bb-business-box .content {
   display: inline-block;
   padding-left: 20px;
   width: 80%;
   vertical-align: middle;
}
.bb-business-page .bb-business-box .content {
   font-weight: bold;
}

.bb-business-page .bb-business-cta {
   background: white;
   padding: 40px 60px;
   margin-top: 50px;
}
.bb-business-page .bb-business-cta h3 {
   margin-top: 20px;
   margin-bottom: 50px;
   font-size: 28px;
}
.bb-business-page .bb-business-cta h4 {
   font-size: 22px;
   margin-bottom: 20px;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact {
   list-style: none;
   margin: 20px 0px 0px 0px;
   padding: 0px;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact li {
   margin: 0px;
   padding: 0px;
   margin-bottom: 20px;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact li .icon {
   width: 34px;
   display: inline-block;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact li .icon img {
   width: 24px;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact li .text {
   display: inline-block;
   margin-left: 20px;
}
.bb-business-page .bb-business-cta .bb-business-cta-text ul.bb-business-contact li .text a {
   font-weight: bold;
}
.bb-business-page .bb-business-forms {

}
.bb-business-page .bb-business-form .form-wrapper .form-ul li input[type="text"] {
   width: 100%;
   font-family: 'Miriam Libre', sans-serif;
font-size: 15px;
font-weight: normal;
color: #4C4A4C;
}
.bb-business-page .bb-business-form .form-wrapper .form-ul li select {
   width: 100%;
}
.bb-business-page .bb-business-form .form-wrapper .form-ul li textarea {
   padding: 5px;
}
.bb-business-page .bb-business-form .form-wrapper .form-ul li textarea.large {
   width: 100%;
}
.bb-business-page .bb-business-form .form-wrapper .form-ul li.li-submit {
   margin-top: 10px;
}
.bb-business-page .bb-business-form .form-wrapper .form-ul li.li-submit button {
   background: #FC9E3A;
   border: 1px solid #FC9E3A;
   padding: 12px 40px;
   border-radius: 0px;
   font-weight: bold;
   font-family: 'Kanit', sans-serif;
   font-size: 18px;
}


.bb-business-page .bb-business-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4C4A4C;
  opacity: 1; /* Firefox */
  font-family: 'Miriam Libre', sans-serif;
font-size: 15px;
font-weight: normal;
color: #4C4A4C;
}

.bb-business-page .bb-business-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #4C4A4C;
  font-family: 'Miriam Libre', sans-serif;
font-size: 15px;
font-weight: normal;
color: #4C4A4C;
}

.bb-business-page .bb-business-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #4C4A4C;
  font-family: 'Miriam Libre', sans-serif;
font-size: 15px;
font-weight: normal;
color: #4C4A4C;
}

@media screen and (max-width: 1200px) {
   .bb-business-page .bb-business-image {
      margin-top: 50px;
      text-align: center;
   }
   .bb-business-page .bb-business-image img {
      width: 80%;
      margin: 0 auto;
   }
   .bb-business-page .bb-business-box .icon {
      border-right: none;
      border-bottom: 2px solid #fc9e3a;
      display: block;
      margin: 0 auto;
      padding-right: 0px;
      padding-bottom: 20px;
   }
   .bb-business-page .bb-business-box .content {
      display: block;
      text-align: center;
      padding-top: 20px;
      width: 100%;
   }
   .bb-business-page .bb-business-cta {
      padding: 30px;
   }
   .bb-business-page .bb-business-cta .bb-business-form {
      margin-top: 30px;
   }


}


@media screen and (max-width: 768px) {
    .bb-business-page .bb-business-box {
        display: flex;
        padding: 10px 14px;
        margin: 10px 0px;
    }
    .bb-business-page .bb-business-box .icon {
        width: 60px;
        border-bottom: none;
        border-right: 1px solid #fc9e3a;
        padding-bottom: 0px;
    }
    .bb-business-page .bb-business-box .icon img {
        max-height: 40px;
    }
    .bb-business-page .bb-business-box .content {
        text-align: left;
        padding-top: 0px;
    }
}

/************* CRO Mobile 19-11-2019 ***************/

@media screen and (max-width: 768px) {
    .home-header-image { display: none!important; }
    .home-header-text { display: none!important; }
    .category-block { margin-bottom: 15px; }
    .bb-featured .title-h3 { font-size: 26px; margin-bottom: 15px; }
    #mobile-header .mobile-search .quick-search-form .form-control { border: none!important; }
    #mobile-header .mobile-search .quick-search-form button { top: 5px!important;}
    #product-search .inputs { display: none; }
    ul.breadcrumb { padding: 10px 0px!important; }

    #category-intro { margin: 0px;}
    .category-image { padding-bottom: 0px!important; }


    /* productpage */
    .page-product-product ul.breadcrumb { margin-bottom: 0px!important; padding-top: 0px!important; }
    .page-product-product .product-summary-shadow .summary-inner h1 { margin-top: 0px!important; margin-bottom: 0px!important; }
    .page-product-product button#button-cart { background: #36ab38!important; }


    ul.pagination > li > a, ul.pavo-pagination > li > a, ul.pagination > li > span, ul.pavo-pagination > li > span { line-height: 38px; width: 38px; height: 38px; margin-right: 4px!important; }
    ul.pagination > li:first-child > a, ul.pavo-pagination > li:first-child > a, ul.pagination > li:first-child > span, ul.pavo-pagination > li:first-child > span { margin-right: 4px!important; }

    .isearch-container {
        left: 0px!important;
    }
}

/************* CRO Mobile 23-01-2020 ***************/
@media screen and (max-width: 768px) {
    .bb-featured {
        margin-top: 10px!important;
        padding-top: 10px!important;
    }
    .home-usp .bb-main-usp {
        margin-bottom: 0px!important;
    }
    .home-text .pa-column-container {
        padding-top: 0px!important;
    }
    .home-text h2 {
        font-size: 24px;
    }

    .sidebar-offcanvas .dropdown i {
        border-left: solid 1px #ebebeb;
    }

}

/************* CRO Mobile 10-02-2020 ***************/

@media screen and (max-width: 1200px) {

    #pavo-sidebar-offcanvas {
        z-index: 9999999!important;
        background-color: #FAF8F2;
    }
    .offcanvas-inner.panel-offcanvas {
        padding-top: 0px!important;
    }
    .offcanvas-heading {
        background: #4C4A4C!important;
        color: white;
        padding: 15px 15px!important;
        height: auto;
        position: relative;
    }
    .offcanvas-heading span.title {
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'Kanit',sans-serif;
        font-size: 20px;
        letter-spacing: 2px;
    }
    .offcanvas-heading button.btn {
        position: relative;
        top: 0px;
        right: 0px;
        color: white;
        margin-bottom: 0px!important;
    }

    .offcanvas-bottom {
        border-top: 2px solid;
    }
    .offcanvas-bottom ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .offcanvas-bottom ul li {
        border-bottom: 1px solid #ccc;
    }
    .offcanvas-bottom ul li a {
        padding: 15px;
        display: block;
    }
    /* .offcanvas-bottom ul li a::after {
        content: "\f054";
        float: right;
        margin-right: 10px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased; 
    } */

}

/************* CRO Mobile 13-02-2020 ***************/
@media screen and (max-width: 768px) {
    .page-product-search .product-thumb .product-meta .caption .price-prefix {
        width: 40%;
    }
}

.page-product-category select#input-sort, .page-product-category select#input-limit {
    border: 1px solid #ccc;
    background: white;
    border-radius: 3px;
}
.page-product-category .input-group::after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
    margin-top: 7px;
    z-index: 2;
}


/************* CRO Mobile 20-02-2020 ***************/

.page-product-category .products-collection .products-collection-top .product-count {
    font-size: 0.8em;
    display: inline-block;
}

.page-product-category #refine-search.refine-search-mobile {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}
.page-product-category #refine-search.refine-search-mobile ul.list-inline::-webkit-scrollbar {
    display: none;
}
.page-product-category #refine-search.refine-search-mobile ul.list-inline {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    overflow: auto;
    white-space: nowrap;
}
.page-product-category #refine-search.refine-search-mobile ul.list-inline li {
    margin: 5px 0px;
    padding-left: 0px;
}
.page-product-category #refine-search.refine-search-mobile ul.list-inline li a::after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-left: 5px;
}
.product-thumb .product-meta .caption .name a {
    color: #4C4A4C;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    display: inherit;
    font-size: 0.75em;
    line-height: 1em;
    font-family: 'Miriam Libre', sans-serif;
}
.product-thumb .product-meta .caption p {
    margin: 0px!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .8em;
    font-family: 'Miriam Libre', sans-serif;
}



/************* CRO Mobile 09-03-2020 ***************/

@media screen and (max-width: 768px) {

    .product-category-element-wrapper {
        margin: 0px 10px;
        padding: 0px;
        border: 1px solid #eee;
    }
    .product-category-element-wrapper .product-layout {
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .product-category-element-wrapper .product-layout:nth-child(even) {
        border-right: none;
    }
    .product-category-element-wrapper .product-layout.product-grid {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .product-category-element-wrapper .product-thumb {
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .product-category-element-wrapper .product-thumb .product-meta {
        padding: 10px 0px;
    }
    .product-category-element-wrapper .product-thumb .product-meta .caption .product-meta-row {
        margin-top: 0px;
    }
    .product-category-element-wrapper .product-thumb .product-meta .caption .name {
        margin-top: 5px;
    }
    .product-category-element-wrapper .product-thumb .price {
        margin-bottom: 0px;
    }

    .product-top .rating {
        display: block;
    }
    .product-top p { 
        margin-bottom: 0px; 
    }
    .product-summary-shadow ul.breadcrumb {
        padding-bottom: 0px!important;
    }
    .page-product-product #header-bottom {
        padding: 10px 0px 5px 0px;
    }

}



/************* Checkout Fix Tablet 20-03-2020 ***************/

@media screen and (min-width: 768px) and (max-width: 990px) {
    .quickcheckoutleft {
        width: 100%!important;
    }
    .quickcheckoutright {
        width: 100%!important;
    }
}


/************* Home page main banners 07-01-2021 ***************/

.bbn-home-main-banners {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px 20px;
    grid-template-areas:
    "bbn-banner-main bbn-banner-extra-top"
    "bbn-banner-main bbn-banner-extra-bottom";
}

.bbn-banner-main { grid-area: bbn-banner-main; }

.bbn-banner-extra-top { grid-area: bbn-banner-extra-top; }

.bbn-banner-extra-bottom { grid-area: bbn-banner-extra-bottom; }

@media all and (-ms-high-contrast:none) {
    .bbn-home-main-banners {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
    }

    .bbn-banner-main {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .bbn-banner-extra-top {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }

    .bbn-banner-extra-bottom {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
}



.bbn-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bbn-banner .bbn-banner-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 0px 30px;
    text-decoration: none!important;
    font-weight: normal!important;
}
.bbn-banner .bbn-banner-link:hover {
    color: inherit;
}
.bbn-banner .bbn-banner-link .bbn-banner-content {
    background: white;
    padding: 20px;
    max-width: 45%;
    min-width: 260px;
}
.bbn-banner.bbn-banner-main .bbn-banner-link .bbn-banner-content {
    max-width: 60%;
    min-width: 100%;
}
.bbn-banner .bbn-banner-link .bbn-banner-content .title {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.bbn-banner .bbn-banner-link .bbn-banner-content .title span {
    font-weight: 400;
}
.bbn-banner .bbn-banner-link .bbn-banner-content .description {
    line-height: 1.5em;
    margin-bottom: 15px;
}
.bbn-banner .bbn-banner-link .bbn-banner-content .btn i {
    margin-right: 10px;
}

.bbn-banner .bbn-banner-link .bbn-banner-image {
    max-width: 40%;
    position: relative;
}
.bbn-banner .bbn-banner-link .bbn-banner-image .label {
    position: absolute;
    right: -20px;
    top: -20px;
    max-width: 140px;
    z-index: 9;
}


@media screen and (max-width: 991px) {
    .bbn-home-main-banners {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "bbn-banner-main"
            "bbn-banner-extra-top"
            "bbn-banner-extra-bottom";
    }
    .bbn-banner .bbn-banner-link {
        flex-direction: column;
        padding: 20px;
    }
    .bbn-banner .bbn-banner-link .bbn-banner-content {
        max-width: 100%;
        order: 2;
    }
    .bbn-banner .bbn-banner-link .bbn-banner-image {
        max-width: 75%;
        order: 1;
    }
    .bbn-banner .bbn-banner-link .bbn-banner-image .label {
        right: -70px;
        top: -10px;
    }

}


.bbn-banner-main.bbn-banner {
    display: flex;
    align-items: flex-end;
}

.bbn-banner-main.bbn-banner .bbn-banner-link {
    padding: 50px 30px;   
}




/* 20210617 Category banners */


.bbn-category-banners {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    margin: 15px 0px 30px 0px;
}
.bbn-category-banners .bbn-category-banner {
    display: grid; 
    grid-template-columns: 35% 1fr; 
    grid-template-rows: auto auto; 
    gap: 0px 0px; 
    grid-template-areas: 
        "bbn-banner-heading bbn-banner-image"
        "bbn-banner-content bbn-banner-image"; 
    padding: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.bbn-category-banners .bbn-category-banner .bbn-banner-heading { grid-area: bbn-banner-heading; }
.bbn-category-banners .bbn-category-banner .bbn-banner-content { grid-area: bbn-banner-content; }
.bbn-category-banners .bbn-category-banner .bbn-banner-image { grid-area: bbn-banner-image; }

.bbn-category-banners .bbn-category-banner .bbn-banner-heading {
    align-self: start; /* Align content to the top */
    background: #FFF;
    padding: 30px 30px 0px 30px;
    z-index: 3;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-heading ul.breadcrumb {
    padding: 10px 0px;
    margin-bottom: 0px;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-heading ul.breadcrumb::after {
    display: none;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-heading .title {
    margin-top: 0px;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-content {
    align-self: start; /* Align content to the top */
    background: #FFF;
    padding: 0px 30px 30px 30px;
    z-index: 3;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-content .category-breadcrumb ul.breadcrumb {
    padding: 0px;

}
.bbn-category-banners .bbn-category-banner .bbn-banner-content .category-breadcrumb ul.breadcrumb::after {
    display: none;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-content h1.title {
    margin-top: 0px;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-image {
    position: relative;
    display: flex;
    justify-content: center;
}
.bbn-category-banners .bbn-category-banner .bbn-banner-image img {
    position: absolute;
    left: auto;
    right: auto;
    top: 50%;
    bottom: 0;
    object-fit: cover;
    transform: translateY(-50%) scale(1);
    max-width: 50%;
    background: transparent;
}

.bbn-category-banners .bbn-category-banner .bbn-banner-content .category-breadcrumb ul.breadcrumb li, .bbn-category-banners .bbn-category-banner .bbn-banner-content .category-breadcrumb ul.breadcrumb li a, .bbn-category-banners .bbn-category-banner .bbn-banner-content .category-breadcrumb ul.breadcrumb li i {
    color: #b5b5b5;
}

@media screen and (max-width: 991px) {
    .bbn-category-banners {
        margin: 0px 0px 20px 0px;
    }
    .bbn-category-banners .bbn-category-banner {
        grid-template-columns: 1fr; 
        grid-template-rows: auto; 
        gap: 0px 0px; 
        grid-template-areas: 
            "bbn-banner-heading"
            "bbn-banner-image"
            "bbn-banner-content"; 
        padding: 0;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-heading {
        background: #FAF8F2;
        padding: 0px;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-heading ul.breadcrumb {
        padding: 10px 0 0 0!important;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-content {
        display: none;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-image {
        width: 100%;
        order: 1;
        overflow: hidden;
        align-items: center;
        min-height: 150px;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-image img {
        transform: none;
        width: 70%;
        max-width: 70%;
        top: auto;
        bottom: auto;
    }

}


.header-bottom-usp {
    max-height: 65px;
    overflow: hidden;
}

#header-bottom .header-bottom-usp ul li .inner {
    text-decoration: none;
}
#header-bottom .header-bottom-usp ul li .inner .text {
    font-size: 14px;
}
#header-bottom .header-bottom-usp ul li .inner .text small {
    font-size: 70%;
    font-weight: normal;
}
#header-bottom .header-bottom-usp ul li .icon img {
    max-width: 18px;
    max-height: 18px;
}
@media screen and (min-width: 768px) {
    #header-bottom .header-bottom-usp ul li .inner .text {
        font-size: 15px;
    }
}
@media screen and (min-width: 1200px) {

    #desktop-header .desktop-logo a img {
        height: 94px;
        width: 94px;
    }

}
@media screen and (min-width: 1400px) {

    #desktop-header .desktop-logo a img {
        height: 94px;
        width: 94px;
    }
    
    .header-bottom-usp .slick-track li.slick-slide {
        min-width: 400px;
    }
}



/* start changes 13-12-2022 */

#product .radio button.option-value-image-button {
    border: 1px solid;
    border-radius: 5px;
    font-size: .8em;
    padding: 2px 4px;
    margin-left: 0.5em;
}
.product-summary-shadow .summary-inner #product .radio .option-value-image-modal  img {
    display: flex!important;
}
.option-value-image-modal .modal-header {
    position: relative;
}
.option-value-image-modal .modal-header .modal-title {
    font-size: 24px;
}
.option-value-image-modal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    color: #4A4C4A;
}

/* start changes 15-12-2022 */


.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice {
    position: relative;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice span.price {
    float: none;
    position: absolute;
    right: 40px;
    top: 12px;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice span.option-kilo-price {
    position: absolute;
    right: 40px;
    bottom: 8px;
    font-size: .8em;
    color: #aaa;
}


.cart-cadeau-banner {
    background: #FFF;
    padding: 10px;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: center;
}
.cart-cadeau-banner i {
    color: #fc9e3a;
}


/***** Custom CSS for Footer changes */

.bb-footer-center .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bb-footer-center .footer-title span {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 24px;
}
.bb-footer-image {
    padding: 20px 0px;
}
.bb-footer-customer-service-image img {
    margin-top: -50px;
    z-index: 3;
    position: relative;
}
footer .bb-footer-customer-service {
    color: #FFF;
    padding: 40px 0px;
}
footer .bb-footer-customer-service .footer-title span {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 20px;
    display: block;
}
footer .bb-footer-customer-service ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}
footer .bb-footer-customer-service ul li a {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
footer .bb-footer-customer-service ul li a i {
    color: #FC9E3A;
}
footer .bb-footer-social-links {
    padding: 40px 0px;
}
footer .bb-footer-social-links .footer-title span {
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 20px;
    display: block;
}
footer .bb-footer-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}
footer .bb-footer-social-links ul li a {
    font-size: 20px;
    color: #FFF;
}

div#mc_embed_signup_scroll {
    display: flex;
}
.bb-mc-signup #mc_embed_signup input.email {
    width: 100%;
}
.bb-mc-signup #mc_embed_signup .button {
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
}

@media screen and (max-width: 768px) {
    .bb-footer-center .row {
        flex-direction: column;
    }
    footer .bb-footer-customer-service-image {
        display: none;
    }
    footer .bb-footer-customer-service {
        padding: 0px;
    }
    footer .bb-footer-customer-service ul {
        flex-direction: column;
    }
    footer .bb-footer-social-links {
        padding: 0px;
    }
    footer .bb-footer-customer-service ul {
        align-items: flex-start;
        gap: 10px;
    }
    
}

/***** Business page 2023 *****/

.bb-business-intro h4 {
    margin: 30px 0px;
    display: flex;
}
ul.bb-business-usp-list {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: inherit;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
ul.bb-business-usp-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.bb-business-usp-list li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: orange;
}
.bb-business-images {
    margin-bottom: 30px;
}
.bb-business-forms {
    background: #FFF;
    padding: 40px;
    margin: 30px 0px;
    display: flex;
    flex-direction: column;
}
.bb-business-forms .btn { 
    place-self: end;
}   
.bb-business-forms h2 {
    margin-top: 0px;
}

.bb-business-forms .form-wrapper .form-ul li {
    padding: 0px;
    margin-bottom: 15px;
}
.bb-business-forms .form-wrapper .form-ul li input.large[type="text"] {
    width: 100%;
}
.bb-business-forms .form-wrapper .form-ul li input[type="text"], .bb-business-forms .form-wrapper .form-ul li input[type="password"] {
    border-radius: 0px;
    padding: 10px;
    height: auto;
    font-size: 16px;
}
.bb-business-forms .form-wrapper .form-ul li input[type="text"]::placeholder {
    font-size: 16px;
}
.bb-business-forms .form-wrapper .form-ul li input[type="text"]:-moz-placeholder {
    font-size: 16px;
}
.bb-business-forms .form-wrapper .form-ul li.li-submit button {
    background: #FC9E3A;
    border-color: #FC9E3A;
    padding: 10px 20px;
    border-radius: 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
}
.bb-business-forms .form-wrapper .form-ul li.li-submit {
    display: flex;
    justify-content: flex-end;
}

.form-control {
    background: #FFF;
    border: 1px solid #CCC;
    color: #4C4A4C;
    font-size: 16px;
}
.form-control::placeholder {
    font-size: 16px;
}
.form-control:-moz-placeholder {
    font-size: 16px;
}
.bootstrap-xform .form-group {
    display: flex!important;
    justify-content: flex-end;
}
.form-control:focus {
    border-color: #FC9E3A;
}

.form-group.xform-row.xform-captcha {
    width: 100%;
}
.form-group.xform-row.xform-captcha .input-group.xform-text {
    width: 100%;
    display: flex!important;
}
.form-group.xform-row.xform-captcha .input-group.xform-text .input-group-addon {
    display: flex;
    width: auto;
}
.form-group.xform-row.xform-captcha .input-group.xform-text .input-group-addon img {
    max-width: none;
}
.bootstrap-xform .xform-captcha .input-group input, .xform-captcha .input-group input {
    width: 100%!important;
    max-width: 100%!important;
}



.product-label.product-label-special {
    background: #d20006;
    color: #FFF;
    letter-spacing: normal;
}


/* Changes 21-04-2023 */

.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice .option-price-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 0px 20px;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice span.price-from {
    font-family: 'Miriam Libre', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #d20006;
    margin-right: 6px!important;
    text-decoration: line-through;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice span.price {
    float: none;
    position: relative;
    right: inherit;
    top: inherit;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice span.option-kilo-price {
    position: relative;
    right: inherit;
    bottom: inherit;
}



/** Ebook **/

.ebook-block {
    background-color: #FFF;
}
.ebook-block .text {
    padding: 30px;
}
.ebook-block .text h3 {
    margin-top: 0px!important;
}
.ebook-block .text .btn {
    text-decoration: none!important;
    margin-top: 10px;
}
.ebook-block .image a img {
    margin-bottom: 0px;
}

@media screen and (min-width: 1024px) {
    .ebook-block .row {
        display: flex;
        align-items: center;
    }
}



/******** Product labels *********/

.product-labels {
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 9999;
}
.product-labels .product-labels-col {
    display: flex;
    gap: 10px;
}
.product-labels .product-labels-col .product-label {
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    position: relative;
}
.product-labels .product-labels-col .product-label::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    left: 10px;
    bottom: -10px;
    border: 10px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    border-right: 0px;
}
.product-labels .product-labels-col .product-label.label-default {
    border-color: #4C4A4C;
    background: #4C4A4C;
    color: #FFF;
}
.product-labels .product-labels-col .product-label.label-orange {
    border-color: #FC9E3A;
    background: #FC9E3A;
    color: #FFF;
}
.product-labels .product-labels-col .product-label.label-green {
    background: #96be22;
    color: #FFF;
    border-color: #96be22;
}
.product-labels .product-labels-col .product-label.label-yellow {
    background: #f5e45e;
    color: #4C4A4C;
    border-color: #f5e45e;
}
.product-labels .product-labels-col .product-label.label-white {
    background: #FFF;
    border-color: #FFF;
    color: #4C4A4C;
}
.product-labels .product-labels-col .product-label.label-light-blue {
    background: #8BB5DA;
    border-color: #8BB5DA;
    color: #FFF;
}
.product-labels .product-labels-col .product-label.label-creme {
    background: #F5F2E8;
    border-color: #F5F2E8;
    color: #4C4A4C;
}
.product-labels .product-labels-col .product-label.label-mustard {
    background: #d4bc00;
    color: #fff4a1;
    border-color: #d4bc00;
}
.product-labels .product-labels-col .product-label.label-mustard-inverse {
    background: #fff4a1;
    color: #d4bc00;
    border-color: #fff4a1;
}
.product-labels .product-labels-col .product-label.label-black-friday {
    background: #000;
    color: #FFF;
    border-color: #000;
}

@media screen and (max-width: 768px) {
    .product-labels .product-labels-col .product-label {
        padding: 5px;
        font-size: 10px;
        line-height: 10px;
    }
    .product-labels .product-labels-col .product-label::after {
        left: 6px;
        bottom: -6px;
        border: 6px solid transparent;
    }
}

.product-layout-default .image img {
    width: 100%;
}

.product-images-wrapper {
    position: relative;
}
.product-images-wrapper .product-labels {
    padding: 20px;
    z-index: 9;
}
.page-product-search .products-collection {
    padding: 0px!important;
}





/****** Changes blog module *******/

/** Blog overview **/


body.page-extension-pavoblog-archive {

}

.recipe-blog-overview-heading {
    background-color: #FFF;
    padding-bottom: 30px;
}
.recipe-blog-overview-heading .heading-title h1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 44px!important;
}
.recipe-blog-overview-categories {
    padding: 30px 0px;
}
.recipe-blog-overview-categories h2 {
    margin-bottom: 30px;
    margin-top: 0px;
}
.recipe-blog-overview-categories .category-block a {
    display: flex;
    align-items: center;
}
.recipe-blog-overview-categories .category-block a .description .title {
    font-family: 'Kanit', sans-serif;
    color: #4C4A4C;
    font-weight: 800;
    font-size: 22px;
}
.recipe-blog-overview-category-latest-posts {
    padding: 40px 0px;
}
/* .recipe-blog-overview-category-latest-posts:nth-child(odd) {
    background-color: #FFF;
} */
.recipe-blog-overview-category-latest-posts .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.recipe-blog-overview-category-latest-posts .heading .heading-title h2 {
    margin-top: 0px;
}
.recipe-blog-overview-category-latest-posts .heading .heading-link .link {
    text-decoration: underline;
}
.recipe-blog-overview-category-latest-posts .entry-content {
    background-color: transparent!important;
}

/** Blog Category **/
body.page-extension-pavoblog-archive #header-bottom {
	display: none;
}
body.page-extension-pavoblog-archive .paging {
    background-color: #FFF;
}
.recipe-blog-category-heading {
    padding: 0px 0px 40px 0px;
}
.recipe-blog-category-posts {
    background: #FFF;
    padding: 40px 0px;
}

/** Post item **/

#pavoblog-posts .post-item .entry-content {
    padding: 10px 0px 0px 0px;
}
#pavoblog-posts .post-item .entry-content .entry-title, #pavoblog-posts .post-item .entry-content .entry-title a {
    font-family: 'Miriam Libre', sans-serif!important;
    font-size: 15px!important;
    margin-bottom: 0px;
}
#pavoblog-posts .post-item .entry-content .entry-meta .preperation-time .icon i {
    color: #FC9E3A;
}

/** Blog Detail **/

body.page-extension-pavoblog-single {
	background: #FFF;
}
body.page-extension-pavoblog-single #header-bottom {
	display: none;
}
body.page-extension-pavoblog-single ul.breadcrumb:after {
	background: #FFF;
}
.recipe-blog-post-container {
	display: grid;
	grid-template-columns: 25% 75%;
	grid-template-rows: auto;
	gap: 25px;
	grid-auto-flow: row;
	grid-template-areas:
		"sidebar title"
		"sidebar image"
        "sidebar introduction"
		"sidebar content";
}
		
.title { grid-area: title; }
.sidebar { grid-area: sidebar; }
.image { grid-area: image; }
.content { grid-area: content; }
.introduction { grid-area: introduction; }

.recipe-blog-post-title h1 {
	margin-top: 0px;
	font-size: 44px!important;
	color: #464545;
} 
.recipe-blog-post-details .item.preperation-time .icon i {
	color: #FC9E3A;
}
.recipe-blog-post-ingredients {
	border: 1px solid #F0F0F0;
	padding: 25px;
	margin-bottom: 25px;
}
.recipe-blog-post-ingredients h2 {
	margin-top: 0px;
	color: #464545;
}
.recipe-blog-post-ingredients ul {
    padding-left: 18px;
}
.recipe-blog-post-supplies {
	border: 1px solid #F0F0F0;
	padding: 25px;
	margin-bottom: 25px;
}
.recipe-blog-post-supplies h2 {
	margin-top: 0px;
	color: #464545;
}
.recipe-blog-post-supplies ul {
    padding-left: 18px;
}
.recipe-blog-post-image img {
	width: 100%;
}
.recipe-blog-post-content h2, .recipe-blog-post-content h3, .recipe-blog-post-content h4, .recipe-blog-post-content h5 {
	color: #464545;
}
.recipe-blog-post-content ol {
	margin-bottom: 30px;
}
.recipe-blog-post-gallery {
    display: grid;
    gap: 20px;
    grid-auto-flow: column;
    margin: 40px 0px;
}
.recipe-blog-post-gallery .gallery-item img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
	.recipe-blog-post-container {
		grid-template-columns: 100%;
		grid-template-rows: auto;
		grid-auto-flow: row;
		grid-template-areas:
			"image"
			"title"
            "introduction"
			"sidebar"
			"content";
	}
	.recipe-blog-post-title h1 {
		font-size: 32px!important;
	}	 
}

	







/* Blog carousel */

.bb-blog-carousel .bb-blog-carousel-heading {
    margin: 30px 0px;
}
.bb-blog-carousel .slick-arrow {
    top: -50px!important;
    bottom: auto!important;
    right: 0px!important;
}
.bb-blog-carousel .slick-arrow.slick-prev {
    right: 50px!important;
    left: auto!important;
    z-index: 10;
}
.bb-blog-carousel .slick-arrow::before {
    opacity: 1;
    font-size: 20px!important;
}
.bb-blog-carousel .pavoblog-posts-carousel .slick-list {
    margin: 0 -10px;
}
.bb-blog-carousel .pavoblog-posts-carousel .slick-slide {
    margin: 0px 10px;
}
#pavoblog-posts .post-item .entry-content {
    background-color: transparent;
}
.bb-blog-carousel .bb-blog-carousel-button {
    margin: 10px 0px 30px 0px;
}

.page-checkout-cart .bb-blog-carousel,
.page-checkout-checkout .bb-blog-carousel,
.page-extension-quickcheckout-checkout .bb-blog-carousel,
.page-checkout-success .bb-blog-carousel {
    display: none;
}


/************************* Product Option Custom Label *************************/

.product-summary-shadow .summary-inner #product .form-group .radio label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 15px 40px;
}
.product-summary-shadow .summary-inner #product .form-group .radio label .option-info {
    display: flex;
    gap: 5px;
    flex-flow: wrap;
    align-items: center;
    flex-grow: 1;
}
.product-summary-shadow .summary-inner #product .form-group .radio label .option-info .option-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}
.product-summary-shadow .summary-inner #product .form-group .radio label .option-info .option-details button.option-value-image-button {
    margin: 0px;
}
.product-summary-shadow .summary-inner #product .form-group .radio label .option-info .option-details .option-custom-label {
    padding: 2px 4px;
    font-size: .8em;
    font-weight: bold;
    position: relative;
    background: #f5e45e;
    border: 1px solid #f5e45e;
    border-radius: 5px;
    margin: 0;
}
.product-summary-shadow .summary-inner #product .form-group .radio label.has-kiloprice .option-price-wrapper {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    padding: 0px;
}



/************************* Mobile menu till 1200px *************************/

@media screen and (max-width: 1200px) {
    .row-offcanvas-left .sidebar-offcanvas {
        left: -300px;
    }
    .sidebar-offcanvas {
        position: fixed !important;
        overflow-y: scroll !important;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 300px;
        background: #d2d2d2;
        height: 100%;
        z-index: 999;
    }
    #pavo-sidebar-offcanvas {
        z-index: 999999;
        background-color: #FAF8F2;
    }
    .offcanvas-inner.panel-offcanvas {
        padding-top: 0px !important;
    }
}





.option-value-disabled {
    cursor: not-allowed;
    background: #f5f5f5;
}
.option-value-disabled .option-sold-out {
    color: #d20006;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
    font-size: .9em;
}



/************************* CRO *************************/

#checkout-cart .delivery-note {
    margin-top: 20px;
    font-weight: bold;
    font-size: .9em;
    text-align: center;
}


/************************* Review Rating **********************************/

.review-rating {
    padding: 23px 0px 23px 0px;
    line-height: 1.6em;
    display: flex;
    justify-content: center;
}
.review-rating .review-rating-details {
    display: flex;
    align-items: center;
    gap: 10px;
}
.review-rating .review-rating-details .review-rating-stars {
    display: flex;
    gap: 3px;
}
.review-rating .review-rating-details .review-rating-stars i {
    position: relative;
    font-size: 14px;
    color: #FC9E3A;
}
.review-rating .review-rating-link a {
    color: #AAA;
}

.bb-footer-review-rating .review-rating {
    padding-top: 0px;
    color: #FFF;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {
    .bb-footer-review-rating .review-rating {
        padding-top: 25px;
    }
}



/************************* Mobile filter *************************/

@media (max-width: 768px) {

    .bf-non-scrollable {
        position: relative;
    }

    /* Button to toggle filter */
    .bf-responsive.bf-active.bf-left .bf-btn-show, .bf-responsive.bf-active.bf-layout-id-26 .bf-btn-show {
        top: auto!important;
        bottom: 20px;
        right: 100px;
        left: 100px;
    }
    .bf-responsive.bf-active.bf-left .bf-btn-show, .bf-responsive.bf-active.bf-layout-id-26 .bf-btn-show {
        background-color: #FFF;
        padding: 8px 30px;
        width: auto;
        height: auto;
        display: flex;
        justify-content: center;
        gap: 10px;
        border-radius: 5px;
        border: 2px solid #fc9e3a;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    }
    .bf-btn-show:before, .bf-btn-show:after {
        display: none;
    }
    .bf-responsive.bf-active.bf-layout-id-26.bf-active.bf-opened .bf-btn-show {
        background-color: #36ab38;
        color: #FFF;
        border-color: #36ab38;
    } 


    /* Button to reset filter */
    .bf-responsive.bf-active.bf-layout-id-26 .bf-btn-reset {
        top: auto!important;
        height: auto;
        display: flex;
        justify-content: center;
        gap: 10px;
        width: auto;
        left: 0;
        right: 0;
        bottom: 85px;
        background: transparent;
        color: #777;
    }
    .bf-btn-reset:before, .bf-btn-reset:after {
        display: none;
    }

    /* Filter Box */

    .bf-responsive.bf-active {
        z-index: 999999;
    }
    .bf-responsive.bf-active.bf-layout-id-26 .bf-check-position {
        margin: 0px;
        width: 100% !important;
        top: 0px !important;
        height: 100vh;
        max-height: 100vh!important;
        border-radius: 0px;
        box-shadow: none;
        padding-bottom: 150px;
    }
    .bf-responsive.bf-active.bf-layout-id-26.bf-opened .bf-check-position .brainyfilter-panel.box-content::after {
        content: '';
        position: fixed;
        height: 150px;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 99;
        background: linear-gradient(360deg, rgba(255, 255, 255, .8) 70%, rgba(255, 255, 255, 0));
    }
    .bf-responsive.bf-active.bf-panel-wrapper.bf-panel-hidden {
        opacity: 1;
    }

    .bf-responsive.bf-active.bf-left .box-heading {
        text-align: left;
    }
    .box.bf-check-position .bf-attr-block {
        display: block !important;
        padding: 0px;
    }

}


/************************* Newsletter promotion *************************/

.newsletter-promotion {
    position: fixed;
    z-index: 1050;
    background: #4C4A4C;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    display: flex;
    align-items: center;
    transition: all ease-in-out .3s;
}
.newsletter-promotion.scrolling {
    display: none;
}
.newsletter-promotion .promotion {
    text-align: center;
    padding: 5px 0px;
    line-height: 1.2em;
}
.newsletter-promotion .promotion, .newsletter-promotion .promotion a {
    color: #FFF;
    font-weight: bold;
    font-size: .8em;
}
.newsletter-promotion .promotion a::after {
    content: '\f178';
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.page-inner.scrolling .newsletter-promotion {
    height: 0;
    visibility: hidden
}
.page-inner .desktop-header {
    top: 50px!important;
    transition: all ease-in-out .3s;
}
.page-inner.scrolling .desktop-header {
    top: 0!important;
}
.page-inner .mobile-header {
    top: 50px!important;
    transition: all ease-in-out .3s;
}
.page-inner.scrolling .mobile-header {
    top: 0!important;
}



.page-inner.header-comment {
    padding-top: 125px;
}
.page-inner {
    padding-top: 125px;
}
body.page-common-home .page-inner.header-comment {
    padding-top: 170px;
}
body.page-common-home .page-inner {
    padding-top: 170px;
}

@media screen and (min-width: 1024px) {
    .newsletter-promotion .promotion {
        padding: 10px 0px;
        line-height: inherit;
    }
    .newsletter-promotion .promotion a {
        font-size: 1em;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .page-inner.header-comment {
        padding-top: 220px;
    }
    .page-inner {
        padding-top: 220px;
    }
}

@media screen and (min-width: 1350px) {
    .page-inner.header-comment {
        padding-top: 198px;
    }
    .page-inner {
        padding-top: 198px;
    }
    body.page-common-home .page-inner {
        padding-top: 198px;
    }
}

/************************* Newsletter promotion *************************/

.newsletter-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 999999;
}
.newsletter-modal.active {
    display: flex;
}
.newsletter-modal .modal-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 0px;
    text-align: center;
    width: 90%;
    max-width: 500px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.newsletter-modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    opacity: .4;
}


/************* BBN Banner Grid ***************/

.bbn-banner-grid {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 10px;
    grid-template-areas:
    "banner-01 banner-02";
}

.banner-01 { grid-area: banner-01; }
.banner-02 { grid-area: banner-02; }

.bbn-banner-grid .bbn-banner-grid-item a img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .bbn-banner-grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "banner-01"
            "banner-02";
    }
}



/************* Disable name cutoff ***************/

@media screen and (max-width: 768px) {
    .product-thumb .product-meta .caption .name {
        min-height: 28px;
        display: flex;
        align-items: center;
    }
}

/************* Brainy Filter ***************/

.bf-btn-close {
    display: none;
}
@media screen and (max-width: 768px) {
    .bf-responsive.bf-active .box-heading * {
        display: flex;
    }
    .bf-responsive.bf-active .box-heading {
        display: flex;
        align-items: center;
    }
    .bf-btn-close {
        margin-left: auto;
        padding: 0px 10px;
    }
    .bf-responsive.bf-active.bf-left .bf-btn-show, .bf-responsive.bf-active.bf-layout-id-26 .bf-btn-show {
        background-color: #FC9E3A;
        left: 10px;
        right: 10px;
        font-weight: bold;
    }
}

div#cookiescript_badge {
    display: none;
}

/************* Change of cart btn ***************/

.product-thumb .product-meta .caption .product-meta-row .cart-btn a {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}


/************* List Subcategories ***************/

.page-product-category #refine-search.refine-search-mobile {
    overflow: hidden !important;
}

.page-product-category #refine-search.refine-search-mobile .h4 {
    font-family: 'Kanit', sans-serif;
    color: #4C4A4C;
    font-weight: 800;
    font-size: 20px;
}

ul.list-subcategories {
    column-count: 2;
    padding: 0px;
}
ul.list-subcategories li {
    list-style: none;
    display: flex;
}
ul.list-subcategories li::before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 10px;
    text-decoration: none;
}
ul.list-subcategories li a {
    text-decoration: underline;
}




/************* CRO Cart ***************/

.page-checkout-cart #header-bottom {
    display: none;
}

.page-checkout-cart .go-back-link {
    margin: 20px 0px;
    display: inline-flex;
}
.page-checkout-cart .go-back-link a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}
.page-checkout-cart .go-back-link a u {
    font-size: .9em;
}

.page-checkout-cart #checkout-cart #content h1 {
    margin-bottom: 0px;
}

.page-checkout-cart .btn-primary {
    background: #36AB38;
    width: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #00000040;
    font-family: Miriam Libre;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.43px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

@media screen and (max-width: 768px) {
    .page-checkout-cart .btn-cart-top {
        padding: 12px 16px;
    }
}
@media screen and (min-width: 768px) {
    .page-checkout-cart .btn-cart-top {
        transform: translateY(-30px);
    }
}

.page-checkout-cart .header-row {
    margin-left: 0px;
    margin-right: 0px;
}
.page-checkout-cart .header-row .title {
    text-align: right;
    font-weight: bold;
}
.page-checkout-cart .header-row .title.title-last {
    padding-right: 40px;
}

.page-checkout-cart button.reward-modal-toggle {
    padding: 0px 2px;
    font-size: 1.2em;
}
.page-checkout-cart .edit-actions input.form-control {
    min-width: 60px!important;
    max-width: 86px;
}

.page-checkout-cart .edit-actions {
    display: flex;
    gap: 10px;
}
.page-checkout-cart .edit-actions .edit-actions-buttons {
    display: flex;
    gap: 5px;
}
.page-checkout-cart .edit-actions .edit-actions-buttons .button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 10px;
    font-size: .9em;
}
.page-checkout-cart .edit-actions .edit-actions-buttons .button-refresh {
    border: 1px solid #CCC;
}
.page-checkout-cart .edit-actions .edit-actions-buttons .button-refresh i {
    color: #36AB38;
}
.page-checkout-cart .edit-actions .edit-actions-buttons .button-remove i {
    color: #EB001B;
}
.page-checkout-cart .panel-cart-nextstep {
    padding: 30px;
    margin-top: 0px!important;
}
.page-checkout-cart .panel-cart-nextstep h4 {
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 0px;
}
.page-checkout-cart .panel-cart-nextstep .usp-list ul li::before {
    content: '';
}
.page-checkout-cart .panel-cart-nextstep .usp-list ul {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.page-checkout-cart .panel-cart-nextstep .usp-list ul li {
    font-weight: bold;
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.page-checkout-cart .panel-cart-nextstep .usp-list ul li i {
    font-weight: inherit;
    color: #36AB38;
}


.page-checkout-cart .bb-footer-top .footer-usp ul li:first-child {
    display: none;
}


.page-checkout-cart .modal-backdrop {
    z-index: 1060;
}
.page-checkout-cart .reward-modal {
    z-index: 1500;
}
.page-checkout-cart .reward-modal .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content {
    background-color: #FAF8F2;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header:before, .page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header:after {
    display: none;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 0px;
    padding-bottom: 0px;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header h5.modal-title {
    font-size: 28px;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header .close {
    opacity: 1;
    color: #4A4C4A;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-body {
    padding: 10px 30px 30px 30px;
}
.page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-body ul {
    padding-left: 20px;
    margin-left: 0px;
}
.page-checkout-cart .well-default {
    margin-top: 15px !important;
}
.page-checkout-cart .panel-group {
    margin-bottom: 0px;
}
.page-checkout-cart .panel-group .panel-body {
    background: #FFF;
    padding: 30px;
}
.page-checkout-cart .panel-group .panel-body .note {
    font-size: .9em;
    color: #D20006;
    line-height: 1.5em;
    margin-top: 20px;
}

.page-checkout-cart .panel-group #collapse-coupon .control-label {
    padding-left: 0px;
}
.page-checkout-cart .panel-group #button-coupon {
    background: #fc9e3a;
    font-size: 16px;
    border-radius: 0px;
    box-shadow: none;
    padding: 15px 30px;
}
.page-checkout-cart .well-primary table tr:nth-last-child(2) {
    font-size: 22px;
    font-family: 'Kanit', sans-serif;
    font-weight: bold;   
}
.page-checkout-cart .well-primary table tr:last-child {
    font-size: inherit;
    font-family: inherit;
    font-weight: normal;   
}

@media screen and (max-width: 500px) {
    .page-checkout-cart .edit-actions input.form-control {
        min-width: 45px!important;
        max-width: 86px;
    }
    .page-checkout-cart .edit-actions {
        gap: 5px;
    }
    .page-checkout-cart .edit-actions .edit-actions-buttons {
        gap: 0px;
    }
    .page-checkout-cart .edit-actions .edit-actions-buttons .button {
        gap: 5px;
    }
    .page-checkout-cart .reward-modal .modal-dialog .modal-content .modal-header h5.modal-title {
        font-size: 24px;
    }
    .page-checkout-cart .panel-cart-nextstep {
        padding: 20px;
    }
    .page-checkout-cart .well-primary table tr:last-child {
        font-size: inherit;
    }
    
}



.alert-success, .alert-info, .alert-warning, .alert-danger, .alert-minimalist {
    border-left: none;
}

.alert-success, .alert-minimalist {
    background-color: #36AB38;
    color: #FFF;
}
.alert-success a, .alert-minimalist a {
    color: #FFF;
} 
.alert-success .close, .alert-minimalist .close {
    color: #FFF;
}



/************* CRO Productpage ***************/


.product-top .back-button {
    margin: 10px 0px;
}
.product-top .back-button a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    font-size: .9em;
}

@media screen and (min-width: 991px) {
    .product-top .back-button {
        margin: 0px 0px 10px 0px;
    }
}


.page-product-product #header-bottom {
    display: none;
}

.product-top .product-top-rating .rating {
    display: flex;
}
.product-top-rating .rating a {
    text-decoration: underline;
    color: #00579F;
    padding-left: 5px;
}
.product-summary-shadow .summary-inner .bb-stock .bb-stock-content {
    margin: 10px 0px;
}
.bb-stock .bb-stock-content .stock-extra-text {
    display: block;
    font-size: .9em;
    font-weight: bold;
}
@media screen and (min-width: 1200px) {
    .bb-stock .bb-stock-content .stock-extra-text {
        display: inline-flex;
        font-size: inherit;
        font-weight: normal;
    }
    .bb-stock .bb-stock-content .stock-extra-text::before {
        content: '-';
        margin: 0 5px;
    }
}

.product-summary-shadow .summary-inner #product .btn-cart {
    background: #36AB38;
    width: 60%;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #00000040;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.43px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

@media screen and (min-width: 1200px) {
    .product-summary-shadow .summary-inner #product .btn-cart {
        width: 75%;
    }
}
.product-summary-usp ul li::before {
    content: '';
    display: none;
}
.product-summary-usp ul {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.product-summary-usp ul li {
    font-weight: bold;
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.product-summary-usp ul li i {
    font-weight: inherit;
    color: #36AB38;
}

.product-about-us {
    background-color: #FFF;
    display: grid;
    grid-template-columns: 1fr;
    margin: 15px 0px;
}
.product-about-us .about-content {
    padding: 20px 0px 20px 20px;
}
.product-about-us .about-content .title {
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 15px;
}
.product-about-us .about-content ul li::before {
    content: '';
    display: none;
}
.product-about-us .about-content ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}
.product-about-us .about-content ul li {
    font-weight: normal;
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.product-about-us .about-content ul li strong {
    font-weight: bold;
}
.product-about-us .about-content ul li i {
    font-weight: inherit;
    color: #36AB38;
}
.product-about-us .about-personal {
    display: grid;
    grid-template-columns: 35% 60%;
    gap: 5px;
}
.product-about-us .about-personal .image {
    grid-area: auto;
    display: flex;
    align-items: flex-end;
}
.product-about-us .about-personal .quote .quote-text {
    font-size: 0.9em;
    font-weight: bold;
    font-style: italic;
    line-height: 1.8em;
    margin-bottom: 10px;
}
.product-about-us .about-personal .quote .quote-name {
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
    font-size: 1em;
}
.product-about-us .about-personal .quote .quote-function {
    font-size: 0.9em;
}
@media screen and (min-width: 550px) {
    .product-about-us {
        grid-template-columns: 50% 50%;
    }
    .product-about-us .about-personal {
        padding: 15px 15px 0px 15px;
    }
}
@media screen and (min-width: 991px) {
    .product-about-us {
        grid-template-columns: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .product-about-us {
        grid-template-columns: 47% 53%;
    }
}


.product-info-grid {
    display: grid;
    grid-template-areas: 
        "product-info-grid-content"
        "product-info-grid-attributes"
        "product-info-grid-expiration";
    gap: 20px;
    margin: 30px 0px;
}

.product-info-grid-content { grid-area: product-info-grid-content; }
.product-info-grid-attributes { grid-area: product-info-grid-attributes; }
.product-info-grid-expiration { grid-area: product-info-grid-expiration; }

.product-info-grid .product-info-grid-item {
    background-color: #FFF;
}

.product-info-grid .product-info-content {
    padding: 0px 20px 20px 20px;
}

.product-info-accordion {
    padding: 20px;
}
.product-info-accordion .accordion-title {
    display: grid;
    grid-template-columns: auto 30px;
    align-items: center;
}
.product-info-accordion .accordion-title .title {
    grid-area: auto;
    font-weight: 900;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
}
.product-info-accordion .accordion-title .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-info-content #description {
    max-height: none; /* Default state for SEO */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.product-info-content #description.collapsed {
    max-height: 300px; /* Approx. 3 lines */
}

.product-info-content .expanded {
    max-height: none;
}
.read-more-btn {
    display: flex;
    color: #FC9E3A;
    display: flex;
    align-items: center;
    gap: 10px;
}
.read-more-btn.plus::before {
    content: '+';
    font-weight: bold;
    color: #4C4A4C;
}
.read-more-btn.minus::before {
    content: '-';
    font-weight: bold;
    color: #4C4A4C;
}

.product-info-accordion .accordion-content .attribute-block {
    padding: 0px!important;
}

.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
}

.toggle-icon {
    font-size: 20px;
    margin-left: 10px;
    font-weight: bold;
}



@media screen and (min-width: 991px) {
    .product-info-grid {
        display: grid;
        grid-auto-columns: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-auto-rows: 1fr;
        /* align-items: flex-start; */
        grid-template-areas: 
            "product-info-grid-content product-info-grid-attributes"
            "product-info-grid-expiration product-info-grid-attributes";
    }
}

@media screen and (max-width: 768px) {
    .product-images-carousel.slick-slider {
        width: 85vw;
    }
    .product-images-carousel .slick-prev {
        left: -30px;   
    }
    .product-images-carousel .slick-next {
        right: -30px;
    }
    .ProductImages .slick-dots {
        bottom: 30px;
    }
}

.about-content-video {
    padding: 30px 0px;
}
.about-content-video .content-video-grid {
    display: grid;
    grid-template-columns: 1fr; 
    grid-template-rows: auto auto auto; 
    gap: 0px 0px; 
    grid-template-areas: 
      "content-video-grid-title"
      "content-video-grid-subtitle"
      "content-video-grid-video"
      "content-video-grid-content"; 
}

.content-video-grid-title { grid-area: content-video-grid-title; }
.content-video-grid-subtitle { grid-area: content-video-grid-subtitle; }
.content-video-grid-content { grid-area: content-video-grid-content; }
.content-video-grid-video { grid-area: content-video-grid-video; }

.about-content-video .content-video-grid .content-video-grid-title {
    font-family: 'Kanit', sans-serif;
    font-weight: 900;
    font-size: 34px;
    margin-bottom: 20px;
}
.about-content-video .content-video-grid .content-video-grid-subtitle {
    font-weight: bold;
}
.about-content-video .content-video-grid .content-video-grid-video .video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}
.about-content-video .content-video-grid .content-video-grid-video .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (min-width: 768px) {
    .about-content-video {
        padding: 60px 0px;
    }
    .about-content-video .content-video-grid {
        grid-template-columns: 1fr 1fr; 
        gap: 0 100px;
        grid-template-rows: auto auto auto; 
        grid-template-areas: 
          "content-video-grid-title content-video-grid-video"
          "content-video-grid-content content-video-grid-video"
          "content-video-grid-subtitle content-video-grid-video"; 
    }
}



.page-product-product ul.breadcrumb {
    margin-bottom: 0px;
    padding: 10px 0 0 0 !important;
}
#bb-product-reviews {
    margin: 0px 0px 50px 0px;
}

@media screen and (max-width: 991px) {
    .product-info-grid {
        gap: 10px;
    }
}


/************* 86c6cw7eh Category optimizations ***************/

.page-product-category .input-group::after {
    display: none;
}
.bf-form .bf-count {
    background: #FAF8F2!important;
    color: inherit!important;
}
@media screen and (max-width: 991px) {
    .bbn-category-banners {
        margin: 0px;
    }
    .bbn-category-banners .bbn-category-banner .bbn-banner-image {
            display: none;
    }
}

/************* 86c6cw7hu Homepage optimizations ***************/

.featured-title .h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top: 10px;
}

.bbn-featured-categories {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 0px 0px 15px 0px;
}
.bbn-featured-categories .bbn-featured-category {
    background: #FFF;
}
.bbn-featured-categories .bbn-featured-category a {
    display: grid;
    grid-template-columns: 130px auto;
    align-items: center;
}
.bbn-featured-categories .bbn-featured-category .bbn-featured-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bbn-featured-categories .bbn-featured-category .bbn-featured-category-content {
    text-align: left;
    padding: 15px;
}
.bbn-featured-categories .bbn-featured-category .bbn-featured-category-content .title {
    font-weight: bold;
    font-family: 'Kanit', sans-serif;
    line-height: 1.1em;
    margin-bottom: 8px;
    font-size: 1.1em;
    text-transform: uppercase;
}
.bbn-featured-categories .bbn-featured-category .bbn-featured-category-content .description {
    font-size: .8em;
    line-height: 1.3em;
    opacity: .7
}
.bbn-categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}
.bbn-categories .bbn-category {
    background: #FFF;
}
.bbn-categories .bbn-category .bbn-category-image {
    display: none;
}
.bbn-categories .bbn-category .bbn-category-content {
    text-align: center;
    padding: 8px 16px;
    

}
.bbn-categories .bbn-category .bbn-category-content .title {
    font-weight: bold;
    font-family: 'Kanit', sans-serif;
    line-height: 1.1em;
    font-size: 1.1em;
    text-transform: uppercase;
}
.bbn-categories .bbn-category .bbn-category-content .description {
    display: none;
}

@media screen and (min-width: 768px) {
    .bbn-featured-categories {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin: 15px 0px;
    }
}
@media screen and (min-width: 991px) {
    .bbn-featured-categories {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }
    .bbn-featured-categories .bbn-featured-category a {
        grid-template-columns: 1fr;
    }
    .bbn-featured-categories .bbn-featured-category .bbn-featured-category-content {
        padding: 20px 10px;
        text-align: center;
    }
    .bbn-categories {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin: 30px 0px 50px 0px;
    }
}

@media screen and (min-width: 1200px) {
    .bbn-featured-categories {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}


.bbn-usp-check ul {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
.bbn-usp-check ul li .inner {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 5px;
    align-items: flex-start;
}
.bbn-usp-check ul li .inner .icon {
    line-height: 1em;   
}
.bbn-usp-check ul li .inner .text {
    display: block;
    font-weight: bold;
    line-height: 1.3em;
}
.bbn-usp-check ul li .inner .text span {
    display: block;
    font-weight: normal;
    font-size: .85em;
}

@media screen and (max-width: 991px) {
    .bbn-usp-check ul {
        flex-wrap: wrap;
    }
    .bbn-usp-check ul li {
        width: 45%;
    }
}
@media screen and (max-width: 560px) {

    .bbn-usp-check ul li {
        width: 100%;
    }
}


/************* 86c6cw7q1 Search Offcanvas ***************/
  
#pavo-search-offcanvas {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999;
    transition: left 0.3s ease;
}

#pavo-search-offcanvas.active {
    left: 0;
}

#pavo-search-offcanvas .offcanvas-search {
    background-color: #FFF;
    padding: 20px;
}
#pavo-search-offcanvas .offcanvas-search .offcanvas-search-content {
    display: grid;
    grid-template-columns: 32px auto;
}
#pavo-search-offcanvas .offcanvas-search .offcanvas-search-content .btn-back {
    padding: 0px;
    text-align: left;
    color: #4A4C4A;
}
#pavo-search-offcanvas .offcanvas-search .quick-search-form .form-control {
    border-radius: 4px;
}
#pavo-search-offcanvas .offcanvas-search .quick-search-form button {
    height: 100%;
    color: #4A4C4A;
}


.isearch-container {
    padding: 10px;
    position: absolute!important
}

h3.isearch-heading.isearch-heading-suggestion {
    font-family: 'Miriam Libre';
    font-size: inherit;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .isearch-container {
        position: fixed !important;
        overflow: scroll !important;
        top: 92px !important;
        height: 100vh;
        padding-bottom: 142px;
        z-index: 9999999!important;
    }
}

body.offcanvas-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
  }

body.is-locked {
    position: fixed;
    width: 100%;
    overflow: hidden;
    touch-action: none;              /* voorkomt iOS scroll */
    overscroll-behavior: contain;    /* voorkomt rubberband effect */
  }


/************* 86c6cw7q1 Menu Offcanvas ***************/

#pavo-sidebar-offcanvas {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999;
    transition: left 0.3s ease;
}
#pavo-sidebar-offcanvas.active {
    left: 0px;
    width: 100%;
}

/************* 86c6cw7q1 Mobile review rating ***************/

.mobile-header-bottom {
    display: none;
}
body.page-common-home .mobile-header-bottom {
    display: block;
}
.mobile-review-rating .review-rating {
    padding: 10px 0px;
}


/************* 86c6cw7q1 Footer optimizations ***************/

.page-common-home .pa-row-container.bb-footer-top {
    display: none;
}