/*(c) 2023 Zampworks*/

/*Variable declaration*/
:root {
    --zp-slowest:1000ms;
    --zp-slower:750ms;
    --zp-slow:500ms;
    --zp-fast:350ms;
    --zp-faster:250ms;
    --zp-fastest:100ms;
}
html, body {
    overflow-x:hidden!important;
}
body {
    --zp-dim-100:100%;
    --zp-dim-50:49.9999%;
    --zp-dim-2xl:1444px;
    --zp-dim-xl:1140px;
    --zp-dim-lg:920px;
    --zp-dim-md:768px;
    --zp-dim-sm:480px;
    --zp-dim-xs:240px;

    display: block!important;
}

.iti {
    --iti-path-flags-1x: url('https://blog.zamp.me/react-zampsuite/src/assets/css/intl-react/flags.png');
    --iti-path-flags-2x: url('https://blog.zamp.me/react-zampsuite/src/assets/css/intl-react/flags@2x.png');
    --iti-path-globe-1x: url('https://blog.zamp.me/react-zampsuite/src/assets/css/intl-react/flags.webp');
    --iti-path-globe-2x: url('https://blog.zamp.me/react-zampsuite/src/assets/css/intl-react/flags@2x.webp');
}

/*Custom CSS components*/
.btn-action-on {display:none;}
.btn-action-indicator .btn-action-off {display:none}
.btn-action-indicator .btn-action-on {display:inline-flex;}

.fluid-hover {transition:ease var(--zp-fast);transform:translateY(0) scale3d(1, 1, 1);}
.fluid-hover:hover {transform:translateY(-0.5rem) scale3d(1.015, 1.015, 1);}

/*Animation*/
.anim-spin, .zp-a-spin {animation:zp_anim_spin linear var(--zp-fast) infinite;}
.anim-speed-slowest {animation-duration:var(--zp-slowest)!important;}
.anim-speed-slower {animation-duration:var(--zp-slower)!important;}
.anim-speed-slow, .zp-a-speed-slow {animation-duration:var(--zp-slow)!important;}
.anim-speed-faster {animation-duration:var(--zp-faster)!important;}
.anim-speed-fastest {animation-duration:var(--zp-fastest)!important;}
@keyframes zp_anim_spin {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

/*Transition*/
.trans {transition:ease var(--zp-fast);}
.trans-speed-slowest {transition-duration:var(--zp-slowest)!important;}
.trans-speed-slower {transition-duration:var(--zp-slower)!important;}
.trans-speed-slow {transition-duration:var(--zp-slow)!important;}
.trans-speed-faster {transition-duration:var(--zp-faster)!important;}
.trans-speed-fastest {transition-duration:var(--zp-fastest)!important;}

/*Dimension*/
.w-6 {width:var(--zp-dim-2xl)!important;}
.w-5 {width:var(--zp-dim-xl)!important;}
.w-4 {width:var(--zp-dim-lg)!important;}
.w-3 {width:var(--zp-dim-md)!important;}
.w-2 {width:var(--zp-dim-sm)!important;}
.w-1 {width:var(--zp-dim-xs)!important;}

.h-6 {height:var(--zp-dim-2xl)!important;}
.h-5 {height:var(--zp-dim-xl)!important;}
.h-4 {height:var(--zp-dim-lg)!important;}
.h-3 {height:var(--zp-dim-md)!important;}
.h-2 {height:var(--zp-dim-sm)!important;}
.h-1 {height:var(--zp-dim-xs)!important;}

.top-0 {top:0!important;}
.top-100 {top:100%!important;}
.bottom-0 {bottom:0!important;}
.bottom-100 {bottom:100%!important;}
.left-0 {left:0!important;}
.left-100 {left:100%!important;}
.right-0 {right:0!important;}
.right-100 {right:100%!important;}

.square-1 {width:0.5rem!important;height:0.5rem!important;min-width:0.5rem!important;min-height:0.5rem!important;}
.square-2 {width:1rem!important;height:1rem!important;min-width:1rem!important;min-height:1rem!important;}
.square-3 {width:1.5rem!important;height:1.5rem!important;min-width:1.5rem!important;min-height:1.5rem!important;}
.square-4 {width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;}
.square-5 {width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;}
.square-6 {width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important;}
.square-7 {width:3.5rem!important;height:3.5rem!important;min-width:3.5rem!important;min-height:3.5rem!important;}
.square-8 {width:4rem!important;height:4rem!important;min-width:4rem!important;min-height:4rem!important;}
.square-9 {width:4.5rem!important;height:4.5rem!important;min-width:4.5rem!important;min-height:4.5rem!important;}
.square-10 {width:5rem!important;height:5rem!important;min-width:5rem!important;min-height:5rem!important;}
.square-11 {width:5.5rem!important;height:5.5rem!important;min-width:5.5rem!important;min-height:5.5rem!important;}
.square-12 {width:6rem!important;height:6rem!important;min-width:6rem!important;min-height:6rem!important;}
.square-13 {width:6.5rem!important;height:6.5rem!important;min-width:6.5rem!important;min-height:6.5rem!important;}
.square-14 {width:7rem!important;height:7rem!important;min-width:7rem!important;min-height:7rem!important;}
.square-15 {width:7.5rem!important;height:7.5rem!important;min-width:7.5rem!important;min-height:7.5rem!important;}
.square-16 {width:8rem!important;height:8rem!important;min-width:8rem!important;min-height:8rem!important;}
.square-17 {width:8.5rem!important;height:8.5rem!important;min-width:8.5rem!important;min-height:8.5rem!important;}
.square-18 {width:9rem!important;height:9rem!important;min-width:9rem!important;min-height:9rem!important;}
.square-19 {width:9.5rem!important;height:9.5rem!important;min-width:9.5rem!important;min-height:9.5rem!important;}
.square-20 {width:10rem!important;height:10rem!important;min-width:10rem!important;min-height:10rem!important;}
.square-21 {width:10.5rem!important;height:10.5rem!important;min-width:10.5rem!important;min-height:10.5rem!important;}
.square-22 {width:11rem!important;height:11rem!important;min-width:11rem!important;min-height:11rem!important;}
.square-23 {width:11.5rem!important;height:11.5rem!important;min-width:11.5rem!important;min-height:11.5rem!important;}
.square-24 {width:12rem!important;height:12rem!important;min-width:12rem!important;min-height:12rem!important;}
.square-25 {width:12.5rem!important;height:12.5rem!important;min-width:12.5rem!important;min-height:12.5rem!important;}
.square-26 {width:13rem!important;height:13rem!important;min-width:13rem!important;min-height:13rem!important;}
.square-27 {width:13.5rem!important;height:13.5rem!important;min-width:13.5rem!important;min-height:13.5rem!important;}
.square-28 {width:14rem!important;height:14rem!important;min-width:14rem!important;min-height:14rem!important;}
.square-29 {width:14.5rem!important;height:14.5rem!important;min-width:14.5rem!important;min-height:14.5rem!important;}
.square-30 {width:15rem!important;height:15rem!important;min-width:15rem!important;min-height:15rem!important;}
.square-31 {width:15.5rem!important;height:15.5rem!important;min-width:15.5rem!important;min-height:15.5rem!important;}
.square-32 {width:16rem!important;height:16rem!important;min-width:16rem!important;min-height:16rem!important;}
.square-33 {width:16.5rem!important;height:16.5rem!important;min-width:16.5rem!important;min-height:16.5rem!important;}
.square-34 {width:17rem!important;height:17rem!important;min-width:17rem!important;min-height:17rem!important;}
.square-35 {width:17.5rem!important;height:17.5rem!important;min-width:17.5rem!important;min-height:17.5rem!important;}
.square-36 {width:18rem!important;height:18rem!important;min-width:18rem!important;min-height:18rem!important;}
.square-37 {width:18.5rem!important;height:18.5rem!important;min-width:18.5rem!important;min-height:18.5rem!important;}
.square-38 {width:19rem!important;height:19rem!important;min-width:19rem!important;min-height:19rem!important;}
.square-39 {width:19.5rem!important;height:19.5rem!important;min-width:19.5rem!important;min-height:19.5rem!important;}
.square-40 {width:20rem!important;height:20rem!important;min-width:20rem!important;min-height:20rem!important;}

/*Border*/
.border-1 {border-width:0.25rem!important;}
.border-2 {border-width:0.5rem!important;}
.border-3 {border-width:0.75rem!important;}
.border-4 {border-width:1rem!important;}
.border-5 {border-width:1.25rem!important;}
.rounded-l-0 {border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
.rounded-r-0 {border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.rounded-t-0 {border-top-left-radius:0!important;border-top-right-radius:0!important;}
.rounded-b-0 {border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
.rounded-1 {border-radius:0.25rem!important;}
.rounded-2 {border-radius:0.5rem!important;}
.rounded-3 {border-radius:0.75rem!important;}
.rounded-4 {border-radius:1rem!important;}
.rounded-5 {border-radius:1.25rem!important;}
.rounded-6 {border-radius:1.5rem!important;}
.rounded-7 {border-radius:1.75rem!important;}
.rounded-8 {border-radius:2rem!important;}
.rounded-9 {border-radius:2.25rem!important;}
.rounded-10 {border-radius:2.5rem!important;}
.rounded-11 {border-radius:2.75rem!important;}
.rounded-12 {border-radius:3rem!important;}
.rounded-13 {border-radius:3.25rem!important;}
.rounded-14 {border-radius:3.5rem!important;}
.rounded-15 {border-radius:4rem!important;}

@media screen and (max-width:240px) {
    .w-1 {width:100%!important;}

    .w-xs-6 {width:var(--zp-dim-2xl)!important;}
    .w-xs-5 {width:var(--zp-dim-xl)!important;}
    .w-xs-4 {width:var(--zp-dim-lg)!important;}
    .w-xs-3 {width:var(--zp-dim-md)!important;}
    .w-xs-2 {width:var(--zp-dim-sm)!important;}
    .w-xs-1 {width:var(--zp-dim-xs)!important;}

    .abs-h-xs-6 {height:var(--zp-dim-2xl)!important;}
    .h-xs-5 {height:var(--zp-dim-xl)!important;}
    .h-xs-4 {height:var(--zp-dim-lg)!important;}
    .h-xs-3 {height:var(--zp-dim-md)!important;}
    .h-xs-2 {height:var(--zp-dim-sm)!important;}
    .h-xs-1 {height:var(--zp-dim-xs)!important;}
}
@media screen and (max-width:480px) {
    .w-2 {width:100%!important;}

    .w-sm-6 {width:var(--zp-dim-2xl)!important;}
    .w-sm-5 {width:var(--zp-dim-xl)!important;}
    .w-sm-4 {width:var(--zp-dim-lg)!important;}
    .w-sm-3 {width:var(--zp-dim-md)!important;}
    .w-sm-2 {width:var(--zp-dim-sm)!important;}
    .w-sm-1 {width:var(--zp-dim-xs)!important;}

    .h-sm-6 {height:var(--zp-dim-2xl)!important;}
    .h-sm-5 {height:var(--zp-dim-xl)!important;}
    .h-sm-4 {height:var(--zp-dim-lg)!important;}
    .h-sm-3 {height:var(--zp-dim-md)!important;}
    .h-sm-2 {height:var(--zp-dim-sm)!important;}
    .h-sm-1 {height:var(--zp-dim-xs)!important;}
}
@media screen and (max-width:768px) {
    .w-3 {width:100%!important;}

    .w-md-6 {width:var(--zp-dim-2xl)!important;}
    .w-md-5 {width:var(--zp-dim-xl)!important;}
    .w-md-4 {width:var(--zp-dim-lg)!important;}
    .w-md-3 {width:var(--zp-dim-md)!important;}
    .w-md-2 {width:var(--zp-dim-sm)!important;}
    .w-md-1 {width:var(--zp-dim-xs)!important;}

    .h-md-6 {height:var(--zp-dim-2xl)!important;}
    .h-md-5 {height:var(--zp-dim-xl)!important;}
    .h-md-4 {height:var(--zp-dim-lg)!important;}
    .h-md-3 {height:var(--zp-dim-md)!important;}
    .h-md-2 {height:var(--zp-dim-sm)!important;}
    .h-md-1 {height:var(--zp-dim-xs)!important;}
}
@media screen and (max-width:920px) {
    .w-4 {width:100%!important;}

    .w-lg-6 {width:var(--zp-dim-2xl)!important;}
    .w-lg-5 {width:var(--zp-dim-xl)!important;}
    .w-lg-4 {width:var(--zp-dim-lg)!important;}
    .w-lg-3 {width:var(--zp-dim-md)!important;}
    .w-lg-2 {width:var(--zp-dim-sm)!important;}
    .w-lg-1 {width:var(--zp-dim-xs)!important;}

    .h-lg-6 {height:var(--zp-dim-2xl)!important;}
    .h-lg-5 {height:var(--zp-dim-xl)!important;}
    .h-lg-4 {height:var(--zp-dim-lg)!important;}
    .h-lg-3 {height:var(--zp-dim-md)!important;}
    .h-lg-2 {height:var(--zp-dim-sm)!important;}
    .h-lg-1 {height:var(--zp-dim-xs)!important;}
}
@media screen and (max-width:1140px) {
    .w-5 {width:100%!important;}

    .w-xl-6 {width:var(--zp-dim-2xl)!important;}
    .w-xl-5 {width:var(--zp-dim-xl)!important;}
    .w-xl-4 {width:var(--zp-dim-lg)!important;}
    .w-xl-3 {width:var(--zp-dim-md)!important;}
    .w-xl-2 {width:var(--zp-dim-sm)!important;}
    .w-xl-1 {width:var(--zp-dim-xs)!important;}

    .h-xl-6 {height:var(--zp-dim-2xl)!important;}
    .h-xl-5 {height:var(--zp-dim-xl)!important;}
    .h-xl-4 {height:var(--zp-dim-lg)!important;}
    .h-xl-3 {height:var(--zp-dim-md)!important;}
    .h-xl-2 {height:var(--zp-dim-sm)!important;}
    .h-xl-1 {height:var(--zp-dim-xs)!important;}
}
@media screen and (max-width:1444px) {
    .w-6 {width:100%!important;}
    
    .w-2xl-6 {width:var(--zp-dim-2xl)!important;}
    .w-2xl-5 {width:var(--zp-dim-xl)!important;}
    .w-2xl-4 {width:var(--zp-dim-lg)!important;}
    .w-2xl-3 {width:var(--zp-dim-md)!important;}
    .w-2xl-2 {width:var(--zp-dim-sm)!important;}
    .w-2xl-1 {width:var(--zp-dim-xs)!important;}

    .h-2xl-6 {height:var(--zp-dim-2xl)!important;}
    .h-2xl-5 {height:var(--zp-dim-xl)!important;}
    .h-2xl-4 {height:var(--zp-dim-lg)!important;}
    .h-2xl-3 {height:var(--zp-dim-md)!important;}
    .h-2xl-2 {height:var(--zp-dim-sm)!important;}
    .h-2xl-1 {height:var(--zp-dim-xs)!important;}
}

.blog .blog-thumbnail {
    max-height:240px!important;
    overflow:hidden;
}

.shop-image {
    max-height:320px!important;
    overflow:hidden;
}

input.btn-check:checked + .btn {
    border-color:var(--bs-primary)!important;
}
.inline-cart .dropdown-menu {
    width:380px;
}
.inline-cart-sidebar {
    width: 420px;
}
@media screen and (min-width:769px) {
    .side-menu.side-menu-mobile .side-menu-toggler {
        display:none;
    }
}
@media screen and (max-width:768px) {
    .side-menu.side-menu-mobile {
        position:absolute;
        display:flex;
        width:100%;
        max-height:80vh;
        top:0;
        left:0;
        background-color:var(--bs-white);
        transition:ease var(--zp-fast);
        transform:translateX(-100%);
    }
    .side-menu.side-menu-mobile[data-side-menu-position=fixed] {
        position:fixed!important;
        top:0;
        left:0;
        height:100%;
        max-height:100%;
    }
    .side-menu.side-menu-mobile[data-side-menu-hide=right][data-side-menu-position=fixed] {
        left:auto!important;
        right:0;
    }
    .side-menu.side-menu-mobile[data-side-menu-hide=right] {
        left:auto!important;
        right:0;
        transform:translateX(100%);
    }
    .side-menu.side-menu-mobile.show {
        transform:translateX(0)!important;
    }
    .side-menu.side-menu-mobile .side-menu-content {
        flex-grow:2;
        order:0;
        height:100%;
        box-shadow:none!important;
        z-index:1;
    }
    .side-menu.side-menu-mobile[data-side-menu-hide=right] .side-menu-content {
        order:2!important;
    }
    .side-menu.side-menu-mobile .side-menu-content > * {
        overflow-y:auto;
    }
    .side-menu.side-menu-mobile .side-menu-toggler {
        display:flex;
        flex-grow:auto;
        order:2;
        align-items:center;
        justify-content:center;
        height:100%;
        z-index:9999999;
    }
    .side-menu.side-menu-mobile[data-side-menu-hide=right] .side-menu-toggler {
        order:0!important;
    }
    .side-menu.side-menu-mobile[data-side-menu-toggler-align=center] .side-menu-toggler{
        align-self:center;
    }
    .side-menu.side-menu-mobile .side-menu-toggler .side-menu-toggler-icon {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:4rem;
        height:4rem;
        border-radius:50%;
        background-color:var(--bs-white);
        cursor:pointer;
        transition:ease var(--zp-fast);
        transform:translateX(80%);
    }
    .side-menu.side-menu-mobile[data-side-menu-hide=right] .side-menu-toggler .side-menu-toggler-icon {
        transform:translateX(-80%);
    }
    .side-menu.side-menu-mobile.show .side-menu-toggler .side-menu-toggler-icon {
        transform:translateX(0) rotate(180deg)!important;
    }
    .inline-cart-sidebar {
        width: 100%!important;
    }
}

body{
    background-color: #fff !important;
}

.tobii {
    display:none!important;
}

.logo {
    max-height: 70px;
    max-width: 180px;
    width: auto;
    height: auto;
    padding-top: 10px;
}