:root {
    --color-black: #000;
    --color-dark-teal: #0c5460;
    --color-dark-gray-1: #111;
    --color-dark-gray-2: #282828;
    --color-green: #28a745;
    --color-dark-gray-3: #333;
    --color-gray-1: #555;
    --color-gray-2: #666;
    --color-gray-3: #777;
    --color-gray-4: #888;
    --color-light-blue-gray: #8898aa;
    --color-cool-gray: #90979d;
    --color-gray-5: #999;
    --color-light-gray-1: #bbb;
    --color-gold: #c59b08;
    --color-light-gray-2: #ccc;
    --color-light-blue-gray-2: #cfd7e0;
    --color-red: #dc3545;
    --color-light-gray-3: #ddd;
    --color-orange: #deb217;
    --color-light-gray-4: #eee;
    --color-off-white-1: #f1f1f1;
    --color-off-white-2: #f4f4f4;
    --color-off-white-3: #f6f6f6;
    --color-off-white-4: #f6f8fa;
    --color-off-white-5: #f8f8f8;
    --color-yellow: #f9bd3b;
    --color-off-white-6: #f9f9f9;
    --color-off-white-7: #f9fafb;
    --color-pink: #ff005a;
    --color-bright-yellow: #ffc700;
    --color-white: #fff;
    --primary-pink: #dc3c5f;
    --gradient-primary: linear-gradient(45deg, #a91e64, #28a3ce);
}

/* custom page*/

.custom-page a{text-decoration:none!important}
.custom-page .btn-sm, .custom-page .btn-group-sm > .btn,
.custom-modal .btn-sm, .custom-modal .btn-group-sm > .btn
{ font-size: 14px !important;}
.custom-page .btn-ccc{background:#CCC!important}
.custom-page .thumbnail{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.custom-page .thumbnail{background-size:contain}
.custom-page .thumbnail img{width:100%}
.custom-page .bg-white { background: var(--color-white) !important;}

/* global */
body{position:relative;overflow-x:hidden!important}
html:has(body.modal-open),body.modal-open{overflow:hidden}
a:not(.aos-animate),.btn:not(.aos-animate){transition:0s!important}
.opacity-0{opacity:0}
.opacity-1{opacity:1}
a.del-element {
    margin: 0 3px;
    padding: 0;
    display: inline-block;
    background: var(--color-dark-gray-3);
    color: #FFF !important;
    line-height: initial;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    align-content: center;
}

body.modal-open #trademark{display:none!important}
.iziToast-buttons-child{box-shadow:none!important}
.btn-radius{border-radius:10px!important}
.svg-white{fill:#FFF}

.tooltip{position:absolute;transition:0s;background:var(--color-black);color:#FFF;font-size:12px;padding:3px 8px;border-radius:10px;z-index:1111;top:-25px!important}
.text-danger{color:var(--color-red)!important}
.text-success{color:var(--color-green)!important}
.weight-bold{font-weight:700}
.opacity-0{opacity:0}
.border-radius-15px{border-radius:15px!important}
.short-form{max-width:500px;margin:0 auto}
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}
.bg-cover{background-repeat:no-repeat!important;background-position:50%!important;background-size:cover!important}
.bg-contain{background-position:center;background-repeat:no-repeat!important;background-size:contain!important}
.rounded-top{border-top-left-radius:1em!important;border-top-right-radius:1em!important}
.rounded-bottom{border-bottom-left-radius:1em!important;border-bottom-right-radius:1em!important}
.h-min-100px{min-height:100px}
.h-min-250px{min-height:250px}
.h-min-500px{min-height:500px}
.h-min-800px{min-height:800px}
.h-min-1200px{min-height:1200px}
.font-weight{font-weight:700!important}
.line-clamp-1{-webkit-line-clamp:1}
.line-clamp-2{-webkit-line-clamp:2}
.line-clamp-3{-webkit-line-clamp:3}
.line-clamp-4{-webkit-line-clamp:4}
.line-clamp-5{-webkit-line-clamp:5}
.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.font-size-8{font-size:8px!important}
.font-size-10{font-size:10px!important}
.font-size-11{font-size:11px!important}
.font-size-12{font-size:12px!important}
.font-size-14{font-size:14px!important}
.font-size-16{font-size:16px!important}
.font-size-18{font-size:18px!important}
.font-size-20{font-size:20px!important}
.font-size-24{font-size:24px!important}
.font-size-26{font-size:26px!important}
.font-size-28{font-size:28px!important}
.font-size-34{font-size:34px!important}
.font-size-38{font-size:38px!important}
.font-size-42{font-size:42px!important}
.font-size-46{font-size:46px!important}
.font-size-48{font-size:48px!important}
.font-size-50{font-size:50px!important}
.font-size-60{font-size:60px!important}
.font-size-70{font-size:70px!important}
.font-size-80{font-size:80px!important}
.font-size-100{font-size:100px!important}
.s-7x7,.s-10x10,.s-12x12,.s-15x15,.s-20x20,.s-25x25,.s-30x30,.s-35x35,.s-40x40,.s-45x45,.s-50x50,.s-60x60,.s-70x70,.s-80x80,.s-100x100,.s-150x150,.s-200x200,.s-250x250,.s-300x300{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.s-7x7{width:7px!important;height:7px!important}
.s-10x10{width:10px!important;height:10px!important}
.s-12x12{width:12px!important;height:12px!important}
.s-15x15{width:15px!important;height:15px!important}
.s-20x20{width:20px!important;height:20px!important}
.s-25x25{width:25px!important;height:25px!important}
.s-30x30{width:30px!important;height:30px!important}
.s-35x35{width:35px!important;height:35px!important}
.s-40x40{width:40px!important;height:40px!important}
.s-45x45{width:45px!important;height:45px!important}
.s-50x50{width:50px!important;height:50px!important}
.s-60x60{width:60px!important;height:60px!important}
.s-70x70{width:70px!important;height:70px!important}
.s-80x80{width:80px!important;height:80px!important}
.s-100x100{width:100px!important;height:100px!important}
.s-150x150{width:150px!important;height:150px!important}
.s-200x200{width:200px!important;height:200px!important}
.s-250x250{width:250px!important;height:250px!important}
.s-300x300{width:300px!important;height:300px!important}
.opacity-0{opacity:0}
.opacity-05{opacity:.5}
.opacity-03{opacity:.3}
.h-5px{height:5px!important}
.h-10px{height:10px!important}
.h-20px{height:20px!important}
.h-30px{height:30px!important}
.h-40px{height:40px!important}
.h-50px{height:50px!important}
.h-60px{height:60px!important}
.h-75px{height:75px!important}
.h-80px{height:80px!important}
.h-100px{height:100px!important}
.h-120px{height:120px!important}
.h-150px{height:150px!important}
.h-160px{height:160px!important}
.h-200px{height:200px!important}
.h-300px{height:300px!important}
.h-400px{height:400px!important}
.h-500px{height:500px!important}
.h-600px{height:600px!important}
.h-max-100px,.h-max-200px{overflow:hidden}
.h-min-40px{min-height:40px!important}
.h-min-50px{min-height:50px!important}
.h-min-60px{min-height:60px!important}
.h-min-75px{min-height:75px!important}
.h-min-80px{min-height:80px!important}
.h-min-100px{min-height:100px!important}
.h-min-150px{min-height:150px!important}
.h-min-350px{min-height:350px!important}
.h-min-400px{min-height:400px!important}
.h-max-40px{max-height:40px!important}
.h-max-50px{max-height:50px!important}
.h-max-60px{max-height:60px!important}
.h-max-75px{max-height:75px!important}
.h-max-80px{max-height:80px!important}
.h-max-100px{max-height:100px!important}
.h-max-150px{max-height:150px!important}
.h-max-200px{max-height:200px!important}
.h-max-250px{max-height:250px!important}
.h-max-350px{max-height:350px!important}
.h-max-400px{max-height:400px!important}
.h-max-500px{max-height:500px!important}
.h-max-600px{max-height:600px!important}
.h-max-700px{max-height:700px!important}
.h-max-800px{max-height:800px!important}
.w-max-100px{max-width:100px}
.w-max-200px{max-width:200px}
.w-max-250px{max-width:250px}
.w-max-400px{max-width:400px}
.w-max-500px{max-width:500px}
.w-max-600px{max-width:600px}
.w-max-700px{max-width:700px}
.w-max-800px{max-width:800px}
.h-max-40px,.h-max-50px,.h-max-60px,.h-max-75px,.h-max-80px,.h-max-100px,.h-max-150px,.h-max-200px,.h-max-250px,.h-max-350px,.h-max-400px,.h-max-500px,.h-max-600px{overflow:auto}
.h-sm-max-100px,.h-sm-max-200px{overflow:hidden}
@media only screen and (max-width: 600px) {
    .h-sm-max-100px{max-height:100px}
    .h-sm-max-200px{max-height:200px}
}
.align-content-center{align-content:center}
.cursor-pointer{cursor:pointer}
.cursor-text {cursor: text}
#clientName{font-size:11px;width:max-content;min-width:100%;position:absolute;left:-6px}
#user-tm i{position:absolute;top:-5px;font-size:12px;padding:1px;border-radius:50%;right:-8px}
a#user-tm{text-align:center;text-decoration:none!important}
.userNavi{margin-bottom:3px!important}
.align-items-center {align-items:center}

.top--10{top:-10px !important;}
.top--5{top:-5px!important}
.top-0{top:0!important}
.top-5{top:5px!important}
.top-10{top:10px!important}
.top-40 {top: 40px !important;}
.left--10{left:-10px !important;}
.left--5{left:-5px!important}
.left-0{left:0!important}
.left-5{left:5px!important}
.left-10{left:10px!important}
.bottom--10{bottom:-10px !important;}
.bottom--5{bottom:-5px!important}
.bottom-0{bottom:0!important}
.bottom-5{bottom:5px!important}
.bottom-10{bottom:10px!important}
.right--10{right:-10px !important;}
.right--5{right:-5px!important}
.right-0{right:0!important}
.right-5{right:5px!important}
.right-10{right:10px!important}

/* modals main */
.custom-modal.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    padding: 0 !important;
}
.custom-modal .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
    color: #333;
}

.custom-modal .modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem !important;
    pointer-events: none;
}

@media (min-width: 576px) {
    .custom-modal .modal-dialog {
        margin: 1.75rem auto !important;
    }
}
/* modals extension */

.custom-modal .modal-header, .custom-modal .modal-footer {margin:0 !important; padding:15px !important;}
.custom-modal .modal-body {padding:15px 30px;}
.side-modal .modal-footer{margin-top:10px;border-top:1px var(--color-light-gray-4) solid; text-align: right}
.custom-modal .modal-header{background:none!important;border:0;padding-bottom:5px}
.custom-modal .modal-header h5{font-weight:400;font-size:20px}
.custom-modal .modal-header{background:var(--color-light-gray-4)}
.custom-modal .modal-header .modal-title{font-size:1rem!important}
.custom-modal .modal-content{border-radius:15px; background:#FFF}
.custom-modal .close{opacity:.7;position:absolute;top:10px;right:16px}
.custom-modal .alert-dismissible .close{padding:5px 7px}
.side-modal{padding:0!important;right:0!important;left:inherit}
.side-modal .modal-dialog{right:0;margin:0!important;padding:15px!important;position:absolute;top:0;width:100%;max-width:600px}
.custom-modal.slim-modal .modal-dialog .modal-content {
    max-width: 450px;
    margin: 0 auto;
}
.custom-modal.slim-modal .modal-header{margin-bottom:5px}
.custom-modal .modal-header,.custom-modal .modal-content{border:0!important}
.custom-modal .modal-footer {
    border: 0;
}
.side-modal .modal-body{height:calc(var(--vh) - 175px);overflow:auto;margin-right:15px}
@media (max-width: 767px) {
    .side-modal .modal-body{height:calc(var(--vh) - 145px);overflow:auto;margin-right:15px}
    .custom-modal .modal-body{padding:15px!important}
}
.side-modal .modal-content{min-height:calc(var(--vh) - 30px)!important; height:calc(var(--vh) - 30px)!important}
.custom-modal.slim-modal .modal-content{overflow:hidden!important;min-height:calc(var(--vh) - 3.5rem)!important;background:var(--color-white)!important}

@media only screen and (max-width: 600px) {
    .side-modal{margin:0!important}
    .side-modal .modal-dialog{border-radius:0!important;height:100%!important}
}


@media (min-width: 576px) {
    .modal-dialog{max-width:600px}
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px
    }
    .modal-xl { max-width: 1140px; width: 90% }
}

/* modals additional*/

.custom-modal .modal-footer { text-align: right}
.custom-modal.cart-modal .modal-dialog {
    max-width: 500px !important;
}

div#quickAdd .container {
    max-height: calc(var(--vh) - 7.5rem);
    overflow: auto;
}

iframe.modal-body {
    width: 100%;
    display: block;
    height: calc(100vh - 95px);
}

/* products / posts shortcode */
.products-box2,.blog-box2{width:100%;position:relative;display:block; height: max-content}
.products-box2 h3,.related h3{font-size:20px}
.products-box2 h4,.related h4{color:var(--color-gray-4)!important;font-size:16px}

.blog-box2 .owl-carousel, .products-box2 .owl-carousel, .related .owl-carousel{
    display: flex !important;
    flex-direction: column !important;
}
.blog-box2 .owl-carousel .owl-nav, .products-box2 .owl-carousel .owl-nav, .related .owl-carousel .owl-nav { order: 1; display:block!important; text-align: right; margin: 5px 0 15px}

.blog-box2 .owl-carousel .owl-prev, .blog-box2 .owl-carousel .owl-next,
.products-box2 .owl-carousel .owl-prev, .products-box2 .owl-carousel .owl-next,
.related .owl-carousel .owl-prev, .related .owl-carousel .owl-next
{ font-size:0 !important;}

.blog-box2 .owl-carousel .owl-stage-outer,
.products-box2 .owl-carousel .owl-stage-outer,
.related .owl-carousel .owl-stage-outer
{ order: 2; padding-bottom:10px}

.blog-box2 .owl-prev, .blog-box2 .owl-next,
.products-box2 .owl-prev, .products-box2 .owl-next,
.related .owl-prev, .related .owl-next
{padding: 15px;background: none !important;}

.blog-box2 .owl-prev::before, .blog-box2 .owl-next::before,
.products-box2 .owl-prev::before, .products-box2 .owl-next::before,
.related .owl-prev::before, .related .owl-next::before{
    width: 15px !important;
    height: 15px !important;
    text-align: center;
    margin: 0 !important;
    border-color: #333;
}

.owl-theme .owl-nav [class *=owl-]::after{display:none}
.owl-item .post-element{margin:0 5px;overflow:hidden}
.owl-theme .owl-nav [class *=owl-]::before{border-top-width:1.5px!important;border-right-width:1.5px!important}

.dark .owl-theme .owl-nav [class *=owl-]::before {
    border-color: #999999;
}

a.post-link img{opacity:0}
a.post-link{display:inline-block;background-position:center;background-size:cover}
.product-card-thumb img{width:100%;opacity:0}
a.product-link{display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat}

/* unlock-wrapper */
.unlock-wrapper{display:block!important;width:100%; text-align: left}
.unlock-wrapper .unlock{background:none!important;width:50px;height:50px;border-radius:50%;border-style:solid;border-width:4px;display:inline-block;text-align:center;line-height:40px;align-content:center;margin:10px 0;float:left}
.unlock-wrapper i{color:var(--color-light-gray-2)}
.unlock-wrapper .lock-text{font-size:13px;display:inline-block;max-width:170px;vertical-align:middle;margin:15px 10px}
.unlock-wrapper .text-lock{color:rgba(0,0,0,0)!important}
.unlock-wrapper .btn-primary.unlock{border-color:rgba(0,0,0,0)!important}
.unlock-wrapper .unlock.completed,.unlock-wrapper .unlock.completed + .lock-text{display: none}
.radioUnlock{display:none}

/*empty-content*/
.empty-content {
    width: 100%;
    text-align: center;
    padding: 70px 20px;
    margin: 30px 0;
    font-size: 20px !important;
}
.empty-content i {
    font-size: 80px;
    margin-bottom: 30px;
    display: block;
}
.empty-content p { font-weight: normal; font-size: 20px;}

/* BLOG */
#blog-results .post-element .border{border-color:#DDD!important}


/* Searcher */
.searcher button{border:0;background:none;padding:7px 12px;}
.searcher input{border:1px var(--color-gray-5) solid!important;border-radius:30px!important;padding:8px 20px!important}

.searcher .input-group-append { position: absolute; right: 3px; z-index: 111; }
.searcher .form-control{ height: 35px !important; border-radius: 20px !important; }
.searcher .btn { background: none; border: 0; color: #333 !important;}

/* POST */
#post h1{font-size:32px;margin:10px 0}
#post .add_date{font-size:12px;text-align:right;margin-bottom:5px}
.post-content{margin-top:30px}
/* BREADCRUMBS */
div#breadcrumbs{background:#EEE;border-bottom:1px #DDD solid;text-align:center;position:relative}
div#breadcrumbs h1{margin:30px 0;display:inline-block;width:100%}
div#breadcrumbs ol{list-style:none;margin:20px 0;display:inline-block;width:100%}
div#breadcrumbs .post ol{margin:20px 0}
#breadcrumbs ol.list li + li:before{content:'/';color:#CCC;padding:0 15px}
div#breadcrumbs li{display:inline-block}
div#breadcrumbs a{color:var(--color-gray-3);text-transform:uppercase;font-size:13px;text-decoration:none!important}
div#breadcrumbs .active{text-transform:uppercase;font-size:13px;text-decoration:none!important}
div#breadcrumbs a:hover, div#breadcrumbs .breadcrumb-item.active{color:var(--color-gray-1)}
#breadcrumbs h1,#breadcrumbs p,#breadcrumbs ol{position:relative;z-index:1}
.img-bg{background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;width:100%;height:100%;top:0;z-index:0}
#breadcrumbs .img-bg + .container a{color:#CCC}
#breadcrumbs .img-bg + .container a:hover, #breadcrumbs .img-bg + .container .breadcrumb-item.active{color:#FFF}
#breadcrumbs .img-bg + .container h1,#breadcrumbs .img-bg + .container p,#breadcrumbs .img-bg + .container ul{color:#FFF!important}
/* PAGINATION */
#pagination-wrap{width:100%;display:inline-block;margin:30px auto;text-align:center}
#pagination-wrap .pagination {padding:10px 15px;border:1px #CCC solid; margin: 0; border-radius: 15px}
#pagination-wrap ul span, #pagination-wrap ul a{fill:var(--color-dark-gray-3);padding:5px}

/* SHORTCODE*/

.product-shortcode .product-el-none{padding:20px}
.fa-exclamation-triangle{font-size:34px;margin-bottom:15px}
.product-shortcode ._viewed_slider_container .product-el-none{border:1px var(--color-dark-gray-3) dashed;width:calc(100% - 1px)!important}
.product__carousel .gallery-thumbs .swiper-slide{max-height:100px}
/* SIDEBAR */
ul.sidebar{list-style:none}
ul.sidebar li{margin-bottom:8px;}
ul.sidebar a{text-decoration:none!important;width:100%;display:inline-block}
/* MENU */
.submenu{display:none}
.simple-menu, .mega-menu-container{position:absolute}
.nav-wrap-special{overflow:hidden}
.nav-photo{height:100%; box-shadow: inset 0 -35px 35px rgba(0, 0, 0, 0.4)}
.nav-photo span{position:absolute;left:15px;bottom:10px;z-index:1;display:inline-block;font-size:20px;color:#FFF;font-weight:600;}

.menu-builder .sub-menu.width-100{width:100%;right:0}
.show-on-scroll{opacity:0}


/* fixed-hero */
.fixed-hero,.fixed-hero-affix{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-hero *,.fixed-hero-affix *{transition:all .3s ease}
.fixed-hero img,.fixed-hero-affix img{transition:0s !important}
.fixed-hero{border-bottom-width:0 !important}
.fixed-hero-affix.border-bottom{border-bottom-width:1px !important;transition:all 1s ease}
.fixed-hero .bg-wrap{background:transparent !important}
.fixed-hero img{filter:grayscale(100%) brightness(5)}
.fixed-hero .nav-link{filter:brightness(3) invert(0) contrast(1) !important}
.fixed-hero .nav-link:not(.active),.fixed-hero ul.list-inline>li{color:#FFF}
.fixed-hero .btn-outline-primary,.fixed-hero .btn-outline-secondary{filter:grayscale(100%) brightness(0) invert(1) !important}
.fixed-hero .btn-dark{filter:invert(1) !important}
.fixed-hero .navbar-toggler .icon-bar{background:#FFF !important}
.fixed-hero svg{fill:#FFF !important}
/* end fixed-hero */


/* level 0 */
.sub-menu-link{position:relative}
li.nav-item a.sub-menu-link:after{content:'keyboard_arrow_down';font-family:'Material Symbols Outlined';font-style:normal;font-weight:900;vert-align:middle;display:inline-block;margin-left:5px;font-size:14px}

/* level 1, level 2 */
.w-min-250px,ul.mega-menu-container.w-min-250px .column{min-width:250px!important}
.submenu.mega-menu-container.w-min-250px{right:inherit;left:inherit}
.submenu .nav-item a.nav-link { padding: 12px 15px}
.nav-item h6 a.nav-link{color:var(--color-dark-gray-3);font-size:14px;font-weight:700}


@media only screen and (max-width: 1229px) {
    .no-scroll {
        overflow: hidden !important;
        height: var(--vh);
    }

    .menu-builder .nav-link {
        color: #333 !important;
        font-size: 20px !important;
        height: 40px !important;
        font-weight: normal !important;
        line-height: 30px;
    }
    .dark .menu-builder .nav-link {
        color: #DDDDDD !important;
    }

    .menu-builder .nav-link i {
        font-size: 24px;
    }

    .menu-builder .nav-item.show-level {
        max-height: 395px;
        overflow: auto;
    }

    ul.navbar-nav.menu-builder {
        min-height: 350px;
    }

    .menu-builder .w-min-250px, .menu-builder ul.mega-menu-container.w-min-250px .column { min-width: 100% !important;}
    .menu-builder .column h6{ margin: 0 !important;}
    .menu-builder .list-unstyled { padding: 0 !important;}


    .menu-builder li.nav-item a.sub-menu-link:after, .level-1 .column a:after, .level-2 .column.show-level h6 a:after {
        font-family:'Material Symbols Outlined';
        content: 'keyboard_arrow_right';
        padding: 5px;
        background: #DDD;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        color: #444;
        float: right;
        font-size: 18px;
        line-height: 15px;
        margin: 0;
        font-weight: 900 !important;
    }

    .menu-builder li.nav-item a:hover:after {
        background: #333;
        color: #fff;
    }

    .level-1 li.nav-item a.sub-menu-link, .level-2 .column.show-level h6 a {
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .level-1 li.nav-item a.sub-menu-link:after, .level-2 .column.show-level h6 a:after {
        background: none;
        color: #333;
        content: 'keyboard_arrow_left';
        float: left;
        margin: 0 5px 0 -5px;
        width: auto;
        padding: 0;
        height: 30px;
        line-height: 30px;
    }

    .navbar.navbar-expand-lg.sticky-top .navbar-collapse,.navbar.navbar-expand-lg.fixed-top .navbar-collapse{max-height:480px;overflow-y:hidden}
    .nav-wrap-special{border-radius:0!important;border:0!important;box-shadow:none!important;min-width:auto!important}
    .simple-menu, .mega-menu-container{padding:0!important; position:relative}
    .col-photo, .nav-photo { display: none !important;}

    .level-1 .nav-item, .level-2 .nav-item{ display: none}

    .level-1 .nav-item.show-level, .level-2 .nav-item.show-level{ display: block}{ display: block}
    .level-1 .show-level .simple-menu .nav-item, .level-1 .show-level .mega-menu-container h6 .nav-item{ display: block}

    .level-2 .sub-menu-link, .level-2 .column {display: none}
    .level-2 .column.show-level, .level-2 .column.show-level .nav-item { display: block}

}

/* trademark */
html #trademark{display:block!important;position:absolute!important;bottom:0!important;right:0!important;z-index:111!important;padding:2px 15px!important;font-size:13px!important;background:rgba(0,0,0,0.3)!important;text-decoration:none!important;color:#FFF!important;opacity:1!important}

/* comments */
#star-rate{display:inline-block;width:100%;text-align:right}
.comment .rate{height:46px}
.comment .rate:not(:checked) > input{display:none}
.comment .rate:not(:checked) > label,.comment .rate > label.no-active{float:right;overflow:hidden;white-space:nowrap;cursor:pointer;color:var(--color-light-gray-2)}
.comment .rate:not(:checked) > label:before{
    font-size: 100%;
}
.comment .rate:not(:checked) > label:before {
    font-family: 'Material Symbols Outlined';
    content: "\e838";
    font-size: 28px !important;
}
.comment .rate > input:checked ~ label{color:var(--color-bright-yellow)}
.comment .rate:not(:checked) > label:hover,.comment .rate:not(:checked) > label:hover ~ label{color:var(--color-orange)}
.comment .rate > input:checked + label:hover,.comment .rate > input:checked + label:hover ~ label,.comment .rate > input:checked ~ label:hover,.comment .rate > input:checked ~ label:hover ~ label,.comment .rate > label:hover ~ input:checked ~ label{color:var(--color-gold)}
.comment .rate > label.selected,.comment .rate > label.no-active{cursor:default}
.comment .rate > label.selected{color:var(--color-bright-yellow)!important}
.comment .rate > label.no-active{color:var(--color-light-gray-2)!important}

/* PRICE RANG */
div#price-range{position:relative;background:var(--color-off-white-1)}
div#price-range .ui-slider-handle{position:absolute;background:#FFF;border:1px #CCC solid;width:18px;height:18px;top:-5px;border-radius:50%;margin-left:-10px;outline:none}
div#price-range .ui-slider-range.ui-corner-all.ui-widget-header{height:8px;position:relative}
input#priceRange,input#priceRange:focus-visible{width:100%;text-align:center;border:0!important;outline:none}
div#priceDisplay{text-align:center;margin-bottom:10px}
/* PRODUCTS LIST SIDEBAR*/
#shop-sidebar label.custom-control-label.filter:before,#shop-sidebar label.custom-control-label.filter:after{display:none}
#shop-sidebar .custom-control.custom-checkbox{padding:0}
.custom-control.custom-checkbox{margin:5px 0; padding-left: 0}
.custom-control.custom-checkbox input{display:none}
.custom-control.custom-checkbox label{cursor:pointer;width:100%}
.custom-control.custom-checkbox i.fas.fa-check{padding:3px;font-size:8px;border-radius:50%;margin-right:5px;vert-align:middle}
.custom-control.custom-checkbox input:not(:checked) + label.custom-control-label i.fas.fa-check{border-color:#CCC;background:#CCC}
.ui-slider-horizontal{height:8px!important}
.ui-slider-horizontal .ui-slider-handle{top:-.4em}
.widget-box{margin-bottom:15px;padding:10px;border:1px #DDD solid; border-radius: 15px}
.widget-head{cursor:pointer !important;position:relative}
.limited-high{max-height:200px;overflow:auto}
.atres-elements .custom-control{display:inline-block!important}
.atres-elements .custom-control.custom-checkbox label{padding:5px;border-width:1px;font-size:13px; border-radius: 10px}
.atres-elements .custom-control.custom-checkbox input:not(:checked) + label{background:#FFF;border-color:#CCC;color:var(--color-gray-3)}

/* SORT */
div#shop-display { text-align: right}
div#shop-display i { cursor: pointer; font-size: 20px}

/* shop-subcategory */
.shop-subcategory a .zoom-bg-container{transition:transform .3s ease!important}
.shop-subcategory a:hover .zoom-bg-container{transform:scale(1.1)}
.overflow-hidden{overflow:hidden}
.shop-subcategory a{position:relative}
.center-center{top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;position:absolute}
.shop-subcategory .text-white{color:#FFF!important}
.shop-subcategory a:after{content:'';background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;z-index:1;top:0;left:0}
.shop-subcategory a:hover:after{background-color:rgba(0,0,0,0.4)}
div#sort .form-control{border:1px #DDD solid;border-radius:15px;padding:8px 30px 8px 8px; height: 40px}

/* SCROLLBAR */
::-webkit-scrollbar{height:4px;width:4px; border-radius: 2px; background: #f2f2f2}
::-webkit-scrollbar-thumb{background: #b4b4b4;  border-radius: 2px}

/* product list */

.displayProduct.list .product-card{display:flex}
.displayProduct.list .product-card-thumb{max-width:250px;display:grid}
.displayProduct.list .product-card-content{display:block!important}
.displayProduct.list .product-card-details{padding-left:20px;width:100%;display:grid}
.product-card{position:relative}
.product-card-title{margin-top:10px}
.product-card-details a{text-decoration:none!important;color:var(--color-gray-1)!important}
@media only screen and (max-width: 600px) {
    .brand-col{padding:0 10px}
    div#breadcrumbs p{padding:0!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
    #breadcrumbs .img-bg + .container .list{margin-top:20px}
    #breadcrumbs .img-bg + .container{padding-top:20px}
    .displayProduct.list .product-card-thumb{display:inline-block;max-width:35%}
    .displayProduct.list .product-card-content p{display:none}
    .displayProduct.list .product-card-details{padding-left:10px}
    div#shop-display button{text-align:center!important}
}
#activeFilters ul{list-style:none}
#activeFilters ul li{display:inline-block;background:var(--color-dark-gray-3);padding:5px 10px;border-radius:20px;font-size:12px;color:#FFF;margin:5px;cursor:pointer}
div#activeFilters:has(li){display:block!important}
@media only screen and (min-width: 600px) {
    #widget-categories .widget-head{cursor:initial}
    form#signup-form .col-md{padding:0 10px}
    form#signup-form .row{margin:0 -10px!important}
}

/* sidebar */
#toggle-sidebar, #toggle-menu {
    position: fixed;
    top: 35%;
    left: 0;
    padding: 10px;
    background: #FFF;
    border: 1px #DDD solid;
    z-index: 11 !important;
    cursor: pointer;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#toggle-sidebar i, #toggle-menu i {
    font-size: 22px;
    line-height: 22px;
}
.sidebarModal-header {
    text-align: right;
}
.sidebarModal-body {
    padding: 0 10px;
}
.sidebarModal-header .close-sidebar {
    font-size: 18px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

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

    div.sidebarModal.active {
        display: block !important;
        z-index: 11111;
    }

    div.sidebarModal.active .sidebarModal-content {
        position: fixed;
        background: #FFF;
        height: calc(var(--vh) - 30px);
        overflow: auto;
        padding: 10px;
        width: calc(100% - 30px);
        max-width: 400px;
        margin: 15px;
        top: 0;
        left: 0;
        border-radius: 15px;
    }

    div.sidebarModal.active .sidebarModal-body {
        height: calc(var(--vh) - 90px);
        overflow: auto;
        padding: 10px;
    }

    div.sidebarModal.active .sidebarModal-backdrop{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: -1;
    }

    div#panel-menu .nav-link i {
        font-size: 26px;
        margin-right: 10px !important;
    }
    div#panel-menu .nav-link {
        padding: 10px 20px;
        font-size: 18px;
    }
}

/* SLIDER GALLERY */
.swiper-slide img{max-height:100%}
.swiper-container,.swiper-wrapper{position:relative;z-index:1;display:-ms-flexbox;display:-webkit-flex}
.swiper-container{display:flex;margin:0 auto;overflow:hidden}
.swiper-container,.swiper-container .swiper-wrapper{height:auto;min-height:30.9375vw}

/* basket */
.empty-cart{margin:50px auto}
.empty-cart .icon .btn{position:absolute;top:-10px;right:0;padding:5px;border-radius:50%;width:30px;height:30px;text-align:center;display:inline-block;cursor:initial;font-size:14px}
.empty-cart .icon{width:100px;margin:0 auto 20px;position:relative}
.item-basket-col{width:20%}
.item-basket .item-basket-col:nth-child(1){width:60%}

/* Selectors */
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff0;border:none}
.selector { position: relative;}
.selector i { display: block; width: 10px; height: 10px; position: absolute; top: 10px; right: 15px; }

.selector.selector-rounded select { height: 35px !important; border-radius: 20px !important; }
.selector.selector-rounded i { top: 8px; right: 15px;  }
.selector select { padding-right: 30px}


/* product */
.brand-logo{max-height:55px}
#product ul.nav.nav-tabs li .btn-primary:not(.active){background:#FFF!important;color:var(--color-black)}
.special-input-number { min-width: 200px}
.special-input-number i { color: var(--color-dark-gray-3)}
.special-input-number input,.special-input-number button{border:1px solid #CCC;box-sizing:border-box;margin:0;outline:none;padding:10px; border-radius: 5px}
.special-input-number input[type="button"]{-webkit-appearance:button;cursor:pointer}
.special-input-number input::-webkit-outer-spin-button,.special-input-number input::-webkit-inner-spin-button{-webkit-appearance:none}
.special-input-number .input-group{width:100%;margin:15px auto;position:relative;text-align:center;display:block}
.special-input-number .input-group button{background-color:#FFF;min-width:38px;width:auto;vertical-align:top;cursor:pointer}
.special-input-number .input-group button:hover{background-color:#EEE}
.input-group .button-minus,.input-group .button-plus{font-weight:700;height:38px;padding:0;width:38px;position:relative}
.special-input-number .input-group .quantity-field{position:relative;height:38px;text-align:center;width:62px;display:inline-block;font-size:13px;resize:vertical}
ul#infoList{list-style:none}
span.link{text-decoration:underline;cursor:pointer;display:inline-block}
.product__carousel{margin:0 0 20px;position:relative}
.btn-wishlist, .btn-add-quick {
    position: absolute;
    z-index:11;
}
.custom-page .btn-wishlist:hover,.custom-page .btn-add-quick:hover {
    border-color: #AAA;
}

.product-side-content .sku-code{font-size:12px}
.bg-grey{background:var(--color-off-white-5)}
.bg-dark-grey,.btn-dark-grey{background:#CCC}
.btn-dark-grey:hover{background:#BBB}
.bg-grey.border-top,.bg-grey.border-bottom{border-color:#DDD!important}
.more-box .display-more{display:block!important;position:absolute;bottom:-25px;left:calc(50% - 23.5px);padding:10px;background:#FFF;border-radius:50%;z-index:1;border:1px #DDD solid;cursor:pointer}
.display-more:hover{border-color:#CCC}
.max-height-300,.max-height-500,.max-height-800{overflow:hidden}
.max-height-300{max-height:300px}
.max-height-500{max-height:500px}
.max-height-800{max-height:800px}
.variants-wrapper{margin:0 auto;max-width:200px;text-align:left}
.variants-wrapper .variant {
    border-radius: 10px;
}
form.productForm select{margin:5px auto 15px;border:1px #CCC solid!important;padding:9px}
select:disabled{opacity:.5!important}
.salePrice{font-size:12px!important;vertical-align:top;margin-right:5px}
.reset-variable{margin:20px 0}
#product .badge{font-size:12px;text-transform:uppercase; border-radius: 15px; padding: 4px 8px}

/* product search */
#productSearch { height: auto; padding: 0 !important;}
#productSearch .productSearch_display {
    padding: 15px 30px;
    height: calc(var(--vh) - 220px);
    overflow: auto;
}

.productSearch_more {
    text-align: center;
    margin-top: 20px;
    padding: 15px 0;
}
/* basket */
#basket-tm{position:relative;margin:0 3px 0 12px}
.basketCounter{position:absolute;bottom:-10px;left:-5px;padding:2px;width:20.5px;text-align:center!important;display:block;border-radius:50%!important;font-size:9px;height:20.5px;line-height:12px}
.modal-body.basket-cart{height:calc(var(--vh) - 240px);overflow:auto;padding:15px}
@media only screen and (max-width: 800px) {
    .product-card .btn-wishlist,.product-card .btn-add-quick {
        display: none !important;
    }
    .item-basket-col,.item-basket .item-basket-col:nth-child(1){width:100%}
}
#basketModal .modal-footer .btn{text-align:center;display:block;font-weight:700;color:#FFF;text-transform:uppercase}
.basket-img{display:inline-block;background-position:center;background-size:contain!important;background-repeat:no-repeat}
.basket-cart a{text-decoration:none!important}
.total-calculate{border-top:1px #DDD solid}
.display-variants{list-style:none;margin-bottom:5px}
.display-variants li{font-size:14px}
/* cart */
.height-100{overflow-y:auto}
.page-full{max-width:1600px;display:flex;margin:0 0 0 auto}
body.web-cart,body.web-checkout{background:var(--color-off-white-6)}
.cart-left{padding-top:20px;border:#DDD}
.cart-right{width:100%;background:var(--color-off-white-2);padding:20px;max-width:450px}
.cart-item{background:#FFF;border-radius:20px}
.box-shadow{box-shadow:0 0 .4rem rgba(0,0,0,.05)}
.check-box-el{position:relative}
.check-box-el input[type="checkbox"]:checked + form,.check-box-el input[type="checkbox"].active + form{display:flex!important}
.check-box-button{border:0!important;padding:2px;border-radius:50%!important;position:absolute;top:15px;right:15px}
.check-action .check-box-button, .check-payment .check-box-button {
    position: relative;
    top: -2px;
    right: 0;
    margin-right: 5px;
}
.check-box-el input[type="checkbox"]:not(:checked):not(.active) + form + .check-box-button,.check-action:not(.active) .check-box-button,.check-payment input[type="radio"]:not(:checked) + .check-box-button{background:#CCC}

.empty-cart-display{display:flex;padding:25vh 0}
.btn-cart-preview{width:28px;height:28px;text-align:center;padding:5px;background:none}
.cart-preview .cart-title{text-transform:uppercase}
.border-danger{border:1px var(--color-red) solid!important}
#cart .del-item{position:absolute;top:12px;right:12px}

/* checkout */
#mobile-checkout{background:#FFF;position:fixed;bottom:0;z-index:11;border-top:1px #DDD solid}
.custom-form input,.custom-form select,.custom-form textarea{border:1px #CCC solid!important;border-radius:10px!important;padding:10px}
.custom-form select{padding-right:10px!important}
.custom-form label{margin-bottom:5px}
.custom-form .form-group{margin:0;margin-bottom:5px!important}
.custom-form .form-group .col-md-12{padding:0 10px!important;margin-bottom:0!important}
.custom-form .form-group .col-md-6{padding:0 10px!important;margin-bottom:10px}
a#arrow-back{position:absolute}
.custom-page .list-group{list-style:none}

/* quick view */
div#quickAdd h1{font-size:24px!important}
#quick-gallery{display:inline-grid;margin-bottom:20px}
#quick-gallery .image{background-repeat:no-repeat;background-position:center;background-size:contain}
#quick-gallery img{max-width:100%}
div#quick-thumbs{display:flex;width:100%;overflow:auto}
div#quick-thumbs .thumb-image{background-repeat:no-repeat;background-position:center;background-size:contain;width:98px;min-width:98px;display:grid;border:1px #DDD solid;border-radius:3px;margin:0 2.5px;background-color:#FFF}
div#quick-thumbs .thumb-image.active{border-color:var(--color-dark-gray-3)}
div#breadcrumbs .img-bg:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0}
.custom-page .text-dark{color:var(--color-dark-gray-1)!important}

/* ERROR PAGE */
body#error-page{background:#fff;margin:0;padding:0}
#error-page .error-container{width:calc(100% - 60px); max-width:800px;text-align:center;margin:0 auto; padding: 30px}
#error-page .logo-st0 *, #error-page .logo-st1 * {fill:var(--color-white)}
#error-page a{color:var(--color-gray-2);text-decoration:underline}
#error-page p{color:var(--color-gray-2)}
#error-page .title{color:var(--primary-pink); font-weight: normal}
#error-page .btn-link { background: var(--primary-pink); border-radius: 20px; border: 0; text-decoration: none; padding: 7px 15px; font-size: 16px; color: #FFF}
img.error-img{display:block;height:calc(var(--vh) - 240px);margin:20px auto;max-width:100%}

/* payment page */
.additional-note{resize:none;height:100px}
#card-element{margin:15px 10px 10px}
#stripe-card{max-width:430px;margin:0 auto}
.check-payment input[type="radio"]:checked ~ .payment-method{display:block!important}
div#payment-address p{margin:0!important;font-size:12px}

/* summary page*/
.on-hold.ma-icons-local_shipping{color:var(--color-gray-5)!important}
.partial.ma-icons-local_shipping{color:var(--color-yellow)!important}
.complete.ma-icons-local_shipping{color:var(--color-green)!important}
#bank-details .alert{padding:5px;margin-bottom:5px}
.la-copy{margin-top:-2px;float:right}
.btn.status {
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 11px !important;
    color: var(--color-white);
}

/* modern-table */
.modern-table{width:100%}
.modern-table .table-head .each{float:left;font-weight:500;color:#9ba4ab;padding:10px 5px}
.modern-table .table-body .table-row{border:1px var(--color-light-gray-4) solid;background:var(--color-off-white-7);padding:10px;border-radius:15px;margin-bottom:10px; display: inline-block; width: 100%}
.modern-table .table-row .each {align-content: center; min-height: 36px }
.modern-table .table-body .table-row:nth-child(2n){background:0 0}
.modern-table .table-body .table-row:hover{box-shadow:0 0 5px 1px rgba(100,100,100,.1);background-color:var(--secondary-white)}
.modern-table .table-body .table-row .each{position:relative;float:left;font-weight:500;font-size:14px!important;color:var(--text-dark-gray);}
.table-body .each .left{display:none}
.table-body .each .right { word-break: break-word}
.table-row [class^="col"]:first-child { padding-left: 0; }
.table-row [class^="col"]:last-child { padding-right: 0; }

@media (max-width: 767px) {
    .hide-mobile{display:none!important}
    .grid-container .each-container{width:33.3%}
    .table-head{display:none}
    .table-body .each{width:100%!important}
    .table-body .each .left{float:left;width:50%;display:block}
    .table-body .each .right{float:left;width:50%;text-align:right}
}


.fill-white{fill:#FFF!important}
div#orderSteps .check-box-el{border:1px #DDD solid;box-shadow:none}
.small-loader{position:relative!important;display:block!important;height:auto!important;width:auto!important}
#stripe-card{margin:30px auto}
form#stripe-card .row{margin:0}
form#stripe-card .col{padding:0 10px}
#stripe-card label{position:relative;color:#8898AA;font-weight:800;font-size:12px}
#stripe-card label > span.brand{width:30px}
#stripe-card .field{background:var(--color-off-white-4);border:1px #dddddd solid;border-radius:10px;margin:5px 0;font-weight:300;outline:none;flex:1;padding-right:10px;padding-left:10px;cursor:text}
#stripe-card .field::-webkit-input-placeholder{color:#CFD7E0}
#stripe-card .field::-moz-placeholder{color:#CFD7E0}
#cards-display .card-col{padding:0}
#cards-display .card-col svg, .card-brand svg{border-radius: 50%}
#cards-display .card-col div,#cards-display .card-col span{line-height:28px}
#cards-display .card-col span{font-size:12px}

.btn-status {
    font-size: 10px !important;
    border-radius: 4px !important;
    padding: 0 4px;
    cursor: auto;
    line-height: initial !important;
}
.fit-content{width:fit-content;margin:0 auto!important}

.dropdown{width:20px;display:inline-block}
.dropdown-menu{overflow:hidden;padding:0}
.dropdown-menu .dropdown-item{padding:7px 15px;font-weight:600!important;transition:background-color .3s;line-height:20px;font-size:12px}
.dropdown-menu{box-shadow:0 0 6px 0 rgba(0,0,0,0.1)!important}
.dropdown-menu.show {
    transform: translate3d(-5px, 20px, 0px) !important;
    will-change: unset !important;
    z-index: 11;
}

.dropdown-menu {
    border-radius: 15px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    border: none;
    padding: 0 !important;
    overflow: auto;
    background-color: var(--color-white) !important;
}

.post-element .item-title a{text-decoration:none!important}
.post-element .item-title h4 a{font-size:18px;color:var(--color-gray-1);min-height:44px}
.product-card-link-title{min-width:35px}
.btn-white{background:#FFF !important;}
.post-element.shadow{box-shadow:0 0 5px rgba(68,68,68,0.3)}
.description-text{font-size:14px;color:var(--color-gray-1);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:63px}
/* form */
input[type=checkbox] + .lbl::after,input[type=radio] + .lbl::after{height:0;width:0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat}
input[type=checkbox]:checked + .lbl::after,input[type=radio]:checked + .lbl::after{height:16px;width:16px;top:2px;left:1px}
/* filters */
.filter-box { padding-right: 5px}
.widget-box .form-group {margin-top: 10px}
.filter-box .atres-elements .custom-control label:before,.filter-box .atres-elements .custom-control label:after{display:none!important}
/* virtual product - video */
.video-bg:after{content:'';background:rgba(0,0,0,0.2);width:100%;height:100%;display:block;position:absolute;top:0;right:0;z-index:0}
.video-paid:after{background:rgba(0,0,0,0.5)}
.text-decoration-none,.text-decoration-none:hover{text-decoration:none!important}
.btn-grey{background:#CCC;color:#FFF}
/* whatsApp */
#whatsApp-icon{position:fixed;bottom:20px;z-index:111;right:20px}
#whatsApp-icon .whatsApp-close{padding:3px;position:absolute;top:0;right:0;z-index:111;background:rgba(238,238,238,0.8);border-radius:50%;border:1px #DDD solid;cursor:pointer}
#whatsApp-icon .whatsApp-chat{margin:20px}
/* trumbowyg display */
.post-content .img-zoom-in{cursor:zoom-in}
.post-content .visual-element {width: 100% !important;}
.post-content .visual-element .row{width:100% !important;margin:0}
.post-content .visual-element .col-md{padding:0; width: inherit !important;}
.post-content .visual-element .d-block { overflow: hidden}

@media only screen and (max-width: 767px) {
    .post-content .visual-element .col-md {
        padding: 0 !important;
    }
}

.post-content ul.image-wrapper img{width:100%}
.post-content ul.image-wrapper{position:relative;list-style:none;padding:0;width:fit-content;margin:0 auto}
.post-content ul.image-wrapper li{list-style:none}
.post-content .image-wrapper.alt-display::after{content:attr(title);font-size:11px;display:inline-block;width:100%;padding:8px 10px;text-align:center}


/* round button */
.btn-round-icon {
    font-size: 18px;
    border-width: 1px !important;
    border-style: solid;
    border-color: #DDD;
    width: 30px;
    height: 30px;
    line-height: 15px;
    display: inline-block;
    text-align: center;
    align-content: center;
    border-radius: 50% !important;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    background: none;
    color: #555555;
}

.btn-round-icon.s-25x25{width:25px;height:25px}
.btn-round-icon.s-35x35{width:35px;height:35px}
.btn-round-icon.s-40x40{width:40px;height:40px}
.btn-round-icon i{font-size:18px;}
.btn-round-icon.s-20x20 i{font-size:14px!important}

/* alerts */
.alert-secondary{background:var(--color-off-white-1)!important}
.alert-danger{background: #fcf7f7 !important}
.alert-warning{background: #fcf9f6 !important}

/* dashboard widget */
#order-widget .each .right, #order-widget .each .left{
    font-size: 12px;
}

/* gallery */
.gallery-item .item-icon {
    pointer-events: none;
}

/*gmap*/
.g-map iframe {display: block !important; border: 0 !important;}
.g-map.w-100 iframe{ width: 100%; height: 400px}
.gmap-night {
    filter: invert(1) brightness(1) contrast(1) hue-rotate(190deg);
}
.gmap-gray {
    filter: grayscale(1) contrast(1.1);
}
.gmap-dark-gray {
    filter: grayscale(1) contrast(1.1) invert(1);
}
.gmap-sepia {
    filter: sepia(0.5) saturate(0.6);
}
.gmap-cool-blue {
    filter: brightness(0.9) saturate(1.3) hue-rotate(190deg);
}
.gmap-warm-glow {
    filter: brightness(1) sepia(0.1) saturate(1.8) hue-rotate(-10deg)
}
.page-mode-edit-style .g-map iframe, .page-mode-project-pages a, .page-mode-project-pages .contact_form button[type="submit"] {
    pointer-events:none
}

a.accordion-header {
    pointer-events: auto !important;
}

.page-mode-project-pages .gallery-item a {
    pointer-events: auto !important;
}

.dark span.icon-bar {
    background: #EEE !important;
}

.section-overall ~ .section-overall {
    position: relative;
    z-index: 2;
}
.section-carousel + .section-overall, .section-overall + .section-overall {
    z-index: 9;
}

/* bg shadow */
.bg-shadow *, .bg-light * { z-index: 2; position: relative}
.bg-shadow .bg, .bg-shadow .bg-wrap, .bg-shadow .nav-bg, .bg-light .bg, .bg-light .bg-wrap, .bg-light .nav-bg {
    position: absolute;
    z-index: auto
}

.bg-shadow:after, .bg-light:after {
    display: block;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.45;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.bg-light:after {
    background: #FFF;
}

header.section-carousel .item {
    position: relative;
}

header .bg-shadow:after,header .bg-light:after {
    opacity: 0.5;
}

.col-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th,
.col-xl-5th {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Extra small */
.col-5th {
    flex: 0 0 20%;
    max-width: 20%;
}

/* Small ≥576px */
@media (min-width: 576px) {
    .col-sm-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Medium ≥768px */
@media (min-width: 768px) {
    .col-md-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Large ≥992px */
@media (min-width: 992px) {
    .col-lg-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Extra large ≥1200px */
@media (min-width: 1200px) {
    .col-xl-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 767.98px) {
    .col-md-5th:last-child {
        display: none;
    }
}

/* content-box */

.content-box.light .btn-outline-light {
    border-color: #555 !important;
    color: #555 !important;
}

.content-box.dark .btn-outline-dark {
    border-color: #FFF !important;
    color: #FFF !important;
}

/* section separator for dark mode*/

.section-sep.dark img, .section-sep.dark .bg {
    filter: invert(0.8654) !important
}

.section-sep.dark svg path {
    fill: #232122 !important;
}


/* global sections */
img.mfp-img {
    max-height: 100vh !important;
}

html #hitme-container {
    display: block !important;
    position: relative !important;
    opacity: 1 !important;
    z-index: 11 !important;
    right: inherit !important;
    background: none !important;
    color: #555 !important;
    text-decoration: none !important;
    text-align: center !important;
}

html #hitme-container a {
    display: block !important;
    opacity: 1 !important;
    z-index: 11 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}

html #hitme-container svg {
    width: 33px !important;
    height: 45px !important;
    margin: 0 15px 0 10px !important;
}