/*
Theme Name: Porto Child
Theme URI: https://futuremediahouse.jp
Author: Future Media House
Author URI: https://futuremediahouse.jp
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.2
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child
*/

/* Sawarabi Mincho Font for Japanese */
/* @import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap'); */

:root {
    --cl-scrollbar-width: 17px; /* Fallback, JS will overwrite 'main.js' */
}

@font-face {
    font-family: "ITC Galliard";
    font-weight: 400;
    font-style: normal;
    src: url("./assets/fonts/itcgalliard_n4.woff2") format("woff2");
}

@font-face {
    font-family: "Avenir Next";
    font-weight: 400;
    font-style: normal;
    src: url("./assets/fonts/avenirnext_n4.woff2") format("woff2");
}

@font-face {
    font-family: "Avenir Next";
    font-weight: 700;
    font-style: normal;
    src: url("./assets/fonts/avenirnext_n7.woff2") format("woff2");
}

@font-face {
    font-family: "Avenir Next";
    font-weight: 400;
    font-style: italic;
    src: url("./assets/fonts/avenirnext_i4.woff2") format("woff2");
}



/* <<< Typography */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
html[lang="ja"] .cl-font-en-primary, html[lang="ja"] .cl-font-en-primary h1, html[lang="ja"] .cl-font-en-primary h2, html[lang="ja"] .cl-font-en-primary h3, html[lang="ja"] .cl-font-en-primary h4, html[lang="ja"] .cl-font-en-primary h5, html[lang="ja"] .cl-font-en-primary h6, html[lang="ja"] .cl-font-en-primary p,
#header .main-menu > li.menu-item > a,
#header .search-toggle .search-text,
#header .main-menu .wide li.sub > a,
#footer .widget.contact-info .contact-details strong,
div.wpforms-container-full .wpforms-form .wpforms-title,
#header .header-top,
#header .porto-view-switcher > li.menu-item > a,
.mega-menu .cl-mega-post-view .cl-post-subtitle,
html .btn,
html button,
html .button,
.cl-post-cats,
.cl-products-carousel-product-price,
.cl-products-carousel-mobile-header--title,
.elementor-accordion .elementor-tab-title,
body.single-product .product-summary-wrap .price,
ul.products li.product-col .price,
.cl-product-nav,
.cl-post-nav,
#mini-cart .buttons .checkout,
.cl-share-label,
.button.yith-wcan-reset-navigation,
.autocomplete-suggestion img+.search-name,
.live-search-list .autocomplete-suggestion .search-price,
legend,
#mini-cart li .product-details a,
.woocommerce-Price-amount,
.cart-v2 .card.card-default .card-body tbody tr td,
.shop_table td.product-name a,
.shop_table td.product-name,
#side-nav-panel .accordion-menu > li.menu-item > a,
#side-nav-panel .accordion-menu li.menu-item.has-sub > a {
    font-family: "ITC Galliard", serif !important;
    font-weight: 400 !important;
}

body,
p,
.cl-font-secondary,
.cl-font-secondary p,
#header .main-menu .wide li.sub li.menu-item > a,
#footer a,
#footer .contact-info .contact-details span,
div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-description,
.cl-post-readmore,
.cl-post-excerpt,
#header .mega-menu .narrow li.menu-item > a,
#mini-cart .total-count,
#mini-cart li .product-details,
#mini-cart .widget_shopping_cart .total,
.shop_table td.product-name .product-quantity,
#panel-cart-customer-service tr td,
small.tax_label,
small.includes_tax,
small.includes_tax * {
    font-family: "Avenir Next", sans-serif !important;
    font-weight: 400 !important;
}

/* Japanese */
.cl-font-ja,
html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6,
html[lang="ja"] #header .main-menu > li.menu-item > a,
html[lang="ja"] #header .search-toggle .search-text,
html[lang="ja"] #header .main-menu .wide li.sub > a,
html[lang="ja"] #footer .widget.contact-info .contact-details strong,
html[lang="ja"] div.wpforms-container-full .wpforms-form .wpforms-title,
html[lang="ja"] #header .header-top,
/* html[lang="ja"] #header .porto-view-switcher > li.menu-item > a, */
html[lang="ja"] #header .view-switcher > li.menu-item > a .icl_lang_sel_current,
html[lang="ja"] .mega-menu .cl-mega-post-view .cl-post-subtitle,
html[lang="ja"] .btn,
html[lang="ja"] button,
/* html[lang="ja"] .cl-post-cats, */
html[lang="ja"] .cl-products-carousel-product-price,
html[lang="ja"] .cl-products-carousel-mobile-header--title,
html[lang="ja"] .elementor-accordion .elementor-tab-title,
html[lang="ja"] body.single-product .product-summary-wrap .price,
html[lang="ja"] ul.products li.product-col .price,
html[lang="ja"] .cl-product-nav,
html[lang="ja"] .cl-post-nav,
html[lang="ja"] #mini-cart .buttons .checkout,
html[lang="ja"] .cl-share-label,
html[lang="ja"] .button.yith-wcan-reset-navigation,
html[lang="ja"] .autocomplete-suggestion img+.search-name,
html[lang="ja"] .live-search-list .autocomplete-suggestion .search-price,
html[lang="ja"] legend,
html[lang="ja"] #mini-cart li .product-details a,
html[lang="ja"] .shop_table td.product-name a,
html[lang="ja"] .shop_table td.product-name {
    /* font-family: 'Sawarabi Mincho', serif !important;
    font-weight: 400 !important; */

    font-family: heisei-mincho-std, serif !important;
    font-weight: 300 !important;
    font-style: normal;
}

/* Typography >>> */





/* <<< Generic */
body, ul.list.icons li a, .pricing-table li, .pricing-table h3 .desc, .pricing-table .price, .pricing-table .plan, .home-intro .get-started a:not(.btn), .color-body, .color-body a, .color-body a:hover, .color-body a:focus, .mobile-sidebar .sidebar-toggle, .page-top .product-nav .product-popup, .thumb-info-bottom-info .thumb-info-title, .thumb-info-bottom-info .thumb-info-title a, .thumb-info-bottom-info .thumb-info-title a:hover, .tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus, .tabs.tabs-simple .nav-tabs > li.active .nav-link, .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover, .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus, .porto-links-block li.porto-links-item > a, .porto-links-block li.porto-links-item > span, .vc_general.vc_cta3.vc_cta3-color-white.vc_cta3-style-flat, .mega-menu .wide .popup, .mega-menu .wide li.menu-item li.menu-item > a, .sidebar-menu .popup, .testimonial.testimonial-style-2 blockquote, .testimonial.testimonial-style-3 blockquote, .testimonial.testimonial-style-4 blockquote, .testimonial.testimonial-style-5 blockquote, .testimonial.testimonial-style-6 blockquote, .testimonial.testimonial-with-quotes blockquote, .sort-source-style-3 > li > a {
    color: #1c1b1b;
}

a {
    color: #6a6a6a;
    background-color: transparent;
    text-decoration-line: underline;
    text-decoration-color: rgba(106, 106, 106, 0.6);
    transition: color .2s ease-in-out;
}

a:active,
a:hover {
    outline: 0;
    color: inherit;
}

a.btn,
.cl-posts-grid-list-item a,
.cl-create-your-look a,
.cl-post-cats a,
a.porto-product-filters-toggle {
    text-decoration: none;
}

h1, h2, h3, .porto-ibanner-layer h4 {
    letter-spacing: normal;
}

.cl-header-void-link a {
    cursor: pointer;
}

#footer .wpforms-widget .wpforms-title,
#footer .widgettitle,
#footer .widget-title {
    font-size: 15px;
}


.no-breadcrumbs .main-content {
    padding-top: 50PX;
}


.blog-posts article::after {
    content: "";
    display: block;
    clear: both;
}



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

.container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
@media (max-width: 1199px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 767px) {
    .container-fluid {
        padding-left: 18px;
        padding-right: 18px;
    }
}


.tooltip.show {
    opacity: 1;
}

.tooltip .arrow {
    display: none;
}

.tooltip-inner {
    padding: 4px 11px;
    color: #6a6a6a;
    background-color: #fffffc;
    border: 1px solid #dadada;
}
/* <<< Images/BGs zoom effects */
.cl-img-zoom-wrap,
.cl-col-bg-zoom {
    overflow: hidden;
}

.cl-img-zoom-wrap {
    display: block;
}

.cl-img-zoom-wrap > img,
.cl-col-bg-zoom > .elementor-column-wrap > .elementor-background-overlay {
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.cl-img-zoom-wrap:hover > img,
.cl-col-bg-zoom:hover > .elementor-column-wrap > .elementor-background-overlay {
    -webkit-transform: scale(1.2) !important;
    -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
}
/* Images/BGs zoom effects >>> */


.heading-primary {
    text-align: center;
    font-size: 24px !important;
    margin-bottom: 40px !important;
}

.cart-v2 .heading-primary {
    justify-content: center;
}


.shop_table.cart thead th {
    font-weight: 400 !important;
    color: #1c1b1b;
}


.cl-col-cat-large > .elementor-column-wrap > .elementor-background-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4,4,4,0.45)), to(rgba(54,54,54,0.15)));
    background-image: -o-linear-gradient(bottom, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
    background-image: linear-gradient(to top, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
}


.cl-post-readmore {
    position: relative;
    display: inline-block;
    color: inherit;
    font-size: 14px;
    line-height: 23px;
}

.cl-post-readmore:before {
    content : '';
    position : absolute;
    width : 100%;
    height : 1px;
    left : 0;
    bottom : -1px;
    background : currentColor;
    -webkit-transform : scale(1, 1);
    -ms-transform : scale(1, 1);
        transform : scale(1, 1);
    -webkit-transform-origin : left center;
    -ms-transform-origin : left center;
        transform-origin : left center;
    -webkit-transition : -webkit-transform 0.2s ease-in-out;
    transition : -webkit-transform 0.2s ease-in-out;
    -o-transition : transform 0.2s ease-in-out;
    transition : transform 0.2s ease-in-out;
    transition : transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.cl-post-readmore:hover:before {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
        transform: scale(0, 1);
}


.cl-video-play-icon {
    padding: 0 !important;
    border: 0;
    cursor: pointer;
    width: 80px;
    height: 80px;
    color: #fff;
    transition: transform 0.2s ease-in-out;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
}

.cl-video-play-icon::before {
    content: none;
}

.cl-video-play-icon:focus {
    outline: none;
}

.cl-video-play-icon svg {
    width: 100%;
    height: 100%;
}

.img-thumbnail .cl-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    z-index: 1;
}

.product-images .img-thumbnail:hover .cl-video-play-icon {
    transform: scale(1.1);
}

.product-thumbnails .img-thumbnail.cl-yt-video .cl-video-play-icon {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}



.cl-poppup-vidoe-container,
.cl-vidoe-overlay-container {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility .3s, opacity .3s;
}
.cl-poppup-vidoe-container {
    position: fixed;
    z-index: 99990;
}
.cl-vidoe-overlay-container {
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cl-poppup-vidoe-container.cl-active,
.cl-vidoe-overlay-container.cl-active {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.cl-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
}

.cl-poppup-vidoe-container .cl-iframe-wrap {
    width: 100%;
    max-width: 177.777777vh;
    height: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    margin: auto;
}

.cl-poppup-vidoe-container .cl-iframe-wrap .inner {
    padding: 0 10%;
    width: 100%;
}

.cl-poppup-vidoe-container .cl-iframe-wrap .embed-responsive {
    background: #000;
}

.cl-poppup-vidoe-container .cl-popup-close,
.cl-vidoe-overlay-container .cl-popup-close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0 !important;
    width: 30px;
    height: 30px;
    color: #fff;
    opacity: .7;
    transition: opacity .2s;
    z-index: 10;
}

body.admin-bar .cl-poppup-vidoe-container .cl-popup-close {
    top: 62px;
}

.cl-poppup-vidoe-container .cl-popup-close:hover,
.cl-vidoe-overlay-container .cl-popup-close:hover {
    cursor: pointer;
    opacity: 1;
}

.cl-poppup-vidoe-container .cl-popup-close svg,
.cl-vidoe-overlay-container .cl-popup-close svg {
    width: 100%;
    height: 100%;
}



.cl-vidoe-overlay-container .cl-iframe-wrap {
    width: 100%;
}

.quickview-wrap.single-product .owl-carousel .owl-nav,
.quickview-wrap.single-product .thumb-nav {
    display: none;
}

.add-links .quickview:before {
    content: "\f06e";
}

@media ( max-width: 767px ) {
    .cl-poppup-vidoe-container .cl-iframe-wrap .inner {
        padding: 0;
    }

    .cl-poppup-vidoe-container .cl-popup-close {
        top: 15px;
        right: 15px;
    }

    body.admin-bar .cl-poppup-vidoe-container .cl-popup-close {
        top: 61px;
    }
}

@media ( max-height: 431px ) {
    .cl-poppup-vidoe-container .cl-iframe-wrap .inner {
        padding: 0;
    }
}

@media ( max-width: 991px ) {
    .cl-section-mobile-fullwidth > .elementor-container {
        width: 100%;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}





.cl-image-zoom-icon::before {
    content: none;
}

.cl-image-zoom-icon:focus {
    outline: none;
}

.cl-image-zoom-icon svg {
    display: block;
    stroke-width: 1px;
    background: none;
    pointer-events: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.cl-image-zoom-icon {
    padding: 10px !important;
    border: 0;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 30px;
    right: 25px;
    box-shadow: 0 1px 5px rgba(54,54,54,0.15);
    color: rgba(28,27,27,0.5);
    border-radius: 50%;
    background: #fffffc;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}

/* Generic >>> */


/* <<< Header */
#header,
#header .header-top,
#header .header-main,
#header .header-bottom {
    transition: all 0.3s !important;
}

body:not(.home) #header .header-top {
    display: none;
}

#header .logo {
    max-width: 150px !important;
}

#header .header-top a {
    text-decoration: none;
}

#header .header-top .mfp-close {
    display: none;
    color: #ffffff;
}

.header-bottom {
    border-top: 0;
}

#header .default-icon .porto-sicon-default .porto-icon {
    margin-right: 0;
}

#header .searchform-popup {
    margin-left: 15px;
}

#header .searchform-popup .search-toggle {
    display: flex;
    align-items: center;
    line-height: normal;
}

#header .searchform-popup .search-text {
    font-size: 13px;
    
}

#header .searchform-popup .search-text,
#header .porto-sicon-header {
    margin-left: 5px;
}

#header .searchform {
    border-radius: 0;
    line-height: 1;
}

#header .searchform fieldset {
    padding-top: 2px;
    padding-bottom: 2px;
}

#header .searchform .selectric {
    border: none;
}

#header .searchform .searchform-fields {
    align-items: center;
}

#header {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

#header.sticky-header .main-menu-wrap {
    padding-top: 8px;
    padding-bottom: 8px;
}

#header li.menu-item > a:before {
    background-color: currentColor;
    top: auto;
    bottom: 0px;
}

#header.sticky-header li.menu-item > a:before {
    bottom: -8px;
}

#header .mega-menu>li.menu-item .popup,
#header .mega-menu>li.menu-item:hover .popup {
    top: 100%;
}

#header.sticky-header .mega-menu>li.menu-item .popup,
#header.sticky-header .mega-menu>li.menu-item:hover .popup {
    top: calc(100% + 8px);
}

#header .mega-menu>li.menu-item .popup {
    opacity: 0;
    pointer-events: none;
}

#header .mega-menu>li.menu-item:hover .popup {
    opacity: 1;
    pointer-events: all;
}

#header .main-menu .popup,
#header .mega-menu .wide .popup,
.mega-menu .narrow ul.sub-menu,
#header .porto-view-switcher .narrow .popup>.inner>ul.sub-menu,
#header .top-links .narrow .popup>.inner>ul.sub-menu {
    box-shadow: none;
}

#header .main-menu .popup,
#header .mega-menu .wide .popup,
#header .porto-view-switcher .narrow .popup>.inner>ul.sub-menu,
#header .top-links .narrow .popup>.inner>ul.sub-menu {
    border: 1px solid #d3d3d2;
}




#header .main-menu>li.menu-item.narrow .popup {
    top: calc( 100% - 2px );
}

#header.sticky-header .main-menu>li.menu-item.narrow .popup,
#header.sticky-header .main-menu>li.menu-item.narrow:hover .popup {
    top: calc(100% + 6px);
}

#header .main-menu>li.menu-item.narrow.has-sub > a:before {
    visibility: hidden;
}

#header .main-menu>li.menu-item.narrow .popup::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #222529;
    z-index: 20;
    transition: width .3s;
}

#header .main-menu>li.menu-item.narrow:hover .popup::before,
#header .main-menu>li.menu-item.narrow.cl-is-expanded .popup::before {
    width: 100%;
}


#header .main-menu .popup {
    left: 16px;
}


#header .mega-menu .narrow ul.sub-menu {
    padding-top: 17px;
    padding-bottom: 17px;
}

#header .mega-menu .narrow li.menu-item > a {
    padding-left: 25px;
    padding-right: 25px;
}

#header .main-menu > li.menu-item > a {
    font-size: 15px;
}

#header .main-menu .popup a,
#header .main-menu .popup a {
    font-size: 14px;
    letter-spacing: normal;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    line-height: 19px;
}

#header .main-menu .wide li.sub > a {
    padding-bottom: 14px;
    font-size: 13px;
}

#header .main-menu .wide li.menu-item li.menu-item > a:hover,
#header .main-menu .wide li.sub > a:hover {
    text-decoration: none;
    color: #6a6a6a;
}

#header  .mega-menu > li.menu-item .popup,
#header  .mega-menu > li.menu-item:hover .popup {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
}

#side-nav-panel .accordion-menu li.menu-item-object-post {
    display: none;
}


#side-nav-panel .accordion-menu > li.menu-item > a {
    font-size: 15px;
}

#side-nav-panel .accordion-menu a.nolink {
    pointer-events: all;
}

#side-nav-panel .porto-child-view-switcher .flag {
    display: inline-block;
    line-height: 1;
    margin-right: 0.5rem;
}

#side-nav-panel .porto-child-view-switcher .flag img {
    max-width: 20px;
    width: 20px;
    height: 20px;
}

#side-nav-panel .porto-child-view-switcher li.menu-item > a {
    display: flex;
    align-items: center;
}

#side-nav-panel .porto-child-view-switcher > li.menu-item > ul.sub-menu {
    padding-left: 0;
}

#header .searchform {
    padding: 10px 0;
    border-radius: 0 !important;
    border: 0;
    animation: menuFadeInDown .2s ease-out;
}

#header .searchform-popup .search-toggle:after,
#header .searchform-popup .search-toggle.opened:after,
#header.sticky-header .searchform-popup .search-toggle:after,
#header.sticky-header .searchform-popup .search-toggle.opened:after {
    display: none;
}

#header .searchform button {
    padding: 0 18px 0 12px !important;
    color: #1c1b1b !important;
}

#header .searchform button[type="submit"] {
    height: auto;
    line-height: 1;
}

#header .search-popup .searchform {
    top: calc(100% - 5px);
}

#header .search-popup .searchform:before {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #fff;
}

#header .search-popup .searchform:after {
    content: "";
    position: absolute;
    top: -18px;
    right: 18px;
    width: 70px;
    height: 18px;
    z-index: -1;
    opacity: 0;
}

#header .search-popup .searchform .cl-icon.cl-icon-search {
    padding: 2px;
}

#header .header-main .header-center,
.fixed-header #header .header-main .header-center {
    padding-top: 18px;
    padding-bottom: 13px;
}

#header .main-menu > li.menu-item > a {
    padding: 10px 20px 19px 20px;
}

#header.sticky-header .main-menu > li.menu-item > a {
    padding-top: 19px;
}

.fixed-header.header-transparent-bottom-border #header {
    border-bottom-color: rgba(255,255,255,0.25);
}

.mega-menu.show-arrow>li.has-sub>a:after {
    margin-left: 15px;
}

#header .porto-view-switcher {
    z-index: 990;
}

#header .porto-view-switcher:not(.currency-switcher) {
    margin-left: 10px;
}

#header .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item {
    width: auto !important;
    margin-right: 5.4%;
}

#header .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item-type-post_type {
    width: 23.35% !important;
    min-width: 23.35% !important;
    margin-right: 0;
}

#header .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item:last-child {
    margin-left: 30px;
}


#header .cl-icon {
    width: 26px;
    height: 26px;
    transition: all .3s;
}

#header .cl-icon svg {
    width: 100%;
    height: 100%;
}

#header .cl-icon.cl-icon-search {
    padding: 2px;
}

#header .cl-icon.cl-icon-cart {
    overflow: visible;
}

#header .cl-icon.cl-icon-cart svg {
    width: calc(100% + 2px);
    margin-left: -1px;
}


#header .porto-view-switcher .narrow li.menu-item > a,
#header .porto-view-switcher .narrow li.menu-item:hover > a,
#header .search-popup .searchform .cl-icon.cl-icon-search {
    color: #1c1b1b !important;
}

#header .visible-for-sm #mini-cart {
    margin-left: 0;
}

#header .visible-for-sm #mini-cart .cart-head {
    min-width: auto;
    min-height: auto;
}

.cl-header-my-account-icon-mobile {
    margin-right: 12px;
}

@media (min-width: 992px) {
    #header .header-bottom .header-col.header-left.hidden-for-sm,
    #header .header-bottom .header-col.header-right.hidden-for-sm {
        position: relative;
        top: -58px;
        flex-wrap: nowrap;
    }

    #header.sticky-header .header-bottom .header-col.header-left.hidden-for-sm,
    #header.sticky-header .header-bottom .header-col.header-right.hidden-for-sm {
        top: 0;
    }
}




@media(max-width: 1401px) {
    #header .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item.sub {
        margin-right: 3.2%;
    }
}

@media (max-width: 1199px) {
    #header .mega-menu .wide .popup > .inner > ul.sub-menu > li.menu-item.sub {
        margin-right: 30px;
    }
}

@media (max-width: 991px) {
    body.home #header .header-top,
    body.home #header .header-top .header-row > div {
        display: flex !important;
    }
}

@media (max-width: 600px) {
    .header-wrapper {
        top: 0 !important;
    }
}




/* <<< Home Hero Video */
body.home .banner-container {
    padding-top: 47px;
}

.cl-volume {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    transition: 0.15s all;
}

.cl-volume.cl-volume-on {
    background-image: url(./assets/images/icon-volume-mute.svg);
}
.cl-volume.cl-volume-off {
    background-image: url(./assets/images/icon-volume-unmute.svg);
}

.cl-volume:hover {
    opacity: .75;
}

@media( max-width: 991px ) {
    .cl-volume {
        width: 26px;
        height: 26px;
    }
}
/* Home Hero Video >>> */


/* <<< Mega Menu */
#header .mega-menu > li.has-sub:before,
#header .mega-menu > li.has-sub:after {
    pointer-events: all;
    bottom: auto;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    margin: 0;
    border: 0;
}

#header .main-menu .wide .popup {
    opacity: 0;
    position: fixed;
    top: 191px; /* initial, js will optimize on scroll */
    left: 0 !important;
    width: 100%;
    pointer-events: none;
    margin-top: -1px;
    transition: top .15s linear, opacity 0.3s ease-in-out;
}

#header.sticky-header .main-menu .wide .popup {
    margin-top: 0;
}

#header .mega-menu>li.menu-item.cl-is-expanded .popup {
    opacity: 1;
    pointer-events: all;
}

.mega-menu.menu-hover-line>li.menu-item>a:before {
    height: 2px;
}

.mega-menu.menu-hover-line>li.menu-item.active>a:before,
.mega-menu.menu-hover-line>li.menu-item.cl-is-expanded>a:before,
.mega-menu > li.sub-ready.cl-is-expanded:before,
.mega-menu > li.sub-ready.cl-is-expanded:after {
    opacity: 1;
}

.mega-menu.menu-hover-underline>li.menu-item.cl-is-expanded>a:before {
    right: 0;
}

.mega-menu>li.menu-item.narrow:not(:hover) .popup ul.sub-menu li.menu-item:not(.menu-item-has-children):first-child a {
    padding-top: 13px;
}

.mega-menu>li.menu-item.wide:not(:hover) .popup ul.sub-menu li.menu-item:not(.menu-item-has-children):first-child a {
    padding-top: 12px;
}

.mega-menu>li.menu-item.narrow:not(:hover) .popup ul.sub-menu {
    padding-bottom: 12px !important;
}

/* .mega-menu.menu-hover-underline>li.menu-item.cl-is-expanded:not(:hover) .popup ul.sub-menu {
    padding-top: 5px;
} */

#header .main-menu .wide .popup > .inner {
    padding: 33px 25px 20px 25px;
}

.mega-menu .wide .popup > .inner > ul.sub-menu {
    width: 100% !important;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.mega-menu .wide li.sub {
    padding-top: 11px;
    padding-left: 0;
    padding-right: 0;
}
/* Mega Menu >>> */


#header,
#header .porto-icon,
#header .porto-sicon-header .porto-sicon-title,
#header .porto-sicon-header p,
#header .searchform-popup .search-toggle,
#header .porto-view-switcher > li.menu-item:before,
#header .porto-view-switcher > li.menu-item > a,
#header .mobile-toggle,
#header .main-menu > li.menu-item > a,
#header #mini-cart .minicart-icon {
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}



#header .porto-icon,
#header .porto-sicon-header .porto-sicon-title,
#header .porto-sicon-header p,
#header .searchform-popup .search-toggle,
#header .porto-view-switcher > li.menu-item:before,
#header .porto-view-switcher > li.menu-item > a,
#header .mobile-toggle,
#header .main-menu > li.menu-item > a {
    color: #1c1b1b !important;
}
#header #mini-cart .minicart-icon {
    border-color: #1c1b1b;
}


.mega-menu > li.menu-item > a,
#header .search-toggle .search-text,
.popup .sub-menu,
#header .main-menu .wide li.sub > a,
#side-nav-panel .accordion-menu > li.menu-item > a {
    text-transform: none;
}

/* <<< Header Over Banner */
body.home .header-wrapper,
body.home #header:not(.sticky-header) .header-main,
body.home #header:not(.sticky-header) .main-menu-wrap,

body.cl-tax-product_cat-has-banner .header-wrapper,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .header-main,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .main-menu-wrap {
    background-color: transparent;
}


#header .logo .standard-logo {
    display: none;
}
#header .logo .sticky-logo {
    display: inline-block;
} 

body.home #header:not(.sticky-header) .logo .standard-logo,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .logo .standard-logo {
    display: inline-block;
}
body.home #header:not(.sticky-header) .logo .sticky-logo,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .logo .sticky-logo {
    display: none;
}


body.home #header:not(.sticky-header) .porto-icon,
body.home #header:not(.sticky-header) .porto-sicon-header .porto-sicon-title,
body.home #header:not(.sticky-header) .porto-sicon-header p,
body.home #header:not(.sticky-header) .searchform-popup .search-toggle,
body.home #header:not(.sticky-header) .porto-view-switcher > li.menu-item:before,
body.home #header:not(.sticky-header) .porto-view-switcher > li.menu-item > a,
body.home #header:not(.sticky-header) .mobile-toggle,
body.home #header:not(.sticky-header) .main-menu > li.menu-item > a,
body.home #header:not(.sticky-header) .cl-icon,
body.home #header:not(.sticky-header):hover #mini-cart .cart-items,

body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .porto-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .porto-sicon-header .porto-sicon-title,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .porto-sicon-header p,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .searchform-popup .search-toggle,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .porto-view-switcher > li.menu-item:before,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .porto-view-switcher > li.menu-item > a,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .mobile-toggle,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .main-menu > li.menu-item > a,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) .cl-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover #mini-cart .cart-items {
    color: #fff !important;
}

body.home #header:not(.sticky-header) #mini-cart .minicart-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) #mini-cart .minicart-icon {
    border-color: #fff;
}

/* Hover */
body.home #header:not(.sticky-header):hover .header-main,
body.home #header:not(.sticky-header):hover .main-menu-wrap,

body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .header-main,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .main-menu-wrap{
    background-color: #f3f3f2;
}

body.home #header:not(.sticky-header):hover .logo .standard-logo,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .logo .standard-logo {
    display: none;
}
body.home #header:not(.sticky-header):hover .logo .sticky-logo,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .logo .sticky-logo {
    display: inline-block;
}

body.home #header:not(.sticky-header):hover .porto-icon,
body.home #header:not(.sticky-header):hover .porto-sicon-header .porto-sicon-title,
body.home #header:not(.sticky-header):hover .porto-sicon-header p,
body.home #header:not(.sticky-header):hover .searchform-popup .search-toggle,
body.home #header:not(.sticky-header):hover .porto-view-switcher > li.menu-item:before,
body.home #header:not(.sticky-header):hover .porto-view-switcher > li.menu-item > a,
body.home #header:not(.sticky-header):hover .mobile-toggle,
body.home #header:not(.sticky-header):hover .main-menu > li.menu-item > a,
body.home #header:not(.sticky-header):hover .cl-icon,
body.home #header:not(.sticky-header) #mini-cart .cart-items,

body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .porto-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .porto-sicon-header .porto-sicon-title,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .porto-sicon-header p,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .searchform-popup .search-toggle,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .porto-view-switcher > li.menu-item:before,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .porto-view-switcher > li.menu-item > a,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .mobile-toggle,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .main-menu > li.menu-item > a,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover .cl-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header) #mini-cart .cart-items {
    color: #1c1b1b !important;
}

body.home #header:not(.sticky-header):hover #mini-cart .minicart-icon,
body.cl-tax-product_cat-has-banner #header:not(.sticky-header):hover #mini-cart .minicart-icon {
    border-color: #1c1b1b;
}

/* Header Over Banner >>> */


#header #mini-cart .cart-items {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    top: 38%;
    right: 30%;
    font-size: 10px;
    line-height: 10px;
    width: auto;
    height: auto;
    transform: translate(50%, -50%);
    transition: all .3s;
}

#header.sticky-header .header-main.change-logo .logo img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

#header .porto-view-switcher .flag {
    display: none;
}

#header .porto-view-switcher > li.menu-item > a,
#header .top-links > li.menu-item > a {
    font-size: 13px;
}

.mega-menu .wide .popup > .inner > ul.sub-menu > .menu-block-item {
    margin-bottom: 0;
    padding: 15px 10px 0;
}

.mega-menu .wide .popup > .inner > ul.sub-menu > .menu-block-item > a {
    display: none;
}



.mega-menu .cl-mega-post-view {
    text-align: center;
    padding: 15px 0 0;
}

.mega-menu .cl-mega-post-view .cl-post-thumb {
    margin-bottom: 20px;
    position: relative;
    height: 0;
    padding-bottom: 62.1%;
    overflow: hidden;
    margin-bottom: 18px;
}

.mega-menu .cl-mega-post-view .cl-post-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.mega-menu .cl-mega-post-view .cl-post-title {
    color: #1c1b1b;
    font-size: 15px;
    margin-bottom: 4px;
}

.mega-menu .cl-mega-post-view .cl-post-subtitle {
    color: #6a6a6a;
    font-size: 13px;
}


@media (max-width: 991px) {
    #header .mobile-toggle:first-child {
        margin-top: 0;
        margin-bottom: 0;
    }

    #header .header-main .header-left,
    #header .header-main .header-center,
    #header .header-main .header-right,
    .fixed-header #header .header-main .header-left,
    .fixed-header #header .header-main .header-right,
    .fixed-header #header .header-main .header-center {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #header.sticky-header .header-main.sticky {
        background-color: #f3f3f2;
    }
}

@media (max-width: 767px) {
    #header .logo {
        max-width: 120px !important;
    }
}
/* Header >>> */


/* <<< Footer */
#footer .footer-bottom {
    border-top: 0;
}

#footer li.menu-item {
    padding-left: 0;
}

#footer li.menu-item,
#footer ul.menu {
    border: 0;
}

#footer li.menu-item::before {
    content: none;
}

.footer-main > .container > .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-main > .container > .row > div:first-child {
    max-width: 375px !important;
} 

#footer .widget.follow-us {
    margin-top: 0;
}

#footer .follow-us .share-links {
    margin-left: -10px;
    margin-right: -10px;
}

#footer .follow-us .share-links a,
.footer-top .follow-us .share-links a {
    color: #6a6a6a !important;
}

#footer .follow-us .share-links a:hover,
.footer-top .follow-us .share-links a:hover {
    background: none !important;
    color: #1c1b1b !important;
}

@media (min-width: 992px) {
    .footer-main > .container > .row > div.col-lg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .footer-main > .container > .row > div.col-lg-2 {
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .footer-main > .container > .row > div:nth-child(2),
    .footer-main > .container > .row > div:nth-child(3),
    .footer-main > .container > .row > div:nth-child(4) {
        padding-left: 2.4%;
    }
    .footer-main > .container > .row > div:nth-child(5) {
        padding-left: 1.6%;
    }
}

#footer .wpforms-widget .wpforms-title {
    color: #1c1b1b;
}

#footer .widget > div > ul,
#footer .wpforms-widget .wpforms-description {
    font-size: 14px;
}
/* Footer >>> */

/* <<< Forms */
/* Typography */
html div.wpforms-container-full .wpforms-form h1 { font-size: 24px; }
html div.wpforms-container-full .wpforms-form h2 { font-size: 22px; }
html div.wpforms-container-full .wpforms-form h3 { font-size: 20px; }
html div.wpforms-container-full .wpforms-form h4 { font-size: 19px; }
html div.wpforms-container-full .wpforms-form h5 { font-size: 16px; }
html div.wpforms-container-full .wpforms-form h6 { font-size: 15px; }

/* Inputs */
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full .wpforms-form select {
    font-size: 14px !important;
    padding: 12px 14px !important;
    border-radius: 0 !important;
    border: 1px solid #dadada !important;
    background-color: rgba(0,0,0,0) !important;
}

div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form select {
    height: auto !important;
}

html div.wpforms-container-full .wpforms-form textarea.wpforms-field-small {
    height: 100px;
}

html div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 200px;
}

div.wpforms-container-full .wpforms-form input[type=email]:focus,
div.wpforms-container-full .wpforms-form input[type=text]:focus,
div.wpforms-container-full .wpforms-form input[type=url]:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus {
    border-color: #5d5a5a !important;
}


div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
    display: none !important;
}

/* Labels */
div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    letter-spacing: 1px!important;
    font-size: 13px !important;
}

/* Sub-Labels */
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    letter-spacing: 1px!important;
    font-size: 12px !important;
}

/* Checkboxes */
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li {
    display: flex;
}

/* Confimation message */
.wpforms-confirmation-container-full,
#footer .wpforms-confirmation-container-full p {
    color: #1c1b1b !important;
}

.wpforms-confirmation-container-full {
    background: none !important;
    border-color: #1c1b1b !important;
}

#footer .wpforms-confirmation-container-full p {
    margin-bottom: 0;
}
/* Forms >>> */

/* <<< Buttons */
html .btn:focus,
html button:focus,
html .button:focus,
.button.yith-wcan-reset-navigation:focus,
.woocommerce button[name="update_cart"]:focus,
.woocommerce button[name="apply_coupon"]:focus,
#mini-cart .buttons .checkout:focus,
button[name="calc_shipping"]:focus {
    outline: 1px solid;
}

html .btn,
html button,
html .button,
.button.yith-wcan-reset-navigation,
div.wpforms-container-full .wpforms-form button[type=submit],
.single_add_to_cart_button,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
#mini-cart .buttons .checkout,
[type="submit"],
#place_order,
button[name="calc_shipping"] {
    position: relative;
    display: inline-block;
    padding: 14px 28px !important;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.2em;
    font-style: normal;
    background-color: transparent !important;
    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
}

html .btn::before,
html button::before,
html .button::before,
.button.yith-wcan-reset-navigation::before,
div.wpforms-container-full .wpforms-form button[type=submit]::before,
.single_add_to_cart_button::before,
.woocommerce button[name="update_cart"]::before,
.woocommerce button[name="apply_coupon"]::before,
#mini-cart .buttons .checkout::before,
[type="submit"]::before,
#place_order::before,
button[name="calc_shipping"]::before {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
    z-index: -1;
    background: none;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .btn:not([disabled])::before,
    html button:not([disabled])::before,
    html .button:not([disabled])::before,
    .button.yith-wcan-reset-navigation:not([disabled])::before,
    div.wpforms-container-full .wpforms-form button[type=submit]::before,
    .single_add_to_cart_button::before,
    [type="submit"]::before,
    .woocommerce button[name="update_cart"]::before,
    .woocommerce button[name="apply_coupon"]::before,
    #mini-cart .buttons .checkout::before,
    #place_order::before,
    button[name="calc_shipping"]::before {
        -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    html .btn:not([disabled]):hover::before,
    html button:not([disabled]):hover::before,
    html .button:not([disabled]):hover::before,
    .button.yith-wcan-reset-navigation:not([disabled]):hover::before,
    div.wpforms-container-full .wpforms-form button[type=submit]:hover::before,
    .single_add_to_cart_button:hover::before,
    [type="submit"]:hover::before,
    .woocommerce button[name="update_cart"]:hover::before,
    .woocommerce button[name="apply_coupon"]:hover::before,
    #mini-cart .buttons .checkout:hover::before,
    #place_order:hover::before,
    button[name="calc_shipping"]::before {
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    }
}

html .btn[disabled],
html button[disabled],
html .button[disabled],
.button.yith-wcan-reset-navigation[disabled],
.woocommerce button[name="update_cart"][disabled],
.woocommerce button[name="apply_coupon"][disabled],
#mini-cart .buttons .checkout[disabled],
#place_order[disabled],
button[name="calc_shipping"][disabled] {
    cursor: not-allowed;
}


/* BUTTON PRIMARY */
html .button,
html .btn-primary,
div.wpforms-container-full .wpforms-form button[type=submit],
.single_add_to_cart_button,
#mini-cart .buttons .checkout,
[type="submit"],
#place_order {
    color: #fffffc !important;
    border-color: #1c1b1b;
}

html .button::before,
html .btn-primary::before,
div.wpforms-container-full .wpforms-form button[type=submit]::before,
.single_add_to_cart_button::before,
#mini-cart .buttons .checkout::before,
[type="submit"]::before,
#place_order::before {
    background-color: #1c1b1b;
}

/* < theme fix */
html .button:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
.single_add_to_cart_button:active,
#mini-cart .buttons .checkout:active,
[type="submit"]:active,
#place_order:active {
    background: none;
    color: #fff;
    border-color: #1c1b1b;
    -webkit-box-shadow: none;
            box-shadow: none;
}

html .button:not(:disabled):not(.disabled):hover:active,
.btn-primary:not(:disabled):not(.disabled):hover:active,
div.wpforms-container-full .wpforms-form button[type=submit]:hover:active,
.single_add_to_cart_button:hover:active,
#mini-cart .buttons .checkout:active,
[type="submit"]:hover:active,
#place_order:hover:active {
    color: #1c1b1b;
}

html .button:focus,
html .btn-primary:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
.single_add_to_cart_button:focus,
#mini-cart .buttons .checkout:focus,
[type="submit"]:focus,
#place_order:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    border-color: #1c1b1b;
}

html .button:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:active:focus,
.single_add_to_cart_button:active:focus,
#mini-cart .buttons .checkout:active:focus,
[type="submit"]:active:focus,
#place_order:active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
/* theme fix > */

@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .button:not([disabled]):hover,
    html .btn-primary:not([disabled]):hover,
    div.wpforms-container-full .wpforms-form button[type=submit]:hover,
    .single_add_to_cart_button:hover,
    #mini-cart .buttons .checkout:hover,
    [type="submit"]:hover,
    #place_order:hover {
        color: #1c1b1b !important;
        background-color: transparent;
        border-color: #1c1b1b;
    }
}



/* BUTTON SECONDARY */
html .btn-secondary,
.button.yith-wcan-reset-navigation,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
button[name="calc_shipping"] {
    color: #6a6a6a !important;
    border: 1px solid rgba(106, 106, 106, 0.2) !important;
}

html .btn-secondary::before,
.button.yith-wcan-reset-navigation::before,
.woocommerce button[name="update_cart"]::before,
.woocommerce button[name="apply_coupon"]::before,
button[name="calc_shipping"]::before {
    background-color: #1c1b1b;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
        transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
        transform: scale(0, 1);
}

/* < theme fix */
html .btn-secondary:not():disabled:not(.disabled):hover,
.button.yith-wcan-reset-navigation:not():disabled:not(.disabled):hover,
.woocommerce button[name="update_cart"]:not():disabled:not(.disabled):hover,
.woocommerce button[name="apply_coupon"]:not():disabled:not(.disabled):hover,
button[name="calc_shipping"]:not():disabled:not(.disabled):hover {
    background-color: transparent !important;
    border-color: #1c1b1b !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.button.yith-wcan-reset-navigation:not(:disabled):not(.disabled):active,
.woocommerce button[name="update_cart"]:not(:disabled):not(.disabled):active,
.woocommerce button[name="apply_coupon"]:not(:disabled):not(.disabled):active,
button[name="calc_shipping"]:not(:disabled):not(.disabled):active {
    background: none;
    color: #6a6a6a;
    border-color: rgba(106, 106, 106, 0.2);
}

.btn-secondary:not(:disabled):not(.disabled):hover:active,
.button.yith-wcan-reset-navigation:not(:disabled):not(.disabled):hover:active,
.woocommerce button[name="update_cart"]:not(:disabled):not(.disabled):hover:active,
.woocommerce button[name="apply_coupon"]:not(:disabled):not(.disabled):hover:active,
button[name="calc_shipping"]:not(:disabled):not(.disabled):hover:active {
    color: #fffffc;
    border-color: #1c1b1b;
}

html .btn-secondary:focus,
.button.yith-wcan-reset-navigation:focus,
.woocommerce button[name="update_cart"]:focus,
.woocommerce button[name="apply_coupon"]:focus,
button[name="calc_shipping"]:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    color: #6a6a6a;
    border-color: rgba(106, 106, 106, 0.2);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.button.yith-wcan-reset-navigation:not(:disabled):not(.disabled):active:focus,
.woocommerce button[name="update_cart"]:not(:disabled):not(.disabled):active:focus,
.woocommerce button[name="apply_coupon"]:not(:disabled):not(.disabled):active:focus,
button[name="calc_shipping"]:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
/* theme fix > */

@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .btn-secondary:not([disabled]):hover,
    .button.yith-wcan-reset-navigation:not([disabled]):hover,
    .woocommerce button[name="update_cart"]:not([disabled]):hover,
    .woocommerce button[name="apply_coupon"]:not([disabled]):hover,
    button[name="calc_shipping"]:not([disabled]):hover {
        color: #fffffc !important;
        border-color: #1c1b1b;
    }
    html .btn-secondary:not([disabled]):hover::before,
    .button.yith-wcan-reset-navigation:not([disabled]):hover::before,
    .woocommerce button[name="update_cart"]:not([disabled]):hover::before,
    .woocommerce button[name="apply_coupon"]:not([disabled]):hover::before,
    button[name="calc_shipping"]:not([disabled]):hover::before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    }
}


/* BUTTON PRIMARY - WHITE */
html .btn-primary-white,
.popmake div.wpforms-container-full .wpforms-form button[type=submit] {
    color: #1c1b1b !important;
    border-color: #fffffc;
}

html .btn-primary-white::before,
.popmake div.wpforms-container-full .wpforms-form button[type=submit]:before {
    background-color: #fffffc;
}

/* < theme fix */
.btn-primary-white:not(:disabled):not(.disabled):active {
    background: none;
    color: #1c1b1b;
    border-color: #fffffc;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-primary-white:not(:disabled):not(.disabled):hover:active {
    color: #fffffc;
}

html .btn-primary-white:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    border-color: #fffffc;
}

.btn-primary-white:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
/* theme fix > */

@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .btn-primary-white:not([disabled]):hover,
    .popmake div.wpforms-container-full .wpforms-form button[type=submit]:hover {
        color: #fffffc !important;
        background-color: transparent;
        border-color: #fffffc;
    }
}








/* BUTTON PRIMARY - TRANS */
html .btn-primary.btn-primary-trans {
    color: #1c1b1b !important;
    border-color: #1c1b1b;
}

html .btn-primary.btn-primary-trans::before {
    background-color: #1c1b1b;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

/* < theme fix */
.btn-primary.btn-primary-trans:not(:disabled):not(.disabled):active {
    background: none;
    color: #1c1b1b;
    border-color: #1c1b1b;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-primary.btn-primary-trans:not(:disabled):not(.disabled):hover:active {
    color: #fff;
}

html .btn-primary.btn-primary-trans:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    border-color: #1c1b1b;
}

.btn-primary.btn-primary-trans:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
/* theme fix > */

@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .btn-primary.btn-primary-trans:not([disabled]):hover {
        color: #fff !important;
        background-color: transparent;
        border-color: #1c1b1b;
    }

    html .btn-primary.btn-primary-trans:not([disabled]):hover::before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    }
}








/* BUTTON PRIMARY - TRANS - WHITE */
html .btn-primary-white.btn-primary-white-trans {
    color: #fffffc !important;
    border-color: #fffffc;
}

html .btn-primary-white.btn-primary-white-trans::before {
    background-color: #fffffc;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

/* < theme fix */
.btn-primary-white.btn-primary-white-trans:not(:disabled):not(.disabled):active {
    background: none;
    color: #fffffc;
    border-color: #fffffc;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.btn-primary-white.btn-primary-white-trans:not(:disabled):not(.disabled):hover:active {
    color: #1c1b1b;
}

html .btn-primary-white.btn-primary-white-trans:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    border-color: #fffffc;
}

.btn-primary-white.btn-primary-white-trans:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
/* theme fix > */

@media (-moz-touch-enabled: 0),
(hover: hover) {
    html .btn-primary-white.btn-primary-white-trans:not([disabled]):hover {
        color: #1c1b1b !important;
        background-color: transparent;
        border-color: #fffffc;
    }

    html .btn-primary-white.btn-primary-white-trans:not([disabled]):hover::before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    }
}








/* Fix Quantity Input Buttons */
div.quantity button:not([disabled]):hover::before {
    transform: none;
}


/* < WPForms Submit Button Fix */
div.wpforms-container-full .wpforms-form button[type=submit] {
    color: #fffffc !important;
    padding: 14px 28px !important;
    border: 1px solid #1c1b1b !important;
    font-size: 12px !important;
    background-color: transparent !important;

}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: #1c1b1b !important;
    background-color: transparent !important;
}

.popmake div.wpforms-container-full .wpforms-form button[type=submit] {
    color: #1c1b1b !important;
    border: 1px solid #fffffc !important;
}

.popmake div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: #fffffc !important;
}
/* WPForms Submit Button Fix > */

.cl-btn-block {
    display: block !important;
    width: 100% !important;
}

/* Buttons >>> */


/* <<< Home */
.cl-section-home-categories {
    background: linear-gradient(90deg, rgba(173,151,154,1) 33.33%, rgba(119,102,92,1) 33.33%, rgba(119,102,92,1) 66.66%, rgba(146,118,96,1) 66.66%);
}

.elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large .elementor-column-wrap {
    position: relative;
    height: 0;
    padding-top: 110.35%;
    overflow: hidden;
}

.elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large .elementor-column-wrap .elementor-widget-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 50px;
}

@media ( max-width: 1199px ) {
    .cl-section-home-categories {
        background: none;
    }

    .elementor-section.cl-section-home-categories .elementor-row {
        flex-wrap: wrap;
    }

    .elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large:nth-child(1),
    .elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large:nth-child(2) {
        width: 50%;
    }

    .elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large:nth-child(3) {
        width: 100%;
    }

    .elementor-section.cl-section-home-categories .elementor-column.cl-col-cat-large:nth-child(3) .elementor-column-wrap {
        padding-top: 45.87%;
    }
}
/* Home >>> */


/* <<< SHORTCODE - cl_recent_posts_grid */
.cl-posts-grid-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.cl-posts-grid-list-item > article {
    color: #1c1b1b;
}

.cl-posts-grid .cl-post-thumb {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 59%;
    background-color: #f3f3f2;
}

.cl-posts-grid .cl-post-thumb > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.cl-posts-grid-list-item > article:hover .cl-img-zoom-wrap > img,
.cl-posts-grid.cl-post-banner > article:hover .cl-img-zoom-wrap > img,
.mega-menu .cl-mega-post-view:hover .cl-img-zoom-wrap > img {
    -webkit-transform: translate(-50%, -50%) scale(1.2) !important;
        -ms-transform: translate(-50%, -50%) scale(1.2) !important;
            transform: translate(-50%, -50%) scale(1.2) !important;
}

.cl-posts-grid .cl-post-info {
    padding: 25px 18px 0;
}

.cl-posts-grid .cl-post-cats {
    display: block;
    font-size: 15px;
    line-height: 15px;
    color: #6a6a6a;
    margin-bottom: 20px;
}

.cl-posts-grid .cl-post-title {
    color: inherit;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 19px;
}

.cl-posts-grid .cl-post-title a {
    color: #1c1b1b;
}

.cl-posts-grid .cl-post-excerpt {
    color: inherit;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .cl-posts-grid-list-item {
        -ms-flex-preferred-size: calc(50% - 15px) !important;
        flex-basis: calc(50% - 15px) !important;
        margin-right: 30px !important;
    }

    .cl-posts-grid-list-item:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .cl-posts-grid-list-item:last-of-type {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 575px) {
    .cl-posts-grid-list-item {
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
        margin-right: 0 !important;
    }

    .cl-posts-grid-list-item:last-child {
        margin-bottom: 0 !important;
    }
}
/* SHORTCODE - cl_recent_posts_grid >>> */


/* <<< SHORTCODE - cl_post_banner */


.cl-post-banner {
    margin-bottom: 40px;
}

.cl-post-banner .btn-primary-white {
    display: none;
}

@media( min-width: 576px ) {
    .cl-post-banner {
        position: relative;
    }

    .cl-posts-grid.cl-post-banner .cl-post-thumb {
        padding-bottom: 39%;
    }

    .cl-post-banner .cl-post-thumb:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4,4,4,0.45)), to(rgba(54,54,54,0.15)));
        background-image: -o-linear-gradient(bottom, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
        background-image: linear-gradient(to top, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
    }

    .cl-posts-grid.cl-post-banner > article > a {
        pointer-events: none;
    }

    .cl-post-banner .cl-post-info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 25px;
    }

    .cl-post-banner .cl-post-cats,
    .cl-post-banner .cl-post-title a {
        color: #fff;
    }

    .cl-post-banner .cl-post-title a:hover {
        text-decoration: none;
    }

    .cl-post-banner .cl-post-cats {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .cl-post-banner .cl-post-title {
        font-size: 20px;
        line-height: 25px;
        margin: 8px 0 12px 0;
    }

    .cl-post-banner .btn-primary-white {
        display: inline-block;
    }

    .cl-post-banner .cl-post-excerpt,
    .cl-post-banner .cl-post-readmore {
        display: none;
    }
}

@media( min-width: 768px ) {
    .cl-post-banner .cl-post-info {
        padding: 50px;
    }

    .cl-post-banner .cl-post-cats {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 16px;
    }

    .cl-post-banner .cl-post-title {
        font-size: 24px;
        line-height: 40px;
        margin: 16px 0 20px 0;
    }
}





/* SHORTCODE - cl_post_banner >>> */


/* <<< OWL Carousel */
.owl-carousel {
    margin-bottom: 0;
}

.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before {
    content: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    padding: 0 !important;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: #fffffc ;
    color: #1c1b1b;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0 2px 10px rgba(54,54,54,0.15);
    box-shadow: 0 2px 10px rgba(54,54,54,0.15);
    vertical-align: middle;
    line-height: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    overflow: hidden;
}

.owl-carousel .owl-nav svg,
.pswp__button svg {
    width: auto;
    height: 18px;
    stroke-width: 1.5px;
    stroke: currentColor;
    fill: currentColor;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:active,
.owl-carousel .owl-nav .owl-next:active,
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
    background: #fffffc;;
    color: #1c1b1b;
    border: none;
}

.owl-carousel .owl-nav .owl-prev:hover svg,
.pswp__button--arrow--left:hover svg {
    -webkit-animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
    animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
}

.owl-carousel .owl-nav .owl-next:hover svg,
.pswp__button--arrow--right:hover svg {
    -webkit-animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
    animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
}

.owl-carousel .owl-dots {
    margin-top: 16px !important;
    color: #1c1b1b;
    line-height: 0;
}

.owl-carousel .owl-dots .owl-dot {
    padding: 0 !important;
}

.owl-carousel .owl-dots .owl-dot span,
.owl-carousel .owl-dots .owl-dot:hover span {
    width: 10px;
    height: 10px;
    margin-left: 7px;
    margin-right: 7px;
    border: 2px solid #dadada;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: currentColor;
    border-color: currentColor;
}

@media( min-width: 768px ) {
    .owl-carousel .owl-dots .owl-dot:hover span {
        background: currentColor;
        border-color: currentColor;
    }
}

@-webkit-keyframes buttonFromRightToLeft {
    0% {
        -webkit-transform: translateX(0%);
       transform: translateX(0%);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    75% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes buttonFromRightToLeft {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform:translateX(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    75% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes buttonFromLeftToRight {
    0% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
    25% {
        opacity:0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
    }
    50% {
        opacity:0;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
    }
    75% {
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
}
@keyframes buttonFromLeftToRight {
    0% {
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
    25% {
        opacity:0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
    }
    50% {
        opacity:0;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
    }
    75% {
        opacity:1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
}

@-webkit-keyframes buttonFromTopToBottom {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes buttonFromTopToBottom {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    25% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    75% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}
/* OWL Carousel >>> */


/* <<< SHORTCODE - Create Your Look */
.cl-cyl-slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cl-cyl-slide-image-wrap {
    position: relative;
}

.cl-cyl-slide-image {
    position: relative;
    width: 453px;
    height: 0;
    padding-bottom: 121.538461538%;
    overflow: hidden;
}

.cl-cyl-slide-image > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}



.cl-spot-over-image {
    position:absolute;
    display:block;
    width:16px;
    height:16px;
    margin:-8px 0 0 -8px;
    background:#ffffff;
    border-radius:100%;
    -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.25);
    box-shadow:0 1px 10px rgba(0,0,0,0.25);
    cursor:pointer;
    z-index:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
        transform:scale(1);
    -webkit-transition:-webkit-transform 0.25s ease-in-out;
    transition:-webkit-transform 0.25s ease-in-out;
    -o-transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out;
    transition:transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.cl-spot-over-image:after {
    position:absolute;
    content:'';
    width:40px;
    height:40px;
    left:-12px;
    top:-12px;
    border-radius:100%;
    background:rgba(255,255,255,0.4);
    -webkit-animation:1.4s clSpotOverImageKeyframe ease-in-out infinite;
    animation:1.4s clSpotOverImageKeyframe ease-in-out infinite;
}

.cl-spot-over-image--dark {
    background:#000000;
}

.cl-spot-over-image--dark::after {
    background:rgba(0,0,0,0.4);
}


.cl-spot-over-image.is-active,
.cl-spot-over-image:hover {
    -webkit-transform:scale(1.5);
    -ms-transform:scale(1.5);
        transform:scale(1.5)
}



.cl-cyl-slider .cl-products-carousel-wrap {
    margin-left: 80px;
}


.cl-products-carousel {
    width: 250px;
}

.cl-products-carousel-item {
    text-align: center;
}

.cl-products-carousel.owl-carousel .animated { 
    -webkit-animation-duration: 250ms; 
            animation-duration: 250ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.cl-products-carousel-product-images > a {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 139.958013%;
}

.cl-products-carousel-product-images img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.cl-products-carousel-product-images .cl-product-image-hover,
.cl-products-carousel-product-images > a:hover .cl-product-image-featured {
    opacity: 0;
}

.cl-products-carousel-product-images > a:hover .cl-product-image-hover {
    opacity: 1;
}

.cl-products-carousel-product-title {
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 22px;
}

.cl-products-carousel-product-price {
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #6a6a6a;
    margin-bottom: 20px;
}

.cl-products-carousel-product-link {
    display: block !important;
    margin-top: auto;
}




.cl-cyl-slider .cl-products-carousel-mobile-header {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 25px;
    border-bottom: 1px solid rgba(218,218,218,0.4);
}

.cl-cyl-slider .cl-products-carousel-mobile-header--close,
.cl-cyl-slider .cl-products-carousel-mobile-header--title {
    color: #1c1b1b;
}

.cl-cyl-slider .cl-products-carousel-mobile-header--close {
    position: absolute;
    padding: 5px !important;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 0;
}

.cl-cyl-slider .cl-products-carousel-mobile-header--close:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.cl-cyl-slider .cl-products-carousel-mobile-header--close svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
    background: none;
    stroke-width: 1px;
    overflow: hidden;
}

.cl-cyl-slider .cl-products-carousel-mobile-header--title {
    font-size: 18px;
    line-height: 50px;
}


@-webkit-keyframes clSpotOverImageKeyframe{
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes clSpotOverImageKeyframe{
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    50% {
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@media ( min-width: 992px ) {
    .cl-products-carousel .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .cl-products-carousel .owl-stage:after {
        content: none;
    }
    
    .cl-products-carousel .owl-item {
        float: none;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
    }
    
    .cl-products-carousel .owl-item .cl-products-carousel-item {
        height: 100%;
    }
    
    .cl-products-carousel-item-inner {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media ( max-width: 991px ) {
    .cl-cyl-slide-inner {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .cl-cyl-slide-image {
        width: 100%;
    }

    .cl-cyl-slider .cl-products-carousel-wrap {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: #fcfcfc;
        padding: 75px 25px 25px 25px;
        border: 1px solid rgba(218,218,218,0.4);
        -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .cl-cyl-slider .cl-products-carousel-wrap.is-active {
        top: 0;
    }

    .cl-cyl-slider .cl-products-carousel {
        position: initial;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .cl-cyl-slider .cl-products-carousel-product-images {
        width: 500px;
        margin: 0 auto;
    }

    .cl-cyl-slider .cl-products-carousel-product-title {
        line-height: 16px;
    }

    .cl-cyl-slider .cl-products-carousel-product-price {
        margin-bottom: 0;
    }

    .cl-cyl-slider .cl-products-carousel-product-link {
        display: none !important;
    }

    .cl-cyl-slider .cl-products-carousel.owl-carousel .owl-dots {
        margin-top: 0 !important;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 12px;
    }

    .cl-cyl-slider .cl-products-carousel-mobile-header {
        display: block;
    }

}

@media ( max-width: 767px ) {
    .cl-cyl-slider .cl-products-carousel {
        max-width: 350px;
    }

    .cl-cyl-slider .cl-products-carousel-product-images {
        width: 250px;
    }
}

@media ( max-width: 480px ) {
    .cl-cyl-slider .cl-products-carousel {
        max-width: 250px;
    }

    .cl-cyl-slider .cl-products-carousel-product-images {
        width: 125px;
    }
}

@media ( max-width: 380px ) {
    .cl-cyl-slider .cl-products-carousel-mobile-header--title {
        font-size: 16px;
        line-height: 35px;
    }

    .cl-cyl-slider .cl-products-carousel-wrap {
        padding-top: 50px;
    }

    .cl-cyl-slider .cl-products-carousel-mobile-header--close {
        left: 10px;
    }

    .cl-cyl-slider .cl-products-carousel-product-title {
        margin-top: 12px;
    }
}

@media ( max-width: 350px ) {
    .cl-cyl-slider .cl-products-carousel-product-images {
        width: 120px;
    }
}

/* SHORTCODE - Create Your Look >>> */


/* <<< Single Product */
body.single-product .product-summary-wrap .summary {
    margin-bottom: 0;
}

@media ( min-width: 768px ) {
    body.single-product .product-summary-wrap .summary [data-plugin-sticky]:not(.sticky-active) .product_title {
        margin-top: -6px;
    }

    body.single-product .product-summary-wrap .summary-before {
        margin-bottom: 0;
    }
    body.single-product .product-summary-wrap .summary-before,
    .cl-single-product-summary-inner,
    body.single-product .product-summary-wrap .product-thumbnails-inner {
        padding-bottom: 32px;
    }
}

@media ( min-width: 1200px ) {
    body.single-product .product-summary-wrap > .row {
        margin-left: -25px;
        margin-right: -25px;
    }
    
    body.single-product .product-summary-wrap .summary-before,
    body.single-product .product-summary-wrap .summary {
        padding-left: 25px;
        padding-right: 25px;
    }

    body.single-product .product-summary-wrap .summary-before {
        width: 700px;
        max-width: 700px;
        flex-basis: 700px;
    }

    body.single-product .product-summary-wrap .summary {
        width: 450px;
        max-width: 450px;
        flex-basis: 450px;
    }
}


body.single-product .product-summary-wrap .summary .woocommerce-error,
body.single-product .product-summary-wrap .summary .woocommerce-message,
body.single-product .product-summary-wrap .summary .woocommerce-info {
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}


body.single-product .woocommerce-error .wc-forward,
body.single-product .woocommerce-message .wc-forward,
body.single-product .woocommerce-info .wc-forward {
    display: none;
}

.single-product .product_meta,
.woocommerce-variation-availability {
    font-size: .8571em;
    text-transform: uppercase;
}

.single-product .product_meta .stock,
.woocommerce-variation-availability .stock {
    display: inline-block;
    font-weight: 700 !important;
}

body.single-product .product-layout-sticky_info .product-share {
    float: none;
    text-align: center;
    margin: 39px 0 0 0;
    display: block;
}

body.single-product .product-summary-wrap .share-links a {
    margin: 0;
    
}

body.single-product .product-summary-wrap .share-links a:not(:hover) {
    border: 0;
}

body.single-product .product-share .cl-share-label {
    margin-bottom: 5px;
}

body.single-product #content > .product::after {
    content: "";
    display: table;
    clear: both;
}

body.single-product #main .share-links a {
    background-color: transparent !important;
    color: #6a6a6a !important;
}

body.single-product #main .share-links a:hover {
    background: none !important;
    color: #1c1b1b !important;
}


body.single-product .product-share.cl-product-share-labeled > * {
    display: block;
}


body.single-product .product_title {
    font-size: 22px;
    line-height: 28px;
    transition: all .3s;
}

body.single-product .product-summary-wrap .price {
    color: #6a6a6a;
    font-size: 19px;
    line-height: 30px;
    margin-top: 20px;
}

.product-summary-wrap .single_add_to_cart_button:before {
    content: "" !important;
    display: block;
}


body:not(.cl-loaded) .summary .elementor-accordion .elementor-tab-content {
    display: none !important;
}

body:not(.cl-loaded) .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened {
    display: none;
}

body:not(.cl-loaded) .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed {
    display: block;
}


body.single-product .summary .elementor-accordion .elementor-accordion-item:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) {
    display: none;
}


body.single-product .summary .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    padding: 39px 0;
}

body.single-product .summary .elementor-accordion .elementor-accordion-item {
    border-bottom: 1px solid #e7e7e7 !important;
}

/* body.single-product .summary .elementor-accordion {
    border-bottom: 1px solid #e7e7e7;
} */

body.single-product .summary .elementor-accordion .elementor-tab-content,
.quickview-wrap .summary .elementor-accordion .elementor-tab-content {
    padding: 0 0 1.25rem 0;
    font-size: 13px;
    line-height: 21.5px;
}

body.single-product .summary .elementor-accordion .elementor-tab-content p:last-of-type,
.quickview-wrap .summary .elementor-accordion .elementor-tab-content p:last-of-type {
    margin-bottom: 0;
}


.elementor-accordion .elementor-tab-title .elementor-accordion-icon > [class^="elementor-accordion-icon"] {
    display: none !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    position: relative;
    width: 11px !important;
    height: 11px;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon::before,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: currentColor;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon::before {
    width: 11px;
    height: 1px;
    opacity: 1
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon::after {
    width: 1px;
    height: 11px
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon::before,
.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon::before {
    opacity: 0
}

body.single-product .summary .description table th,
body.single-product .summary .description table td,
body.single-product .summary .description p {
    font-size: 14px;
    line-height: 1.6em;
}

body.single-product .summary .description table th,
body.single-product .summary .description table td {
    padding: 0 10px;
    width: auto !important;
    vertical-align: top;
}

body.single-product .summary .description table th:first-child,
body.single-product .summary .description table td:first-child {
    white-space: nowrap;
}

body.single-product .summary .description table {
    margin-left: -10px;
    margin-right: -10px;
}

.single_variation_wrap,
.single-product .cart:not(.variations_form) {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
}

.product-summary-wrap .single_add_to_cart_button {
    flex-grow: 1;
    margin-right: 0;
}



/* Earing Type variation */
body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] > li {
    position: relative;
    transition: all .5s;
}

body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] .cl-attr-earing-type-popup {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    bottom: calc( 100% + 10px );
    left: 50%;
    width: 162px;
    height: 162px;
    padding: 5px;
    margin-left: -84px;
    background-color: #fff;
    border: 1px solid #eee;
    transition: all .3s;
}

body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] .cl-attr-earing-type-popup::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #eee;
    margin-left: -10px;
}

body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] > li:hover .cl-attr-earing-type-popup {
    visibility: visible;
    opacity: 1;
}



.product-layout-sticky_info .summary-before {
    display: flex;
}

.product-layout-sticky_info .summary-before .product-images {
    width: calc(100% - 120px);
    order: 2;
}

.product-layout-sticky_info .summary-before .product-images .product-images-block.owl-carousel {
    display: block;
}

.product-layout-sticky_info .summary-before .product-thumbnails {
    width: 120px;
}

.product-layout-sticky_info .product-thumbnails .img-thumbnail {
    width: 70px;
    cursor: pointer;
    margin-bottom: 18px;
}

.product-layout-sticky_info .product-thumbnails .img-thumbnail:last-child,
.product-layout-sticky_info .product-thumbnails.is-affixed .img-thumbnail:nth-last-child(2) {
    margin-bottom: 0;
}

.product-layout-sticky_info .product-thumbnails .img-thumbnail img {
    width: 100%;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

.product-layout-sticky_info .product-thumbnails .img-thumbnail.selected img {
    border-color: #1c1b1b;
}



.product-images .img-thumbnail.cl-yt-video:hover {
    cursor: pointer;
}

.product-images .img-thumbnail:not(:last-child) {
    margin-bottom: 30px;
}

.product-layout-sticky_info .filter-item-list .filter-item {
    background-color: transparent;
    transition: all .3s;
}

.product-layout-sticky_info .filter-item-list .filter-item:not(.disabled):hover {
    background-color: transparent;
    color: #222529;
}

.variations .reset_variations {
    display: none !important;
}

.single-product .product-summary-wrap .quantity .minus,
.single-product .product-summary-wrap .quantity .plus,
.single-product .product-summary-wrap .quantity .qty {
    background: transparent;
}

.single-product .product-summary-wrap .quantity .minus,
.single-product .product-summary-wrap .quantity .plus {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.single-product .product-summary-wrap .quantity .minus {
    border-right: none;
}

.single-product .product-summary-wrap .quantity .plus {
    border-left: none;
}

.single-product .product-summary-wrap .quantity .qty {
    font-weight: 600;
}

.single-product .variations .label label {
    text-transform: none;
    font-size: 14px;
}

.single-product .variations tr:last-child td.label,
.single-product .variations tr:last-child td.value {
    padding-bottom: 0;
}

.single-product .product-images .img-thumbnail:not(.cl-yt-video),
.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-image-set(
                url("./assets/images/cursor-zoom-in.svg") 1x,
                url("./assets/images/cursor-zoom-in-2x.svg") 2x
            ), -webkit-zoom-in;
    cursor: -webkit-image-set(
                url("./assets/images/cursor-zoom-in.svg") 1x,
                url("./assets/images/cursor-zoom-in-2x.svg") 2x
            ), zoom-in;
    cursor: url("./assets/images/cursor-zoom-in.svg") 18 18, -webkit-zoom-in;
    cursor: url("./assets/images/cursor-zoom-in.svg") 18 18, zoom-in;
}

.single-product .product-images .cl-image-zoom-icon {
    display: none;
}


@media ( max-width: 767px ) {
    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] {
        display: flex;
        align-items: flex-start;
    }

    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] > li.active {
        height: 220px;
    }

    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] .cl-attr-earing-type-popup {
        bottom: auto;
        top: 44px;
    }

    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] .cl-attr-earing-type-popup::before {
        top: auto;
        bottom: 100%;
        border-top-color: transparent;
        border-bottom-color: #eee;
    }

    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] > li:hover .cl-attr-earing-type-popup {
        visibility: hidden;
        opacity: 0;
    }

    body.single-product .variations ul.filter-item-list[name="attribute_pa_earring-type"] > li.active .cl-attr-earing-type-popup {
        visibility: visible;
        opacity: 1;
    }



    body.single-product .no-breadcrumbs .main-content {
        padding-top: 0;
    }

    .product-layout-sticky_info .summary-before,
    .product-layout-sticky_info .summary-before .product-images .product-images-block.owl-carousel.owl-loaded {
        display: block;
    }

    .product-layout-sticky_info .summary-before .product-images .product-images-block.owl-carousel,
    .product-layout-sticky_info .summary-before .product-thumbnails {
        display: none;
    }

    .product-layout-sticky_info .summary-before .product-images {
        width: 100%;
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .product-images .img-thumbnail:not(:last-child) {
        margin-bottom: 0;
    }

    .single-product .product-images .img-thumbnail:not(.cl-yt-video) {
        cursor: default;
    }

    .single-product .product-images .cl-image-zoom-icon {
        display: block;
    }
}

/* Quick View Popup */
.quickview-wrap .elementor-accordion .elementor-accordion-icon {
    display: none;
}

.quickview-wrap .elementor-accordion .elementor-tab-title {
    margin: 15px 0 10px;
    font-size: 16px;
}

.quickview-wrap .elementor-accordion .elementor-accordion-item:not(:first-of-type) {
    border-top: 1px solid #e7e7e7 !important
}


/* <<< Product Navigation */
.cl-product-nav {
    position: fixed;
    bottom: 20px;
    z-index: 1000;
    background: #fcfcfc;
    width: 307px;
}

.cl-product-nav.cl-product-prev {
    left: 20px;
}

.cl-product-nav.cl-product-next {
    right: 20px;
}

.cl-product-nav a {
    text-decoration: none;
    display: flex;
    padding: 20px;
    border: 1px solid transparent;
    transition: all .3s;
}

.cl-product-nav a:hover {
    border: 1px solid #dcdcdc;
}

.cl-product-nav .cl-product-nav-thumb {
    width: 70px;
}

.cl-product-nav .cl-product-nav-thumb img {
    width: 100%;
    height: auto;
}

.cl-product-nav.cl-product-prev .cl-product-nav-thumb {
    margin-right: 10px;
}

.cl-product-nav.cl-product-next .cl-product-nav-thumb {
    margin-left: 10px;
}

.cl-product-nav .cl-product-nav-details {
    width: calc(100% - 70px - 10px);
}

.cl-product-nav.cl-product-next .cl-product-nav-details {
    text-align: right;
}

.cl-product-nav .cl-product-nav-label {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #6a6a6a;
    line-height: 20px;
    margin-bottom: 5px;
}

.cl-product-nav .cl-product-nav-label img {
    width: 9px;
}

.cl-product-nav-label-text {
    white-space: nowrap;
}

.cl-product-nav.cl-product-next .cl-product-nav-label {
    justify-content: flex-end;
}

.cl-product-nav.cl-product-prev .cl-product-nav-label img {
    margin-right: 5px;
}

.cl-product-nav.cl-product-next .cl-product-nav-label img {
    margin-left: 5px;
}

.cl-product-nav .cl-product-nav-title {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 17px;
}

.cl-product-nav .cl-product-nav-price {
    color: #6a6a6a;
}

.cl-product-nav.cl-absolute {
    position: absolute;
}

.cl-product-nav.cl-absolute.cl-product-prev {
    left: auto;
    right: calc(100% + (((100vw - var(--cl-scrollbar-width)) - 100%) / 2) - 307px - 20px);
}

.cl-product-nav.cl-absolute.cl-product-next {
    right: auto;
    left: calc(100% + (((100vw - var(--cl-scrollbar-width)) - 100%) / 2) - 307px - 20px);
}

@media ( max-width: 1799px ) and ( min-width: 1432px ) {
    .cl-product-nav .cl-product-nav-label-text,
    .cl-product-nav .cl-product-nav-title,
    .cl-product-nav .cl-product-nav-price {
        display: none;
    }

    .cl-product-nav {
        width: 117px;
    }

    .cl-product-nav.cl-absolute.cl-product-prev {
        right: calc(100% + (((100vw - var(--cl-scrollbar-width)) - 100%) / 2) - 117px - 20px);
    }

    .cl-product-nav.cl-absolute.cl-product-next {
        left: calc(100% + (((100vw - var(--cl-scrollbar-width)) - 100%) / 2) - 117px - 20px);
    }

    .cl-product-nav.cl-product-prev .cl-product-nav-thumb,
    .cl-product-nav.cl-product-prev .cl-product-nav-label img {
        margin-right: 0;
    }
    .cl-product-nav.cl-product-next .cl-product-nav-thumb,
    .cl-product-nav.cl-product-next .cl-product-nav-label img {
        margin-left: 0;
    }

    .cl-product-nav a {
        position: relative;
        padding: 5px;
    }

    .cl-product-nav.cl-product-prev a {
        padding-left: 40px;
    }

    .cl-product-nav.cl-product-next a {
        padding-right: 40px;
    }

    .cl-product-nav .cl-product-nav-label img {
        position: absolute;
        width: 23px;
        top: 50%;
    }

    .cl-product-nav.cl-product-prev .cl-product-nav-label img {
        left: 20px;
        transform: translate(-50%, -50%);
    }

    .cl-product-nav.cl-product-next .cl-product-nav-label img {
        right: 20px;
        transform: translate(50%, -50%);
    }
}

@media ( max-width: 1431px ) {
    body.single-product .site-main:after {
        content: "";
        display: table;
        clear: both;
    }

    .cl-product-nav {
        position: static;
        margin-top: 8px;
    }

    .cl-product-nav.cl-product-prev {
        float: left;
        margin-left: -20px;
    }

    .cl-product-nav.cl-product-next {
        float: right;
        margin-right: -20px;
    }    
}

@media ( max-width: 767px ) {
    .cl-product-nav {
        width: 50%;
        margin-top: 30px;
    }

    .cl-product-nav.cl-product-prev {
        margin-left: -15px;
    }

    .cl-product-nav.cl-product-next {
        margin-right: -15px;
    }

    .cl-product-nav a {
        padding: 15px
    }
}

@media ( max-width: 480px ) {
    .cl-product-nav {
        width: auto;
    }

    .cl-product-nav.cl-product-prev {
        margin-left: -10px;
    }

    .cl-product-nav.cl-product-next {
        margin-right: -10px;
    }

    .cl-product-nav a {
        padding: 10px
    }

    .cl-product-nav.cl-product-prev a {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .cl-product-nav.cl-product-next a {
        flex-direction: column;
        align-items: flex-end;
    }

    .cl-product-nav .cl-product-nav-title,
    .cl-product-nav .cl-product-nav-price {
        display: none;
    }

    .cl-product-nav.cl-product-prev .cl-product-nav-thumb {
        margin-right: 0;
    }
    .cl-product-nav.cl-product-next .cl-product-nav-thumb {
        margin-left: 0;
    }

    .cl-product-nav .cl-product-nav-details {
        width: auto;
    }
}
/* Product Navigation >>> */


.related.products {
    border-top: 1px solid #dadada;
    padding-top: 74px;
}

.related.products .slider-title {
    border-bottom: 0;
    text-align: center;
    text-transform: none;
    letter-spacing: normal;
    font-size: 20px;
    line-height: 33px;
    padding-bottom: 0;
    margin-bottom: 70px;
}

.related.products .products-slider {
    margin-bottom: 30px !important;
}

.related.products .products-slider.show-dots-title-right .owl-dots {
    bottom: auto;
    top: 100%;
    width: 100%;
    right: auto;
    left: 0;
    justify-content: center;
}

@media( max-width: 991px ) {
    .related.products {
        padding-top: 44px;
    }

    .related.products .slider-title {
        margin-bottom: 40px;
    }
}

/* Single Product >>> */


/* <<< Shop/Archive Pages */
.gridlist-toggle > a:not(.active) {
    color: #9a9a9a;
}
.gridlist-toggle > a.active {
    color: #000;
}

body.woocommerce-page.archive .term-description,
.shop-loop-before .gridlist-toggle,
body.woocommerce-page.archive .widget .widget-title .toggle,
ul.products li.product-col .links-on-image {
    display: none;
}

body.woocommerce-page.archive .no-breadcrumbs .main-content {
    padding-top: 13px;
}

body.woocommerce-page.archive .shop-loop-before {
    padding-bottom: 13px;
    margin: 0;
}

body.woocommerce-page.archive .shop-loop-before .woocommerce-ordering {
    margin-left: auto;
    margin-right: 20px;
    margin-bottom: 0;
    font-weight: 400;
}

body.woocommerce-page.archive .shop-loop-before .woocommerce-pagination {
    margin: 0;
}

@media (max-width: 991px) {
    .shop-loop-before label,
    .shop-loop-before select {
        font-weight: normal;
    }

    body.woocommerce-page.archive .shop-loop-before {
        padding-top: 0;
    }
}

.woocommerce-ordering select,
a.porto-product-filters-toggle {
    color: #777;
    font-weight: 400;
}

body.woocommerce-page.archive .sidebar-content aside.widget {
    padding-left: 0;
}

body.woocommerce-page.archive .sidebar-content .widget .widget-title {
    border-bottom: none;
    margin-left: 0;
    padding-bottom: 0;
}

.widget_product_categories .widget-title,
.widget_price_filter .widget-title,
.widget_layered_nav .widget-title,
.widget_layered_nav_filters .widget-title,
.widget_rating_filter .widget-title {
    text-transform: none;
    font-size: 15px !important;
    line-height: 25px;
}

.widget_layered_nav ul li > a {
    font-size: 14px;
    line-height: 21px;
    color: #6a6a6a;
    padding: 6px 0;
    transition: all 0.2s ease-in-out;
}

.widget_layered_nav ul li > a:hover,
.widget_layered_nav ul li > a:focus {
    color: #1c1b1b;
}

.product-image .viewcart:hover,
.widget_price_filter .ui-slider .ui-slider-handle,
li.product-outimage_aq_onimage .add-links .quickview,
li.product-onimage .product-content .quickview,
li.product-onimage2 .quickview,
li.product-wq_onimage .links-on-image .quickview {
    background-color: #1c1b1b;
}

.widget_price_filter .price_slider_amount {
    flex-direction: column;
    align-items: flex-start;
}

.widget_price_filter .price_slider {
    margin-bottom: 1.4286em;
}

.widget_price_filter .price_slider_amount .price_label{
    order: -1;
    margin-bottom: 10px;
}

ul.products li.product-col .product-content {
    text-align: center;
}

ul.products li.product-col .woocommerce-loop-product__title,
ul.products li.product-col .price {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
}

ul.products li.product-col .price {
    color: #6a6a6a;
}

ul.products li.product:hover .product-image {
    box-shadow: none;
}


.cl-product-cat-after-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    background-color: #625754;
    background-image: url(/wp-content/uploads/2020/08/Discover_the_process_-_07_1500x.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cl-product-cat-after-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.cl-product-cat-after-content-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4,4,4,0.65)), to(rgba(54,54,54,0.2)));
    background-image: linear-gradient(to top, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
}

.cl-product-cat-after-content-inner {
    flex-basis: 425px;
    flex-grow: 0;
    padding: 0 15px;
    z-index: 5;
}

.cl-product-cat-after-content .cl-section-header {
    text-align: center;
    color: #ffffff;
    text-shadow: 0 1px rgba(0,0,0,0.5);
}

.cl-product-cat-after-content h2 {
    color: #ffffff;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
}

.cl-product-cat-after-content p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 14px;
}

.cl-product-cat-after-content p:last-child {
    margin-bottom: 0;
}

.cl-product-cat-after-content a {
    text-decoration: underline;
    color: #fff;
}


ul.yith-wcan-list li.chosen a {
    padding-left: 0 !important;
    color: #000;
    position: relative;
}

ul.yith-wcan-list li.chosen a:after {
    display: none;
}

ul.yith-wcan-list li.chosen a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #000;
    margin: -2px 0 0 0;
    border: 0;
    transform: none;
}


@media( min-width: 992px ) {
    body.woocommerce-page.archive .left-sidebar {
        padding-right: 15px;
        flex-basis: 230px;
        max-width: 230px;
    }
    
    body.woocommerce-page.archive .main-content {
        padding-left: 15px;
        flex-basis: calc(100% - 230px);
        max-width: calc(100% - 230px);
    }

    
    body.woocommerce-page.archive .no-breadcrumbs .left-sidebar,
    body.woocommerce-page.archive .no-breadcrumbs .right-sidebar {
        padding-top: 60px;
    }
}

@media( min-width: 1200px ) {
    body.woocommerce-page.archive .left-sidebar {
        padding-right: 30px;
        flex-basis: 245px;
        max-width: 245px;
    }
    
    body.woocommerce-page.archive .main-content {
        padding-left: 30px;
        flex-basis: calc(100% - 245px);
        max-width: calc(100% - 245px);
    }
    
    ul.products {
        margin-left: -30px;
        margin-right: -30px;
    }
    
    ul.products .product-col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media ( max-width: 991px ) {
    .shop-loop-before {
        padding: 12px 0;
        background: none;
    }

    .shop-loop-before.sticky {
        padding-left: 30px;
        padding-right: 30px;
        background: #fcfcfc;
        border-top: 1px solid #e7e7e7;
    }

    a.porto-product-filters-toggle {
        margin: 0;
    }

    .cl-product-cat-after-content {
        min-height: 400px;
    }

    .woocommerce-ordering select {
        width: 120px;
    }
}

@media ( max-width: 767px ) {
    .shop-loop-before.sticky {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cl-product-cat-after-content {
        min-height: 330px;
    }
}

/* Shop/Archive Pages >>> */

/* <<< Attribute Filters */
.woocommerce-widget-layered-nav-list .chosen a.filter-image {
    background-color: #c09748;
    border-color: #c09748;
}
.woocommerce-widget-layered-nav-list .chosen a.filter-image,
.filter-item-list .active .filter-item.filter-image {
    border-width: 3px;
}

.sidebar-content .filter-item-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
}

.sidebar-content .filter-item-list .filter-color,
.sidebar-content .filter-item-list .filter-image {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    padding: 0;
    box-shadow: none;
    margin: 6px;
    text-indent: -9999px;
    border: none;
    position: relative;
}

.sidebar-content .filter-item-list .filter-color::after,
.sidebar-content .filter-item-list .filter-image::after {
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    top: -3px;
    left: -3px;
}

.sidebar-content .filter-item-list .filter-color:hover::after,
.sidebar-content .filter-item-list .filter-image:hover::after {
    border: 1px solid #dadada;
}

.filter-item-list .chosen .filter-color:before,
.filter-item-list .active .filter-color:before,
.filter-item-list .chosen .filter-image:before,
.filter-item-list .active .filter-image:before {
    display: none;
}

.filter-item-list .chosen .filter-color::after,
.filter-item-list .active .filter-color::after,
.filter-item-list .chosen .filter-image::after,
.filter-item-list .active .filter-image::after {
    border: 1px solid #1c1b1b !important;
}

.sidebar-content .filter-item-list .filter-color[title="White"],
.sidebar-content .filter-item-list .filter-color[data-original-title="White"],
.sidebar-content .filter-item-list .filter-color[title="Chalk White"],
.sidebar-content .filter-item-list .filter-color[data-original-title="Chalk White"],

.sidebar-content .filter-item-list .filter-color[title="ホワイト"],
.sidebar-content .filter-item-list .filter-color[data-original-title="ホワイト"],
.sidebar-content .filter-item-list .filter-color[title="チョークホワイト"],
.sidebar-content .filter-item-list .filter-color[data-original-title="チョークホワイト"] {
    border: 1px solid #dcdcdc;
}



.woocommerce .widget_layered_nav ul.yith-wcan li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan li span {
    display: none;
}

.woocommerce .widget_layered_nav ul.yith-wcan li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan li a {
    display: inline-block;
}
/* Attribute Filters >>> */


/* <<< Claude Banner */
body.cl-tax-product_cat-has-banner .header-wrapper {
    z-index: 99;
}
.cl-banner {
    display: flex;
    background-size: cover;
    background-position: center center;
    justify-content: center;
    align-items: center;
    padding: 158px 30px 30px 30px;
    margin-top: -128px;
    height: 600px;
    position: relative;
    background-color: #f3f3f2;
}

.cl-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4,4,4,0.65)), to(rgba(54,54,54,0.2)));
    background-image: linear-gradient(to top, rgba(4,4,4,0.45), rgba(54,54,54,0.15));
}

.cl-banner-header {
    text-align: center;
    z-index: 1;
}

.cl-banner-header h1 {
    color: #ffffff;
    margin-bottom: 19px;
}

.cl-banner-header p {
    color: #ffffff;
}

@media ( max-width: 991px ) {
    .cl-banner {
        padding-top: 107px;
        height: 450px;
        margin-top: -77px;
    }

    .cl-banner-header h1 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 27px;
    }
}

@media ( max-width: 767px ) {
    .cl-banner {
        padding-top: 98px;
        height: 400px;
        margin-top: -68px;
    }
}
/* Claude Banner >>> */


/* <<< Social Slider Widget */
.cl-insta-feed {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails li > div {
    background-color: #f3f3f2 !important;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails li:before {
    content: none;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails .cl-insta-caption {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 14px 20px;
    text-align: left;
    color: #fff;
    background-color: rgba( 0,0,0,0.85 );
    font-size: 12px;
    line-height: 20px;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails .owl-item > li:hover .cl-insta-caption {
    opacity: 1;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails .owl-stage:hover {
    animation-play-state: paused !important;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails .cl-insta-img-wrap {
    position: relative;
}

.cl-insta-feed .jr-insta-thumb ul.thumbnails .cl-insta-img-wrap .cl-insta-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

@keyframes clInstagramSlidingCarousel {
    /* variables added by js 'assets/js/main.js:updateAnimationVariables()' */
    0% {
        transform: translate3d(var(--cl-insta-carousel-x-start), 0px, 0px);
    }
    100% {
        transform: translate3d(var(--cl-insta-carousel-x-end), 0px, 0px);
    }
}

@media ( max-width: 991px ) {
    .cl-insta-feed .jr-insta-thumb ul.thumbnails .owl-stage {
        animation: none !important;
    }
}
/* Social Slider Widget >>> */




/* <<< Single Post */
.cl-single-post-banner {
    height: 600px;
    position: relative;
    overflow: hidden;
    background-color: #f3f3f2;
    background-size: cover;
    background-position: center center;
}

body.single-post article.post {
    background: #fff;
    max-width: 780px;
    margin: -70px auto 0;
    padding: 40px 50px 0 50px;
}

body.single-post .main-content {
    padding-top: 0;
}

body.single-post .entry-content {
    padding-left: 0;
    padding-right: 0;
}

body.single-post article.post h2.entry-title {
    margin-bottom: 45px;
}

body.single-post #main {
    background-color: #fff;
}

body.single-post article.post img,
body.single-post article.post .embed-responsive {
    display: block;
    margin: 3em auto;
}

body.single-post article.post .post-meta {
    padding-left: 0;
}

body.single-post .cl-post-cats {
    display: block;
    color: #6a6a6a;
    margin-bottom: 18px;
}

.cl-related-posts-container {
    background: #1c1b1b;
    padding: 140px 0 80px;
}

.cl-related-posts .cl-posts-grid .cl-post-thumb {
    background-color: #2d2b2b;
}

.cl-related-posts .cl-posts-grid .cl-post-cats {
    color: #6a6a6a;
}
.cl-related-posts .cl-posts-grid .cl-post-title,
.cl-related-posts .cl-posts-grid .cl-post-title a {
    color: #fffffc;
}

.cl-related-posts .cl-posts-grid .cl-post-title {
    margin-bottom: 0;
}

@media ( max-width: 1199px ) {
    .cl-single-post-banner {
        height: 450px;
    }
}

@media ( max-width: 991px ) {
    .cl-single-post-banner {
        height: 335px;
    }
}

@media ( max-width: 767px ) {
    .cl-single-post-banner {
        height: 215px;
    }

    body.single-post article.post {
        margin-top: 0;
        padding: 25px 25px 0 25px;
    }
}

@media ( max-width: 575px ) {
    body.single-post article.post {
        padding-left: 5px;
        padding-right: 5px;
    }

    .cl-related-posts-container {
        background: #1c1b1b;
        padding: 75px 0;
    }
}
/* Single Post >>> */

/* <<< Single Page */
body.page:not(.home):not(.woocommerce-page):not(.cl-page-news):not(.cl-page-faq) article.type-page {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

body.cl-page-terms-of-service article.page h4,
body.cl-page-privacy-policy-cookies article.page h4 {
    margin-top: 2.2em;
}
/* Single Page >>> */

/* <<< Popup Maker - Enlighten me */
.pum {
    z-index: 8995 !important;
}

.popmake .popmake-content {
    text-align: center;
}

.popmake.pum-container {
    padding-top: 34px;
}

.popmake div.wpforms-container-full {
    margin-bottom: 0;
}

.popmake button.popmake-close {
    padding: 0 !important;
    text-indent: -9999px !important;
    min-width: auto !important;
    background-color: transparent !important;
    background-image: url(./assets/images/icon-close.svg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.popmake button.popmake-close::before {
    display: none;
}

.popmake button.popmake-close:focus {
    outline: none;
}

.popmake div.wpforms-container-full .wpforms-form .wpforms-title {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 19px;
}

.popmake div.wpforms-container-full .wpforms-form .wpforms-description {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 21px;
}

.popmake div.wpforms-container-full .wpforms-form input[type=email] {
    border-color: rgba(255,255,252,0.4) !important;
    color: #fffffc;
}

.popmake div.wpforms-container-full .wpforms-form input[type=email]:focus {
    border-color: #fffffc !important;
}

.popmake div.wpforms-container-full .wpforms-form .wpforms-error {
    color: #bbb;
    margin-top: 5px;
}

.popmake div.wpforms-container-full .wpforms-form button[type=submit] {
    display: block;
    width: 100%;
}

.popmake .wpforms-confirmation-container-full {
    background: none !important;
    border-color: #fffffc !important;
    color: #fffffc !important;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 25px;
}

@media (max-width: 575px) {
    .popmake {
        width: calc(100% - 30px) !important;
        left: 15px !important;
        top: auto !important;
        bottom: 15px !important;
        margin: 0 !important;
    }

    .popmake.pum-container {
        padding-top: 23px;
    }

    .popmake button.popmake-close {
        width: 14px !important;
        height: 14px !important;
    }
}
/* Popup Maker - Enlighten me >>> */


/* <<< FAQ - Table of Content */
.cl-icon-list-table-of-content .elementor-icon-list-item a {
    position: relative;
    width: auto;
}

.cl-icon-list-table-of-content .elementor-icon-list-item a:hover,
.cl-icon-list-table-of-content .elementor-icon-list-item a:focus {
    text-decoration: none;
    color: currentColor;
}

.cl-icon-list-table-of-content .elementor-icon-list-item a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scale(0, 1);
    transform-origin: left center;
    background: currentColor;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.cl-icon-list-table-of-content .elementor-icon-list-item.active a {
    color: #292828;
}

.cl-icon-list-table-of-content .elementor-icon-list-item.active a::after {
    transform: scale(1, 1);
}
/* FAQ - Table of Content >>> */

@media (max-width: 575px) {
    body.woocommerce-cart .featured-box .cart-actions {
        display: flex;
        flex-direction: column;
    }

    body.woocommerce-cart .featured-box .cart-actions > .btn:not(:last-child) {
        margin-bottom: 15px;
    }
}



/* <<< PhotoSwipe */
.pswp__share-modal,
.pswp__counter,
.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom,
.pswp__preloader {
    display: none !important;
}

button.pswp__button {
    pointer-events: all;
}

button.pswp__button,
button.pswp__button:hover {
    cursor: pointer;
    background: #fffffc !important;
    border: 0;
    border-radius: 50%;
    color: #1c1b1b;
    text-align: center;
    z-index: 1;
    -webkit-box-shadow: 0 2px 10px rgba(54,54,54,0.15) !important;
    box-shadow: 0 2px 10px rgba(54,54,54,0.15) !important;
    vertical-align: middle;
    line-height: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    overflow: hidden;
}

button.pswp__button:hover,
button.pswp__button:focus,
button.pswp__button:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
    background: #fffffc;;
    color: #1c1b1b;
    border: none;
}

button.pswp__button::before {
    content: none;
}

button.pswp__button[disabled] {
    opacity: 0 !important;
    pointer-events: none;
}

.pswp__button--close,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    opacity: 1 !important;
    position: static !important;
    padding: 0 !important;
    float: none;
    margin: 0;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    width: 45px;
    height: 45px;
}

.pswp__button--close {
    width: 55px;
    height: 55px;
    margin: 0 18px;
}

.pswp__button--close:hover svg {
    -webkit-animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
    animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
}

.pswp__bg {
    background: #fcfcfc;
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab;
}

.pswp__top-bar,
.pswp__ui--fit .pswp__top-bar {
    opacity: 1;
    bottom: 50px;
    top: auto;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    pointer-events: none;
}



.pswp__button svg {
    pointer-events: none;
    width: 18px;
    height: 18px;
    stroke-width: .5px;
}


.pswp__button--close svg {
    width: 14px;
    height: 14px;
    stroke-width: 1px;
}


.pswp__container {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 768px) {
    .pswp__container {
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    }
}

/* PhotoSwipe >>> */


/* <<< Blog archives */
article.post-woocommerce .post-content,
.blog-posts article {
    border-bottom: none;
    padding-bottom: 0;
}
/* Blog archives >>> */




/* <<< Single Post Navigation */
#header:not(.sticky-header) .header-bottom {
    position: relative;
}

.cl-post-nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #1c1b1b;
    color: #8e8e8c;
    padding: 8px 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    z-index: 95;
}

#header.sticky-header .cl-post-nav {
    opacity: 1;
    pointer-events: all;
}

.cl-post-nav .container-fluid {
    display: flex;
    align-items: center;
}

.cl-post-nav--sahre {
    flex-grow: 1;
    text-align: right;
    padding: 0 25px;
    margin-right: 75px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cl-post-nav--post-title {
    color: #fff;
}

.cl-post-nav--sahre-links {
    margin-left: 25px;
}

.cl-post-nav--sahre-links a {
    background: transparent !important;
    color: #8e8e8c !important;
}

.cl-post-nav--adjacent-link {
    color: #8e8e8c;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.cl-post-nav--adjacents {
    display: flex;
    align-items: center;
}

.cl-post-nav--adjacents > span {
    margin: 0 15px;
}

.cl-post-nav--adjacent-link:hover,
.cl-post-nav--adjacent-link:focus,
.cl-post-nav--sahre-links a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.cl-post-nav--adjacent-link img {
    height: 18px;
    width: auto;
}

.cl-post-nav--prev-link img {
    margin-right: 5px;
}

.cl-post-nav--next-link img {
    margin-left: 5px;
}

@media(max-width: 991px) {
    .cl-post-nav {
        display: none;
    }
}
/* Single Post Navigation >>> */


/* <<< cl-youtube-video */
.cl-youtube-video {
    position: relative;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.cl-youtube-video .cl-youtube-iframe-palceholder,
.cl-youtube-video iframe,
.cl-youtube-video .cl-youtube-video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.cl-youtube-video .cl-youtube-iframe-palceholder,
.cl-youtube-video iframe {
    z-index: 5;
}

.cl-youtube-video .cl-youtube-video-thumb {
    z-index: 10;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity .75s ease-in;
}

.cl-youtube-video  .cl-youtube-video-thumb .cl-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    z-index: 15;
}

.cl-youtube-video .cl-youtube-video-thumb:hover {
    cursor: pointer;
}

.cl-youtube-video .cl-youtube-video-thumb:hover .cl-video-play-icon {
    transform: scale(1.1);
}

.cl-youtube-video.cl-video-shown .cl-youtube-video-thumb {
    opacity: 0;
    pointer-events: none;
}
/* cl-youtube-video >>> */

.shop_table td.product-name a {
    display: block;
    line-height: 20px;
    text-decoration: none;
}

.shop_table .product-name dl:last-child,
.shop_table .product-name dl dd:last-child {
    margin-bottom: 0;
}

/* <<< select2 */
.select2-container .select2-selection--single {
    height: 37px;
    margin-bottom: 0;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    border-color: rgba(0,0,0,0.09);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}
/* select2 >>> */


/* <<< My Account pages */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:first-child) {
    margin-top: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
    padding-bottom: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 0;
    font-size: 1em;
    border-bottom: 0;
    color: #6a6a6a;
    position: relative;
    display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a {
    background-color: transparent;
    font-weight: 400;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:hover {
    background-color: transparent;
    color: #292828;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scale(0, 1);
    transform-origin: left center;
    background: currentColor;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:after {
    transform: scale(1, 1);
}


.featured-box {
    background:transparent;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}

.featured-box .box-content {
    padding: 0;
    border-top: 0;
}

.woocommerce .featured-box header h2,
.woocommerce .featured-box header h3,
.woocommerce .featured-box header h4,
.woocommerce-page .featured-box header h2,
.woocommerce-page .featured-box header h3,
.woocommerce-page .featured-box header h4,

.woocommerce .featured-box h2,
.woocommerce .featured-box h3,
.woocommerce .featured-box h4,
.woocommerce-page .featured-box h2,
.woocommerce-page .featured-box h3,
.woocommerce-page .featured-box h4,

a.porto-product-filters-toggle,
.shop-loop-before select {
    text-transform: none;
    letter-spacing: normal;
}

.woocommerce .featured-box header h2,
.woocommerce-page .featured-box header h2,
.woocommerce .featured-box h2,
.woocommerce-page .featured-box h2 {
    font-size: 22px;
    margin: 0 !important;
}

.woocommerce .featured-box header h3,
.woocommerce-page .featured-box header h3,
.woocommerce .featured-box h3,
.woocommerce-page .featured-box h3 {
    font-size: 20px;
}

.woocommerce .featured-box header h4,
.woocommerce-page .featured-box header h4,
.woocommerce .featured-box h4,
.woocommerce-page .featured-box h4 {
    font-size: 19px;
}
/* My Account pages >>> */



/* <<< Price slider */
.widget_price_filter .ui-slider-horizontal {
    height: 2px;
}

.widget_price_filter .price_slider {
    background: #ddd;
}

.widget_price_filter .ui-slider .ui-slider-range {
    box-shadow: none;
    background-color: #1c1b1b;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fff;
    border: 2px solid #1c1b1b;
}

.widget_price_filter .price_slider_amount .button {
    width: 0;
    height: 0;
    padding: 0 !important;
    border: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
/* Price slider >>> */


/* <<< search results */
.autocomplete-suggestion img {
    border-radius: 0;
}

.autocomplete-suggestion img+.search-name,
.autocomplete-suggestion img+.search-name strong,
.live-search-list .autocomplete-suggestion .search-price,
.live-search-list .autocomplete-suggestion .search-price strong,
.woocommerce-order strong,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    font-weight: 400;
}
/* search results >>> */


html[lang="ja"] #header .view-switcher > li.menu-item > a:after {
    position: relative;
    top: 1px;
}


.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    border: 0;
    background-color: transparent !important;
    list-style: none;
}

.woocommerce-info {
    color: #1c1b1b;
}

.cart-empty .cl-cart-empty-inner {
    display: block;
    margin-bottom: 1.25rem;
}


.woocommerce-account form button[type="submit"] {
    float: none !important;
    display: block;
    margin: 2rem auto 0;
}


.woocommerce-account .woocommerce {
    padding-top: 15px;
}


.cl-error {
    font-weight: 700;
    margin-bottom: 20px;
}

.cl-error-add-to-cart-variation {
    padding: 0;
}


.single_variation_wrap {
    margin-top: 0;
    padding-top: 10px;
}

#main > .container > ul.woocommerce-error,
#main > .container > ul.woocommerce-message,
#main > .container > ul.woocommerce-info {
    list-style: none;
}

#mini-cart .widget_shopping_cart .total {
    text-transform: none;
}

#mini-cart .widget_shopping_cart .total strong,
.cart-v2 .card.card-default .card-body tbody tr td strong,
.woocommerce-shipping-destination strong,
.shop_table th {
    font-weight: 400 !important;
}

.widget_shopping_cart .product-details .remove-product:before {
    content: "\2715";
}

.featured-box .shop_table .product-remove .remove {
    font-size: 16px;
    font-weight: 400;
}

.card.card-default .card-header.arrow a {
    font-weight: 400;
    font-size: 14px;
}



.cl-wpforms-name-field-ja .wpforms-field-row {
    display: flex;
}

.cl-wpforms-name-field-ja .wpforms-field-row .wpforms-field-row-block.wpforms-one-half {
    float: none;    
}

.cl-wpforms-name-field-ja .wpforms-field-row .wpforms-field-row-block.wpforms-one-half:nth-child(1) {
    order: 2;
    margin-left: 4% !important;
}

.cl-wpforms-name-field-ja .wpforms-field-row .wpforms-field-row-block.wpforms-one-half:nth-child(2) {
    order: 1;
    margin-left: 0;
}

.cl-wpforms-address-fields-ja {
    display: flex;
    flex-direction: column;
}

.cl-wpforms-address-fields-ja > .wpforms-field-row {
    margin-bottom: 8px !important;
}

.cl-wpforms-address-fields-ja > .wpforms-field-row:nth-child(1) { order: 3; }
.cl-wpforms-address-fields-ja > .wpforms-field-row:nth-child(2) { order: 4; margin-bottom: 0 !important; }
.cl-wpforms-address-fields-ja > .wpforms-field-row:nth-child(3) { order: 2; }
.cl-wpforms-address-fields-ja > .wpforms-field-row:nth-child(4) { order: 1; }


/* <<< Calling Attention Animations */
.cl-ca-fade {
    animation: clCaFade 1s forwards;
}

@keyframes clCaFade {
    25% {
      opacity: 0.25;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: 0.25;
    }
    100% {
      opacity: 1;
    }
}
/* Calling Attention Animations >>> */


/* <<< Payment Progress Bar */
.payment-progress-bar {
    margin-bottom: 3em;
    padding-top: 30px;
    position: relative;
    width: 100%;
}

.payment-progress-bar .step {
    width: 33.333333%;
    float: left;
    text-align: center;
    position: relative;
}

.payment-progress-bar .step .step-name,
.payment-progress-bar .step .step-name a {
    display: inline-block;
    color: #aaa;
    user-select: none;
}

.payment-progress-bar .step.step-active .step-name,
.payment-progress-bar .step.step-active .step-name a {
    font-weight: 700;
    color: #1c1b1b;
}

.payment-progress-bar .step .step-name a {
    text-decoration: none;
    transition: color 0s;
}

.payment-progress-bar .step.step-clickable:hover .step-name a {
    color: #1c1b1b;
}

.payment-progress-bar:before {
    content: '';
    display: block;
    width: calc(100% - 2px);
    height: 2px;
    position: absolute;
    left: 1px;
    top: 14px;
    background-color: #ddd;
}

.payment-progress-bar:after {
    content: '';
    display: table;
    clear: both;
}

.payment-progress-bar .step:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    position: absolute;
    top: -15px;
    left: 50%;
    border: 2px solid;
    border-color: #1c1b1b;
    border-radius: 50%;
    background-color: #1c1b1b;
    pointer-events: none;
    z-index: 10;
}

.payment-progress-bar .step:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: -50%;
    top: -16px;
    background-color: #1c1b1b;
    z-index: 5;
}

.payment-progress-bar .step.step-active~.step:before {
    content: none;
}

.payment-progress-bar .step.step-active~.step:after {
    border-color: #ddd;
    background-color: #fff;
}

.payment-progress-bar .step.step-clickable:hover:after {
    border-color: #1c1b1b;
}

.payment-progress-bar .step:first-child {
    text-align: left;
}

.payment-progress-bar .step:last-child {
    text-align: right;
}

.payment-progress-bar .step:first-child:after {
    left: 0;
    margin-left: 0;
}

.payment-progress-bar .step:last-child:after {
    left: auto;
    right: 0;
    margin-left: 0;
}

.payment-progress-bar .step:first-child:before {
    content: none;
}

.payment-progress-bar .step:nth-child(2):before {
    left: -100%;
    width: calc(150% - 6px);
    margin-left: 6px;
}

.payment-progress-bar .step:last-child:before {
    width: calc(150% - 6px);
    left: -50%;
    margin-left: 0px;
}

@media (max-width: 767px) {
    .payment-progress-bar .step .step-name,
    .payment-progress-bar .step .step-name a {
        line-height: 1.2;
        font-size: 12px;
    }
}
/* Payment Progress Bar >>> */


/* <<< Cart Page */
.cart-collaterals,
.cart_totals_toggle:not(:first-child),
.cart_totals_toggle .card:not(:first-child) {
    margin-top: 30px;
}

.cart-v2 .featured-box .cart-actions {
    margin: 15px 0 30px;
}

.cart-actions::after {
    content: "";
    display: table;
    clear: both;
}

.cart_totals h2 a {
    color: #6a6a6a;
}

.cart_totals h2 a:hover {
    color: #1c1b1b;
}

.cart-v2 .card.card-default {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.card.card-default .card-body,
.cart-v2 .card.card-default .card-body {
    background-color: #fff;
    padding: 1.25rem;
}

.cart-v2 .wc-proceed-to-checkout .btn {
    margin-bottom: 0;
}

.cart-v2 .shop_table {
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #fff;
}

.cart-v2 .shop_table td.product-remove {
    text-align: center;
}

.cart-v2 .shop_table td.product-thumbnail {
    padding-left: 0;
    padding-right: 0;
    vertical-align: top;
}

.cart-v2 .shop_table thead th {
    background-color: rgba(0, 0, 0, 0.03);
    white-space: nowrap;
}

.cart-v2 .shop_table .product-thumbnail img {
    max-width: 70px;
}

@media(max-width: 991px) {
    .woocommerce-checkout .checkout-order-review {
        margin-top: 30px;
    }
}
/* Cart Page >>> */

/* <<< Checkout Page */
#panel-checkout-payment .payment_methods {
    margin-top: 0;
}

.wc-proceed-to-checkout {
    text-align: center;
    margin-top: 20px;
}

.wc-proceed-to-checkout .btn {
    display: inline-block;
    width: auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
    letter-spacing: 0.1em;
}

.cl-order_button-wrap {
    text-align: center;
}

#payment .place-order .button {
    margin-left: auto;
    margin-right: auto;
}

#panel-checkout-order-review {
    border-top: 1px solid #dcdcdc;
}

#panel-checkout-order-review .card-body {
    padding: 0;
}

#panel-checkout-order-review .shop_table {
    border: 0;
    margin-bottom: 0;
}

.checkout-v2 .woocommerce-checkout-payment .form-row.place-order {
    margin-bottom: 0;
}
/* Checkout Page >>> */


.cart-v2 .shipping-calculator-form {
    margin-bottom: -1.25rem;
}

.checkout-v2 .woocommerce-additional-fields,
#panel-cart-discount .card-body > *:last-child {
    margin-bottom: -15px;
}

input[type="text"][name="coupon_code"] {
    font-family: monospace;
    padding-top: 12px;
    padding-bottom: 12px;
}

html[lang="ja"] input[type="text"][name="coupon_code"] {
    font-family: inherit;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
}

.form-row input[type="email"], .form-row input[type="number"], .form-row input[type="password"], .form-row input[type="search"], .form-row input[type="tel"], .form-row input[type="text"], .form-row input[type="url"], .form-row input[type="color"], .form-row input[type="date"], .form-row input[type="datetime"], .form-row input[type="datetime-local"], .form-row input[type="month"], .form-row input[type="time"], .form-row input[type="week"], .form-row select, .form-row textarea {
    box-shadow: none;
}

/* <<< #panel-cart-customer-service */
#panel-cart-customer-service .card-body {
    padding: 0;
}

#panel-cart-customer-service tr td {
    text-align: left !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#panel-cart-customer-service tr:last-child td {
    border-bottom: 0;
}

#panel-cart-customer-service tr td:last-child {
    padding-right: 1.25rem;
}

#panel-cart-customer-service tr td:first-child {
    padding-left: 1.25rem;
}

#panel-cart-customer-service .fa,
#panel-cart-customer-service .fas,
#panel-cart-customer-service .far,
#panel-cart-customer-service .fal,
#panel-cart-customer-service .fab {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 15px;
    color: #6a6a6a;
}

#panel-cart-customer-service a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

#panel-cart-customer-service .cl-features {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    text-align: center;
    margin: -5px;
}

#panel-cart-customer-service .cl-features .cl-feature-item {
    margin: 5px;
    flex: 0 1 70px;
}

#panel-cart-customer-service .cl-features .cl-feature-item .cl-icon {
    display: block;
    margin-right: 0;
    color: #6a6a6a;
}

#panel-cart-customer-service .cl-features .cl-feature-item .cl-icon svg {
    width: 24px;
    height: 24px;
}

#panel-cart-customer-service .cl-features .cl-feature-item label {
    display: block;
    margin: 10px 0 0 0;
    font-size: 12px;
    line-height: 16px;
}
/* #panel-cart-customer-service >>> */

/* <<< .cl-payment-methods-icons */
.cl-payment-methods-icons {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center;
    margin: -15px;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
}

.cl-payment-method-item {
    width: 45px;
    margin: 10px;
}

.cl-payment-method-item.cl-cod {
    width: 28px;
}

.cl-payment-method-item img,
.cl-payment-method-item svg {
    width: 100%;
    height: auto;
}

.cl-payment-methods-title {
    text-align: center;
    margin-bottom: 16px;
}

.cl-payment-methods-icons-all {
    text-align: center;
}

.cl-payment-methods-icons-all img {
    width: 100%;
    max-width: 400px;
    height: auto;
}
/* .cl-payment-methods-icons >>> */

.porto-woo-category-sidebar .button.yith-wcan-reset-navigation {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
}

#cl-3d-secure-system-description {
    display: none;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}


/*  */
#product-addons-total {
    display: none;
}

.wc-pao-addon {
    width: 100%;
    margin-top: 0;
    margin-bottom: 22px;
}

div.product-addon-totals {
    padding: 0;
    border: 0;
    margin-bottom: 20px;
}

div.product-addon-totals ul {
    padding: 0;
}

div.product-addon-totals ul li:not(.wc-pao-subtotal-line) {
    display: none;
}

div.product-addon-totals ul li.wc-pao-subtotal-line {
    margin: 0;
}

.wc-pao-addon .wc-pao-addon-wrap label {
    display: flex !important;
    align-items: center;
    margin-bottom: 0;
}

.wc-pao-addon .wc-pao-addon-wrap label .wc-pao-addon-checkbox {
    margin-right: 10px;
}

.wc-pao-addon .form-row:last-of-type {
    margin-bottom: 0;
}



.woocommerce-checkout-payment li.wc_payment_method.payment_method_komoju img {
    max-width: 125px;
    margin-left: 5px;
}


#order_review .shop_table th:first-child,
#order_review .shop_table tr.cart_item td:first-child {
    padding-left: 20px;
}


#panel-cart-total .cart-total tr th {
    padding-left: 0;
}

#panel-cart-total .cart-total tr td {
    padding-right: 0;
}

.shop_table .tax_label,
.shop_table .includes_tax,
.cart-total .tax_label,
.cart-total .includes_tax,
.review-order .tax_label,
.review-order .includes_tax,
.place-order .includes_tax {
    white-space: nowrap;
    color: #777;
    font-size: 80%;
    font-weight: 400;
    text-transform: lowercase;
}

.cart-total .tax_label,
.cart-total .includes_tax,
.review-order .tax_label,
.review-order .includes_tax,
.place-order .includes_tax {
    display: block;
    line-height: 1.2;
}

table#cl-table-shipping-fees th {
    white-space: nowrap;
}


body.woocommerce-account .woocommerce-form-login__rememberme {
    display: block;
    margin-top: 15px;
    margin-bottom: -20px;
}


form.checkout .form-check {
    padding-left: 0;
}


.woocommerce-checkout-payment li.wc_payment_method.payment_method_stripe label,
#add_payment_method li.woocommerce-PaymentMethod.payment_method_stripe label {
    min-width: 300px;
}

@media ( max-width: 767px ) {
    .woocommerce-checkout-payment li.wc_payment_method.payment_method_stripe label,
    #add_payment_method li.woocommerce-PaymentMethod.payment_method_stripe label {
        min-width: 165px;
    }
}

.wc-amazon-payments-advanced-info::after {
    content: "";
    display: table;
    clear: both;
}



/* <<< nProgress 0.2.0 */
/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}
  
#nprogress .bar {
    background: #1c1b1b;
  
    position: fixed;
    z-index: 9996;
    top: 0;
    left: 0;
  
    width: 100%;
    height: 2px;
}
  
/* Fancy blur effect */
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #1c1b1b, 0 0 5px #1c1b1b;
    opacity: 1.0;
  
    -webkit-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
            transform: rotate(3deg) translate(0px, -4px);
}
  
/* Remove these to get rid of the spinner */
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 9996;
    top: 15px;
    right: 15px;
}
  
#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
  
    border: solid 2px transparent;
    border-top-color: #1c1b1b;
    border-left-color: #1c1b1b;
    border-radius: 50%;
  
    -webkit-animation: nprogress-spinner 400ms linear infinite;
            animation: nprogress-spinner 400ms linear infinite;
}
  
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
  
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}
  
@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
  
/* nProgress 0.2.0 >>> */
  
.widget_layered_nav ul li .count {
    display: none;
}

/* <<< checkout - Amazon Pay */
.checkout #amazon_customer_details {
    padding: 0 15px;
}

.checkout #amazon_customer_details {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.checkout #amazon_customer_details .col2-set {
    margin-left: 0;
    margin-right: 0;
}

.checkout #amazon_customer_details .col2-set > [class^="col-"] {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
}

.checkout #amazon_customer_details .col2-set > [class^="col-"]:last-child {
    margin-bottom: 0;
}

#amazon_customer_details.wc-amazon-payments-advanced-populated + #customer_details {
    display: block;
    order: 3;
}

#amazon_customer_details.wc-amazon-payments-advanced-populated + #customer_details > .cl-shipping,
#amazon_customer_details.wc-amazon-payments-advanced-populated + #customer_details > .cl-payment .woocommerce-billing-fields,
#amazon_customer_details.wc-amazon-payments-advanced-populated + #customer_details > .cl-payment .woocommerce-shipping-fields,
#amazon_customer_details.wc-amazon-payments-advanced-populated + #customer_details > .cl-payment .woocommerce-checkout-payment .wc_payment_methods {
    display: none;
}

#amazon_customer_details.wc-amazon-payments-advanced-populated {
    order: 4;
}

#amazon_customer_details.wc-amazon-payments-advanced-populated ~ .checkout-order-review {
    order: 2;
}

@media (max-width: 991px) {
    .checkout #amazon_customer_details {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    
}
/* checkout - Amazon Pay >>> */


.single-product form.cart .view-cart-btn {
    display: none;
}


.cl-revslider-bg-img img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

img[data-lazy-src]:not(.lazyloaded) {
    background-color: #f3f3f2;
}

form.checkout .form-row-wide::before {
    content: " ";
    display: block;
    clear: both;
}

.woocommerce-checkout select {
    line-height: 2.3;
}


#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,
.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand {
    display: none;
}

#add_payment_method #payment ul.payment_methods li #stripe-cvc-element,
.woocommerce-checkout #payment ul.payment_methods li #stripe-cvc-element {
    position: relative;
    padding-right: 42px;
}

#add_payment_method #payment ul.payment_methods li #stripe-cvc-element::after,
.woocommerce-checkout #payment ul.payment_methods li #stripe-cvc-element::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translate3d(0,-50%,0);
    width: 34px;
    height: 20px;
    background-image: url("/wp-content/themes/porto-child/assets/images/icon-cvc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


#panel-checkout-payment .payment_methods .wc_payment_method .payment_box {
    margin-top: 15px;
    padding-left: 1.8rem;
}

#panel-checkout-payment .payment_methods .payment_method_stripe .payment_box.payment_method_stripe .wc-saved-payment-methods {
    list-style: none;
    padding-left: 0;
}

#panel-checkout-payment .payment_methods .payment_method_stripe .payment_box.payment_method_stripe .wc-credit-card-form > .stripe-source-errors + br {
    display: none;
}

#panel-checkout-payment .woocommerce-terms-and-conditions-wrapper .form-row {
    margin-bottom: 0;
}

.woocommerce-checkout-payment .form-row.place-order > h3 {
    text-align: center;
}

.cl-order_button-wrap {
    margin-top: 24px;
}

.woocommerce-info.wc-amazon-payments-advanced-info {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
}

.woocommerce-info.wc-amazon-payments-advanced-info::before {
    content: none;
}

.woocommerce-info #pay_with_amazon {
    float: none;
    margin-left: 15px;
}

.wc-amazon-checkout-message.wc-amazon-payments-advanced-populated .woocommerce-info {
    font-size: 14px;
    font-weight: 400;
}

@media ( max-width: 575px ) {
    .woocommerce-info.wc-amazon-payments-advanced-info {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    .woocommerce-info #pay_with_amazon {
        margin-left: 0;
        margin-top: 10px;
    }
}

.cl-out-of-stock-extra-info {
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 5px;
}

.product-summary-wrap .product-stock {
    line-height: 1;
}

.includes_tax SPAN.woocommerce-Price-amount.amount {
    font-size: 80% !important;
    color:#777;
}


.wc-amazon-checkout-message #pay_with_amazon {
    order: 1;
}

.wc-amazon-checkout-message .cl-amazon-checkout-message-text {
    order: 3;
}

.wc-amazon-checkout-message .cl-amazon-checkout-message-arrow {
    order: 2;
    margin-left: 10px;
}

@media ( max-width: 575px ) {
    .wc-amazon-checkout-message .cl-amazon-checkout-message-arrow {
        display: none;
    }
}


/*cylas-fmh --adding loading spinner claude-site*/
.woocommerce-checkout-payment .blockUI.blockOverlay:before,
    .woocommerce-checkout-payment .loader:before {
        height: 3em;
        width: 3em;
        position: absolute;
        top: 20%;
        left: 45%;
        margin-left: -.5em;
        margin-top: -.5em;
        display: block;
        content: "";
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        background-image:url('<?php echo get_stylesheet_directory_uri() . "/assets/images/claudeselect2-spinner.gif"; ?>') !important;
        background-position: center center;
        background-size: cover;
        line-height: 1;
        text-align: center;
        font-size: 2em;
        
    }
 
.woocommerce .woocommerce-checkout-review-order .blockUI.blockOverlay {
  position: relative! important;
  display: none! important;
}

#popmake-4044{
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*#mc_embed_signup{ clear:left; font:14px Helvetica,Arial,sans-serif; }*/
/*#mce-EMAIL{width:100%!important; min-height:45px!important; margin:0px!important; border:solid 1px !important; border-radius:0px !important; background-color:inherit !important; color: white;}*/
/*#mce-EMAIL:focus{border-color:#fffffc!important;}*/
/*#mc-embedded-subscribe{width:100%;}*/
/*#mc-embedded-subscribe-form{padding-left:0px !important; background-color:white!important; color:black!important;}*/

#clt_blok > .elementor-column-wrap.elementor-element-populated{
    display:block;
}