/**================== ROOT ==================**/
:root {
    --icon-load: url("data:image/svg+xml,%3Csvg version='1.1' class='svg-loader' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 80' xml:space='preserve'%0A%3E%3Cpath fill='%23055D7B' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath fill='%2321353C' d='M62,40.1c0,0,0,0.2-0.1,0.7c0,0.2,0,0.5-0.1,0.8c0,0.2,0,0.3,0,0.5c0,0.2-0.1,0.4-0.1,0.7 c-0.1,0.5-0.2,1-0.3,1.6c-0.2,0.5-0.3,1.1-0.5,1.8c-0.2,0.6-0.5,1.3-0.7,1.9c-0.3,0.7-0.7,1.3-1,2.1c-0.4,0.7-0.9,1.4-1.4,2.1 c-0.5,0.7-1.1,1.4-1.7,2c-1.2,1.3-2.7,2.5-4.4,3.6c-1.7,1-3.6,1.8-5.5,2.4c-2,0.5-4,0.7-6.2,0.7c-1.9-0.1-4.1-0.4-6-1.1 c-1.9-0.7-3.7-1.5-5.2-2.6c-1.5-1.1-2.9-2.3-4-3.7c-0.6-0.6-1-1.4-1.5-2c-0.4-0.7-0.8-1.4-1.2-2c-0.3-0.7-0.6-1.3-0.8-2 c-0.2-0.6-0.4-1.2-0.6-1.8c-0.1-0.6-0.3-1.1-0.4-1.6c-0.1-0.5-0.1-1-0.2-1.4c-0.1-0.9-0.1-1.5-0.1-2c0-0.5,0-0.7,0-0.7 s0,0.2,0.1,0.7c0.1,0.5,0,1.1,0.2,2c0.1,0.4,0.2,0.9,0.3,1.4c0.1,0.5,0.3,1,0.5,1.6c0.2,0.6,0.4,1.1,0.7,1.8 c0.3,0.6,0.6,1.2,0.9,1.9c0.4,0.6,0.8,1.3,1.2,1.9c0.5,0.6,1,1.3,1.6,1.8c1.1,1.2,2.5,2.3,4,3.2c1.5,0.9,3.2,1.6,5,2.1 c1.8,0.5,3.6,0.6,5.6,0.6c1.8-0.1,3.7-0.4,5.4-1c1.7-0.6,3.3-1.4,4.7-2.4c1.4-1,2.6-2.1,3.6-3.3c0.5-0.6,0.9-1.2,1.3-1.8 c0.4-0.6,0.7-1.2,1-1.8c0.3-0.6,0.6-1.2,0.8-1.8c0.2-0.6,0.4-1.1,0.5-1.7c0.1-0.5,0.2-1,0.3-1.5c0.1-0.4,0.1-0.8,0.1-1.2 c0-0.2,0-0.4,0.1-0.5c0-0.2,0-0.4,0-0.5c0-0.3,0-0.6,0-0.8c0-0.5,0-0.7,0-0.7c0-1.1,0.9-2,2-2s2,0.9,2,2C62,40,62,40.1,62,40.1z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='-360 40 40' dur='0.6s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
}

body .fancybox__container {
    z-index: 999999999;
}

/**================== CUSTOM CONTAINER ====================================**/
body .CR-container {
    padding: 0 4rem /* 64/16 */;
}

/**================== CLIP PATH SVG ==================**/
#CR-clip-path-svg-box {
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

/**================== KEY FRAMES ==================**/
@keyframes CRzoomBig {
    0% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: .8;
        border-width: 4px
    }

    25% {
        border-width: 3px
    }

    50% {
        border-width: 2px
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
        border-width: 1px
    }
}

@-webkit-keyframes crAnimationWobbleVertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes crAnimationWobbleVertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes crScaleAnimation {
    25% {
        transform: scale(1.1);
    }
    75% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes preloading {
    0% {
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    40% {
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    41% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    to {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1;
    }
}

@keyframes preloading {
    0% {
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
    }
    40% {
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    41% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }
    to {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideshowBars {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideshowBars {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes grid-product__loading {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes grid-product__loading {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shine {
    to {
        left: -200%;
    }
}

@keyframes shine {
    to {
        left: -200%;
    }
}

@-webkit-keyframes overlay-on {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}

@keyframes overlay-on {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}

@-webkit-keyframes overlay-off {
    0% {
        opacity: 0.6;
    }
    to {
        opacity: 0;
    }
}

@keyframes overlay-off {
    0% {
        opacity: 0.6;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes full-overlay-on {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes full-overlay-on {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes full-overlay-off {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes full-overlay-off {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes modal-open {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes modal-open {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes modal-closing {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes modal-closing {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@-webkit-keyframes rise-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes rise-up {
    0% {
        opacity: 1;
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes rise-up-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
    }
}

@keyframes rise-up-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes zoom-fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoom-fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes placeholder-shimmer {
    0% {
        background-position: -150% 0;
    }
    to {
        background-position: 150% 0;
    }
}

@keyframes placeholder-shimmer {
    0% {
        background-position: -150% 0;
    }
    to {
        background-position: 150% 0;
    }
}

@-webkit-keyframes loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 822;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 822;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes flicker {
    0% {
        opacity: 0;
    }
    9% {
        opacity: 0;
    }
    10% {
        opacity: 0.5;
    }
    13% {
        opacity: 0;
    }
    20% {
        opacity: 0.5;
    }
    25% {
        opacity: 1;
    }
}

@-webkit-keyframes flicker {
    0% {
        opacity: 0;
    }
    9% {
        opacity: 0;
    }
    10% {
        opacity: 0.5;
    }
    13% {
        opacity: 0;
    }
    20% {
        opacity: 0.5;
    }
    25% {
        opacity: 1;
    }
}

@-webkit-keyframes CRAniMarker {
    0% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        background-color: rgb(252 176 23 / 10%);
    }
    70% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        background-color: rgb(252 176 23 / 25%);
    }
    100% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        background-color: rgb(252 176 23 / 50%);
    }
}

@keyframes CRAniMarker {
    0% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        background-color: rgb(252 176 23 / 10%);
    }
    70% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        background-color: rgb(252 176 23 / 25%);
    }
    100% {
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        background-color: rgb(252 176 23 / 50%);
    }
}

@-webkit-keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(18.75rem);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(18.75rem);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(18.75rem);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(18.75rem);
    }
}

@keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
    }
}

@keyframes CRAniDrawLine {
    0% {
        stroke-dashoffset: 1500;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes CRAniFloating {
    0% {
        transform: translatey(-15px);
    }
    50% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(-15px);
    }
}

@keyframes CRFadeInOut {
    0% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    92% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
}

@-moz-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -moz-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -moz-transform: translateY(-50%) translateX(-98%);
    }
}

@keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
}

@-webkit-keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
}

@-moz-keyframes cd-sequence-reverse {
    0% {
        -moz-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -moz-transform: translateY(-50%) translateX(-2%);
    }
}

@keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes marquee-sp {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes CRAniMarkerSp {
    0% {
        box-shadow: 0 0 0 rgba(240, 103, 36, 0);
        border: 1px solid rgba(240, 103, 36, 0);
        transform: scale(0);
    }
    70% {
        box-shadow: 0 0 50px rgb(35 86 240 / 25%);
        border: 1px solid rgb(35 86 240 / 25%);
        transform: scale(1);
    }
    100% {
        box-shadow: 0 0 60px rgba(240, 103, 36, 0);
        border: 0 solid rgba(240, 103, 36, 0);
        transform: scale(2);
    }
}

@keyframes CRAniTada {
    0% {
        transform: scaleX(1);
    }

    10%, 20% {
        transform: scale3d(0.85, 0.85, 0.85) rotate(-6deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1, 1, 1) rotate(6deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.05, 1.05, 1.05) rotate(-6deg);
    }

    to {
        transform: scaleX(1);
    }
}

@-webkit-keyframes CRfadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes CRfadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes CRfadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes CRfadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes CRfadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes CRfadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

/** ================== VIEW MORE CONTENT BOX ================== **/
.CR-manage-view-more-content--box {
    position: relative;
}

.CR-manage-view-more-content--box .CR-collapsed-content {
    overflow: hidden;
    position: relative;
}

.CR-manage-view-more-content--box .view-more-content--box.CR-collapsed-content:after {
    height: 40%;
    opacity: 1;
}

.CR-manage-view-more-content--box .view-more-content--box:after {
    height: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    content: '';
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(#FFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.CR-manage-view-more-content--box .CR-btn-style {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    left: 0;
    top: 100%;
    color: #333333;
    text-transform: capitalize;
    text-underline-position: under;
    background-color: transparent;
    position: initial;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: max-content;
    font-size: 0.875rem /* 14/16 */;
    height: auto;
    font-weight: 500 !important;
    padding: 0 !important;
    background: none ! important;
    margin-top: 0.625rem /* 10/16 */;
    gap: 0.25rem;
}

.CR-manage-view-more-content--box .CR-btn-style.hide-more:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}

.CR-manage-view-more-content--box .CR-btn-style:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.25879 0V14' stroke='%23333333'/%3E%3Cpath d='M14 7L2.98023e-07 7' stroke='%23333333'/%3E%3C/svg%3E");
    height: 0.875rem /* 14/16 */;
    width: 0.875rem /* 14/16 */;
    background-size: contain;
    background-repeat: no-repeat;
}

/** ================== DEFAULT BUTTON STYLE ================== **/
.CR-btn-style {
    background-color: var(--cl-main);
    color: var(--cl-black);
    font-size: 1rem /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    height: 2.8125rem /* 45/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.875rem /* 30/16 */;
    padding: 0 1.5625rem /* 25/16 */;
}

.CR-btn-style:hover {
    background-color: var(--cl-black);
    color: var(--cl-main);
}

.CR-btn-style i {
    margin-left: 1rem;
    font-size: 1.25rem;
}

/**================== LOADING SITE ====================================**/
.CR-site-loading {
    background: var(--cl-white);
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
}

.CR-site-loading-circle {
    border: 3px solid rgba(153, 153, 153, 0.2);
    border-top-color: var(--cl-main);
    width: 3rem;
    height: 3rem;
    font-size: 0.625rem;
    text-indent: -9999em;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    -webkit-animation: loading-circle 1.1s infinite linear;
    animation: loading-circle 1.1s infinite linear;
}

.CR-site-loading-svg.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.CR-site-loading-svg {
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    background: transparent !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
}

.CR-site-loading-svg.hide svg {
    /*-webkit-transform: scale(0);*/
    /*-ms-transform: scale(0);*/
    /*transform: scale(0);*/
    opacity: 0;
}

.CR-site-loading-svg svg {
    width: 25vh;
    height: auto;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 1;
}

.CR-site-loading-svg.hide svg rect,
.CR-site-loading-svg.hide svg polygon,
.CR-site-loading-svg.hide svg path {
    stroke-dasharray: 8000;
    stroke-dashoffset: 8000;
    fill-opacity: 1;
    stroke-opacity: 0;
}

.CR-site-loading-svg svg.active rect,
.CR-site-loading-svg svg.active polygon,
.CR-site-loading-svg svg.active path {
    stroke-opacity: 1;
}

.CR-site-loading-svg svg rect,
.CR-site-loading-svg svg polygon,
.CR-site-loading-svg svg path {
    /*fill: var(--cl-main);*/
    stroke: var(--cl-black);
    fill-opacity: 0;
    stroke-opacity: 0;
    stroke-width: 1;
    stroke-miterlimit: 10;
    -webkit-transition: fill-opacity 3s;
    transition: fill-opacity 3s;
}

.CR-site-loading-svg svg path:nth-child(1),
.CR-site-loading-svg svg path:nth-child(2),
.CR-site-loading-svg svg path:nth-child(3) {
    stroke: var(--cl-main) !important;
}

.CR-site-loading-svg .CR-site-load-bg {
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: transparent !important;
}

.CR-site-loading-svg.hide .CR-site-load-bg {
    opacity: 0;
}

.CR-site-loading.hide .CR-site-load-bg {
    background-color: transparent;
}

.CR-site-loading.hide .CR-site-load-bg span {
    width: 0;
}

.CR-site-loading .CR-site-load-bg span:nth-child(even) {
    left: unset;
    right: 0;
}

.CR-site-loading .CR-site-load-bg span:nth-child(1) {
    top: 0;
}

.CR-site-loading .CR-site-load-bg span:nth-child(2) {
    top: 20%;
}

.CR-site-loading .CR-site-load-bg span:nth-child(3) {
    top: 40%;
}

.CR-site-loading .CR-site-load-bg span:nth-child(4) {
    top: 60%;
}

.CR-site-loading .CR-site-load-bg span:nth-child(5) {
    top: 80%;
}

.CR-site-loading .CR-site-load-bg span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
    background-color: #fff;
}

.CR-site-loading .CR-site-load-bg-sp.opening .bg-layer {
    -webkit-animation: cd-sequence 0.8s steps(24);
    -moz-animation: cd-sequence 0.8s steps(24);
    animation: cd-sequence 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*background: var(--cl-white);*/
}

.CR-site-loading .CR-site-load-bg-sp.closing .bg-layer {
    -webkit-animation: cd-sequence-reverse 0.8s steps(24);
    -moz-animation: cd-sequence-reverse 0.8s steps(24);
    animation: cd-sequence-reverse 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*background: transparent;*/
}

.CR-site-loading .CR-site-load-bg-sp.visible {
    opacity: 1;
    visibility: visible;
}

.CR-site-loading .CR-site-load-bg-sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.CR-site-loading .CR-site-load-bg-sp .bg-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
    height: 100%;
    width: 2500%;
    background: url(../images/ink_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
}

/**================== DEFAULT TITLE STYLE ==================**/
.CR-default-title-style {
    line-height: normal;
    font-weight: 500;
    position: relative;
    font-size: 2rem;
    text-transform: capitalize;
    margin-bottom: 2.5rem;
}

.CR-default-title-style:after {
    content: '';
    width: 6.25rem;
    height: 2px;
    background: var(--cl-main);
    position: absolute;
    bottom: -0.625rem;
    left: 0;
}

/**================== DEFAULT NAV SCROLL SECTION STYLE ==================**/
.CR-nav-scroll-wrap .CR-nav-scroll-item {
    background: var(--cl-white);
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 7%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 7%);
}

.admin-bar .CR-nav-scroll-wrap .CR-nav-scroll-item.show-scroll {
    top: 32px;
}

.CR-nav-scroll-wrap .CR-nav-scroll-item.show-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: none;
}

.CR-nav-scroll-wrap .CR-nav-scroll-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -0.625rem;
}

.CR-nav-scroll-wrap .CR-nav-scroll-page li a:hover,
.CR-nav-scroll-wrap .CR-nav-scroll-page li a.active {
    color: var(--cl-main) !important;
}

.CR-nav-scroll-wrap .CR-nav-scroll-page li a.active:before {
    right: 0.625rem;
}

.CR-nav-scroll-wrap .CR-nav-scroll-page li a:before {
    content: '';
    height: 2px;
    background-color: var(--cl-main);
    position: absolute;
    right: 100%;
    left: 0.625rem;
    bottom: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-nav-scroll-wrap .CR-nav-scroll-page a {
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: normal;
    color: var(--cl-black);
    padding: 1.5rem 0.625rem;
    background: transparent;
    display: block;
    position: relative;
}

/**==================* Default *==================**/
html {
    scroll-behavior: smooth;
}

body.CR-hide-scroll,
body.hide_scroll {
    overflow: hidden;
}

body {
    /*font-family: var(--font-main);*/
    overflow-x: hidden;
}

body * {
    letter-spacing: 0 !important;
}

body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#wpadminbar {
    z-index: 9999999999;
}

.no-drop * {
    pointer-events: none;
}

.no-drop {
    cursor: no-drop;
}

.CR-svg-logo {
    position: absolute !important;
    top: 0;
    right: 0;
    pointer-events: none;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 4s linear alternate infinite;
}

.CR-empty-result {
    text-align: center;
    font-family: var(--font-nanu) !important;
    font-size: 1.125rem /* 18/16 */;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--cl-main);
    line-height: normal;
    padding: 15vh 0;
    width: 100%;
    display: block;
}

.CRdisabled {
    cursor: no-drop;
}

.CRdisabled a {
    pointer-events: none;
}

body .fancybox-container {
    z-index: 999999;
}

p:last-child {
    margin-bottom: 0 !important;
}

.CRshow_mb {
    display: none;
}

.CRstyle-blockText span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 20px;
    -webkit-box-shadow: inset 3px 0 0 #ca211b;
    box-shadow: inset 3px 0 0 #ca211b;
    margin-bottom: 0;
    font-weight: 700;
}

.CR-list-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.CR-list-default .paging {
    margin: 1.875rem 0 0;
}

.devTestBg {
    background-color: var(--cl-black);
    color: var(--cl-white);
    font-size: 16px;
    font-weight: 700;
    padding: 25px;
    border: 3px solid var(--cl-white);
}

.form-row .select2-container {
    width: 100% !important;
}

.CR-show-filter {
    display: none;
}

a:hover,
a {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-decoration: none !important;
    outline: none !important;
}

.CRhidden_all,
.show_mn_ft,
.show_menu_mb {
    display: none;
}

img:not(.home-banner) {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/**================== DEFAULT ITEM  ==================**/
.CR-item-def .wrap {
    position: relative;
}

.CR-item-def .wrap:hover .CR-shine-ani:before {
    -webkit-animation: shine .95s;
    animation: shine .95s;
}

.CR-item-def .wrap:hover .CR-zoom-ani img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.CR-item-def .url-view {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100% !important;
    height: 100% !important;
}

/**================== ANIMATION ==================**/

.CR-zoom-ani .thumb--box,
.CR-shine-ani .thumb--box {
    overflow: hidden;
    position: relative;
}

.CR-zoom-ani img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
}

.CR-zoom-ani:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.CR-shine-ani:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1;
    pointer-events: none;
}

.CR-shine-ani--box:hover .CR-shine-ani:before {
    -webkit-transition: all 0.5s ease-out 0.08s;
    -khtml-transition: all 0.5s ease-out 0.08s;
    -moz-transition: all 0.5s ease-out 0.08s;
    -ms-transition: all 0.5s ease-out 0.08s;
    -o-transition: all 0.5s ease-out 0.08s;
    transition: all 0.5s ease-out 0.08s;
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
}

/**================== CUSTOM STYLE RADIO ==================**/
.CR-def-radio {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    margin-bottom: 0 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: normal;
    color: var(--color-black);
    width: 100%;
    padding: 0;
    word-break: break-word;
    /*-webkit-box-orient: horizontal;*/
    /*-webkit-box-direction: reverse;*/
    /*-ms-flex-direction: row-reverse;*/
    /*flex-direction: row-reverse;*/
}

.CR-def-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.CR-def-radio .checkmark {
    position: relative;
    height: 1.25rem /* 20/16 */;
    width: 1.25rem /* 20/16 */;
    min-width: 1.25rem /* 20/16 */;
    background-color: transparent;
    border-radius: 50%;
    display: block;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    border: 1px solid var(--cl-black);
    margin-right: 0.625rem /* 10/16 */;
}

.CR-def-radio:hover input ~ .checkmark {
    background-color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-radio input:checked ~ .checkmark {
    border-color: var(--cl-main);
    background-color: transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-radio .checkmark:after {
    content: "";
    position: absolute;
}

.CR-def-radio input:checked ~ .checkmark:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.CR-def-radio .checkmark:after {
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: var(--cl-main);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: 0.5s ease-in-out;
}

.CR-def-radio input:checked ~ b,
.CR-def-radio:hover b {
    text-shadow: 0 0 0 var(--color-black),
    1px 0 0 var(--color-black),
    0 0 0 var(--color-black),
    0 0 0 var(--color-black);
}

.CR-def-radio b {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: normal;
    color: var(--color-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-shadow: 0 0 0 transparent,
    1px 0 0 transparent,
    0 0 0 transparent,
    0 0 0 transparent;
}

.CR-custom-radio-box .CR-def-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--cl-white);
    z-index: -1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 0 !important;
    border-radius: 0;
    border: none;
}

.CR-custom-radio-box .CR-def-radio {
    height: 2.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0.9375rem /* 15/16 */;
    border: 1px solid #dce0e0;
    position: relative;
    z-index: 1;
}

.CR-custom-radio-box .CR-def-radio b {
    font-size: 0.9375rem /* 15/16 */;
    line-height: normal;
    font-weight: 500;
    color: var(--cl-black);
    position: relative;
    z-index: 1;
}

.CR-custom-radio-box .CR-def-radio:hover input ~ .checkmark {
    background: var(--cl-gray);
}

.CR-custom-radio-box .CR-def-radio input:checked ~ .checkmark {
    background: var(--cl-main);
}

/**================== CUSTOM STYLE CHECKBOX ==================**/
.CR-def-checkbox:hover {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    color: var(--cl-main);
}

.CR-def-checkbox {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    margin-bottom: 0 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100%;
    padding: 0;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1rem /* 16/16 */;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.CR-def-checkbox b {
    font-weight: 400;
}

.CR-def-checkbox input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    height: 0 !important;
    width: 0 !important;
}

.CR-def-checkbox .checkmark {
    height: 1.5625rem /* 25/16 */;
    width: 1.5625rem /* 25/16 */;
    min-width: 1.5625rem /* 25/16 */;
    background-color: var(--cl-white);
    position: relative;
    border-radius: 0.1875rem /* 3/16 */;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border: 1px solid #939393;
    margin-right: 1.25rem  /* 20/16 */;
}

.CR-def-checkbox:hover input ~ .checkmark {
    background-color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-checkbox input:checked ~ .checkmark {
    background-color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-color: var(--cl-light-gray);
}

.CR-def-checkbox input:checked ~ .checkmark:after {
    opacity: 1;
}

.CR-def-checkbox input:checked ~ .label {
    text-shadow: 0 0 0 var(--cl-main),
    0 0 0 var(--cl-main),
    0 0 0 var(--cl-main),
    0 0 0 var(--cl-main);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.CR-def-checkbox .checkmark:after {
    content: '\f00c';
    opacity: 0;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 0.7rem;
    color: var(--cl-main);
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-checkbox-switch {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.CR-def-checkbox-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.CR-def-checkbox-slider {
    position: relative;
    cursor: pointer;
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 2.5rem;
    height: 100%;
}

.CR-def-checkbox-slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 3px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.CR-def-checkbox-switch input:checked + .CR-def-checkbox-slider {
    background-color: #D03338;
}

.CR-def-checkbox-switch input:focus + .CR-def-checkbox-slider {
    box-shadow: 0 0 1px #D03338;
}

.CR-def-checkbox-switch input:checked + .CR-def-checkbox-slider:before {
    -webkit-transform: translate(1.125rem, -50%);
    -ms-transform: translate(1.125rem, -50%);
    transform: translate(1.125rem, -50%);
}

.CR-def-checkbox-slider.round {
    border-radius: 6.25rem;
}

.CR-def-checkbox-slider.round:before {
    border-radius: 50%;
}

.CR-def-checkbox-switch b {
    /* position: absolute; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
    /*-ms-transform: translateY(-50%);*/
    /* transform: translateY(-50%); */
    /*left: calc(100% + 0.3125rem);*/
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: normal;
    color: var(--cl-black);
    margin-left: 0.5rem;
}

/**================== CONTACT FORM 7 ==================**/
body .wpcf7 .wpcf7-spinner {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='svg-loader' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 80' xml:space='preserve'%0A%3E%3Cpath fill='%23DC3B30' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath fill='%23D49200' d='M62,40.1c0,0,0,0.2-0.1,0.7c0,0.2,0,0.5-0.1,0.8c0,0.2,0,0.3,0,0.5c0,0.2-0.1,0.4-0.1,0.7 c-0.1,0.5-0.2,1-0.3,1.6c-0.2,0.5-0.3,1.1-0.5,1.8c-0.2,0.6-0.5,1.3-0.7,1.9c-0.3,0.7-0.7,1.3-1,2.1c-0.4,0.7-0.9,1.4-1.4,2.1 c-0.5,0.7-1.1,1.4-1.7,2c-1.2,1.3-2.7,2.5-4.4,3.6c-1.7,1-3.6,1.8-5.5,2.4c-2,0.5-4,0.7-6.2,0.7c-1.9-0.1-4.1-0.4-6-1.1 c-1.9-0.7-3.7-1.5-5.2-2.6c-1.5-1.1-2.9-2.3-4-3.7c-0.6-0.6-1-1.4-1.5-2c-0.4-0.7-0.8-1.4-1.2-2c-0.3-0.7-0.6-1.3-0.8-2 c-0.2-0.6-0.4-1.2-0.6-1.8c-0.1-0.6-0.3-1.1-0.4-1.6c-0.1-0.5-0.1-1-0.2-1.4c-0.1-0.9-0.1-1.5-0.1-2c0-0.5,0-0.7,0-0.7 s0,0.2,0.1,0.7c0.1,0.5,0,1.1,0.2,2c0.1,0.4,0.2,0.9,0.3,1.4c0.1,0.5,0.3,1,0.5,1.6c0.2,0.6,0.4,1.1,0.7,1.8 c0.3,0.6,0.6,1.2,0.9,1.9c0.4,0.6,0.8,1.3,1.2,1.9c0.5,0.6,1,1.3,1.6,1.8c1.1,1.2,2.5,2.3,4,3.2c1.5,0.9,3.2,1.6,5,2.1 c1.8,0.5,3.6,0.6,5.6,0.6c1.8-0.1,3.7-0.4,5.4-1c1.7-0.6,3.3-1.4,4.7-2.4c1.4-1,2.6-2.1,3.6-3.3c0.5-0.6,0.9-1.2,1.3-1.8 c0.4-0.6,0.7-1.2,1-1.8c0.3-0.6,0.6-1.2,0.8-1.8c0.2-0.6,0.4-1.1,0.5-1.7c0.1-0.5,0.2-1,0.3-1.5c0.1-0.4,0.1-0.8,0.1-1.2 c0-0.2,0-0.4,0.1-0.5c0-0.2,0-0.4,0-0.5c0-0.3,0-0.6,0-0.8c0-0.5,0-0.7,0-0.7c0-1.1,0.9-2,2-2s2,0.9,2,2C62,40,62,40.1,62,40.1z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='-360 40 40' dur='0.6s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--cl-light-main);
    width: 2rem;
    height: 2rem;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output,
body .wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: var(--cl-white) !important;
    font-weight: 700;
    font-size: 0.65rem;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    width: 100%;
    margin: 0.5rem auto 0;
    border-radius: 0.3125rem /* 5/16 */;
    padding: 0.25rem;
}

body .wpcf7 .wpcf7-response-output::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--cl-black);
    transform: rotate(180deg) translateX(50%);
}

body .wpcf7 form.invalid .wpcf7-response-output::before,
body .wpcf7 form.unaccepted .wpcf7-response-output::before {
    border-top-color: var(--cl-red) !important;
}

body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output {
    background: var(--cl-red);
}

body .wpcf7 form.sent .wpcf7-response-output {
    background: var(--cl-black);
}

body .CR-form-def .wpcf7-validates-as-required.CR-chosen-sl.wpcf7-not-valid ~ .chosen-container .chosen-single,
body .CR-form-def .wpcf7-mail-sent-ng,
body .CR-form-def .wpcf7-validation-errors,
body .CR-form-def .wpcf7-acceptance-missing,
body .CR-form-def .wpcf7-not-valid {
    border-color: var(--cl-red) !important;
    color: var(--cl-red) !important;
}

body .wpcf7-not-valid-tip,
body .wpcf7-validation-errors {
    display: none !important;
}

body .wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

body .wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

body .wpcf7 .wpcf7-list-item {
    display: block;
    margin-bottom: 0;
}

body .wpcf7-checkbox label {
    position: relative;
    cursor: pointer;
    margin: 1.25rem 0 0;
}

body .wpcf7-checkbox input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    width: 1.875rem;
    height: 1.875rem;
    top: 0;
    left: 0;
}

body .wpcf7-checkbox input[type=checkbox] + span {
    color: var(--cl-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 1.063rem;
    font-weight: 400;
    padding-left: 2.5rem;
    position: relative;
}

body .wpcf7-checkbox input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 0;
    width: 1.875rem;
    height: 1.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border: 1px solid var(--cl-white);
    margin: 0;
}

body .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: "\2713";
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    visibility: hidden;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.875rem;
}

body .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: transparent;
}

body .wpcf7-checkbox input[type=checkbox]:checked + span:after {
    visibility: visible;
}

body .wpcf7-list-item-label {
    margin-left: 2.5rem;
    display: inline-block;
}

body .wpcf7-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body .wpcf7-radio .wpcf7-list-item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

body .wpcf7-radio .wpcf7-list-item-label {
    margin-left: 0.625rem;
}

.CR-form-def .CR-chosen-item .chosen-container:hover .chosen-single,
.CR-form-def select:hover,
.CR-form-def input:not([type=submit]):hover,
.CR-form-def textarea:hover {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -1px 2px 15px rgb(0 0 0 / 12%);
    box-shadow: -1px 2px 15px rgb(0 0 0 / 12%);
}

.flatpickr-calendar.open {
    z-index: 9999999;
    max-width: 100%;
}

.CR-form-def .CR-chosen-item .chosen-drop .chosen-results {
    padding-top: 0.5rem;
}

.CR-form-def .CR-chosen-item .chosen-container-single .chosen-search {
    display: none !important;
}

.CR-form-def .CR-chosen-item .chosen-container-single .chosen-search input[type=text] {
    border-color: #aaa !important;
}

.CR-form-def textarea {
    padding: 0.875rem /* 14/16 */ 1.25rem /* 20/16 */  0.875rem /* 14/16 */ 0 !important;
    height: 9.375rem /* 150/16 */ !important;
}

.CR-form-def input::placeholder,
.CR-form-def textarea::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    /*color: #8B8B8B;*/
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.CR-form-def input:focus::placeholder,
.CR-form-def textarea:focus::placeholder,
.CR-form-def input:hover::placeholder,
.CR-form-def textarea:hover::placeholder {
    color: var(--cl-white);
}

.CR-form-def .CR-chosen-item .chosen-single {
    border-color: #F5F5F5 !important;
}

.CR-form-def .CR-chosen-item .chosen-single,
.CR-form-def select,
.CR-form-def input:not([type=submit]),
.CR-form-def textarea {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: 0 0.25rem 2.5rem transparent;
    box-shadow: 0 0.25rem 2.5rem transparent;
    outline: none !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--cl-white);
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #F5F5F5;
    padding: 0 1.25rem /* 20/16 */ 0 0;
    height: 3.125rem /* 50/16 */;
    font-size: 1.25rem  /* 20/16 */;
    /*text-shadow: -1px -1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(0, 0, 0, 0.9), 1px -1px 2px rgba(255, 255, 255, 1), -1px -1px 1px rgba(0, 0, 0, 0.9), -1px 1px 1px rgba(0, 0, 0, 0.9);*/
    /*-webkit-text-stroke: 2px rgba(0, 0, 0, 0.2);*/
}

.CR-form-def input[type=submit]:hover {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-form-def input[type=submit] {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius:0;
    background-color: transparent !important;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 700;
    font-size: 0.9375rem /* 15/16 */;
    letter-spacing: normal;
    line-height: normal;
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.75rem  /* 60/16 */;
    -webkit-box-shadow: none !important;
    outline: none !important;
    padding: 0;
    position: relative;
    margin: 0;
    width: 6.25rem  /* 100/16 */;
    text-transform: uppercase;
    /*font-family: 'Barlow', FontAwesome, sans-serif;*/
}

.CR-form-def input[type=radio] {
    width: auto;
}

.CR-form-def input[type="file"] {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto;
}

.CR-form-def ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CR-form-def label {
    font-style: normal;
    font-weight: 400;
    font-size: 0.9375rem /* 15/16 */;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: var(--cl-black);
    margin: 0 0 0.625rem /* 10/16 */;
}

.CR-form-def label span {
    color: #cd0707;
    margin: 0 0 0 0.313rem;
    font-size: 0.75rem;
}

.CR-form-def .def-form-field {
    width: 100%;
}

.CR-form-def .def-form-field.def-form-field-half {
    width: 48.5%;
}

.CR-form-def .def-form-field:not(:last-child) {
    margin-bottom: 1.25rem /* 20/16 */;
}

.CR-form-def .gr-def-form-btn {
    position: relative;
    margin: 1.25rem /* 20/16 */ 0 0;
    width: max-content;
}

.CR-form-def .gr-def-form-btn:hover:after {
    left: 25%;
    -webkit-filter: opacity(0.2) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) !important;
    filter: opacity(0.2) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) drop-shadow(0 0 0 var(--cl-white)) !important;
}

.CR-form-def .gr-def-form-btn:hover:before {
    right: 45%;
    border-color: var(--cl-white) !important;
}

.CR-form-def .gr-def-form-btn:after,
.CR-form-def .gr-def-form-btn:before {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.CR-form-def .gr-def-form-btn:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='23' viewBox='0 0 75 23' fill='none'%3E%3Cpath d='M0 11.4424H73.472' stroke='white' stroke-width='1.47762'/%3E%3Cpath d='M63.5078 0.546875L73.4701 11.1318' stroke='white' stroke-width='1.47762'/%3E%3Cpath d='M73.4727 11.1318L63.5103 21.7168' stroke='white' stroke-width='1.47762'/%3E%3C/svg%3E");
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.CR-form-def .gr-def-form-btn:before {
    content: '';
    width: 3.75rem /* 60/16 */;
    height: 3.75rem /* 60/16 */;
    border: 1px solid var(--cl-white);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    right: 0;
}

.CR-form-def .intl-tel-input .country-list {
    width: 100%;
    overflow-x: hidden;
    margin: 0 !important;
}

.CR-form-def .intl-tel-input .country-list li.country {
    width: 100% !important;
}

.CR-form-def .intl-tel-input .flag-container {
    right: 0;
}

CR-form-def .gr-def-form-field {
    position: relative;
}

.CR-form-def .gr-def-form-btn.gr-def-form-btn-icon {
    width: max-content;
    position: relative
}

.CR-form-def .gr-def-form-btn.gr-def-form-btn-icon input[type=submit] {
    background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 1.25rem /* 20/16 */;
    padding-right: 3.125rem  /* 50/16 */;
    background-size: 1.2rem;
    width: max-content;
}

#CR-popup-cf7-thank-you .box {
    background: linear-gradient(180deg, #E7F8FF 0%, #BCEDFF 100%);
    border-radius: 0.625rem /* 10/16 */;
    padding: 6.25rem /* 100/16 */ 1.875rem /* 30/16 */;
    max-width: 50rem /* 800/16 */;
}

#CR-popup-cf7-thank-you .CR-cf7-thank-you-message--box {
    display: block !important;
}

.CR-cf7-thank-you-message--box {
    background: transparent;
}

.CR-cf7-thank-you-message--box .icon--box svg {
    width: auto;
    height: 7.5rem /* 120/16 */;
    margin: 0 auto;
    display: block;
}

.CR-cf7-thank-you-message--box .message--box {
    margin-top: 1.25rem /* 20/16 */;
}

.CR-cf7-thank-you-message--box .message--box .heading-title {
    color: var(--cl-black);
    text-align: center;
    font-size: 1.25rem /* 20/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 0.5rem /* 8/16 */;
    text-transform: inherit;
}

.CR-cf7-thank-you-message--box .message--box a {
    color: var(--cl-red);
    text-align: center;
    font-size: 1.125rem /* 18/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline !important;
    margin: 0 auto;
    display: block;
    width: max-content;
}

.CR-cf7-notice-message--box {

}

.CR-cf7-notice-message--box * {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 400;
    margin: 0;
}

.CR-cf7-notice-message--box .title {
    color: var(--cl-red) !important;
    font-weight: 700 !important;
}

/**================== CUSTOM SCROLLBAR ==================**/
body.CR-style-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: var(--cl-black);
}

body.CR-style-scroll::-webkit-scrollbar-track {
    border: 0.5px solid var(--cl-black);
}

.CR-style-scroll::-webkit-scrollbar {
    width: 2px;
    border-radius: 2px;
    background-color: #D9D9D9;
}

.CR-style-scroll::-webkit-scrollbar-track {
    border: none;
}

.CR-style-scroll::-webkit-scrollbar-thumb {
    background-color: var(--cl-main);
    outline: 1px solid var(--cl-main);
}

.CR-style-scroll-horizontal {
    scroll-behavior: smooth;
}

.CR-style-scroll-horizontal::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.25rem;
    border-radius: 0.625rem;
    background-color: var(--cl-light-gray);
}

.CR-style-scroll-horizontal::-webkit-scrollbar-track {
    border: 0.031rem solid transparent;
}

.CR-style-scroll-horizontal::-webkit-scrollbar-thumb {
    background-color: var(--cl-main);
    outline: 0.188rem solid transparent;
    border-radius: 0;
}

/**================== SWIPER SLIDE ==================**/
.CR-slider-pending-load.swiper-initialized {
    height: auto;
    max-height: unset !important;
    overflow: initial;
}

.CR-slider-pending-load.swiper-initialized > * {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-slider-pending-load.swiper-initialized:before {
    opacity: 0;
}

.CR-swiper-arrow:hover {
    background: var(--cl-main);
}

.CR-swiper-arrow {
    cursor: pointer;
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    padding: 0 !important;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(0, 0, 0, .09);
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    background: var(--cl-white);
    transition: 0.5s ease-in-out;
}

.CR-swiper-arrow:hover svg {
    fill: var(--cl-white);
}

.CR-swiper-arrow svg {
    width: 45%;
    height: auto;
    max-height: 45%;
    object-fit: contain;
    fill: var(--cl-black);
    transition: 0.5s ease-in-out;
}

/*.CR-swiper-arrow svg path {*/
/*    stroke: var(--cl-white);*/
/*}*/

.CR-swiper-arrow.CR-swiper-button-next {
    right: 0;
}

.CR-swiper-arrow.CR-swiper-button-prev {
    left: 0;
}

.CR-swiper-pagination {
    display: flex;
    align-items: center;
    gap: 0.1875rem /* 3/16 */;
    position: absolute;
    bottom: 2.5rem /* 40/16 */ !important;
    left: 50% !important;
    transform: translateX(-50%);
    justify-content: center;
}

.CR-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.75rem /* 60/16 */;
    opacity: 1;
}

.CR-swiper-pagination .swiper-pagination-bullet {
    width: 1.875rem /* 30/16 */;
    height: 0.3125rem /* 5/16 */;
    background: var(--cl-hover-main);
    opacity: 0.3;
    margin: 0 !important;
    border-radius: 0;
    transition: 0.5s ease-in-out;
}


/**================== SLICK SLIDE ==================**/
.banner--sec .CR-slider-pending-load {
    height: 100vh;
    max-height: 100vh;
}

.CR-slider-pending-load {
    position: relative;
    height: 20vh;
    max-height: 20vh;
    overflow: hidden;
}

.CR-slider-pending-load.slick-initialized {
    height: auto;
    max-height: unset;
    overflow: initial;
}

.CR-slider-pending-load:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--icon-load);
    background-size: 4rem;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-slider-pending-load.slick-initialized > * {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-slider-pending-load > * {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-slider-pending-load.slick-initialized:before {
    opacity: 0;
}

.arrow-slider--box {
    gap: 0.625rem /* 10/16 */;
}

.arrow-slider--box .CR-custom-arrow {
    position: initial !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    background: transparent;
    transform: unset;
}

.arrow-slider--box .CR-custom-arrow .icon {
    opacity: 1;
    width: 3.4375rem  /* 55/16 */;
    height: 2.375rem  /* 38/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 2rem  /* 32/16 */;
    border: 1px solid var(--cl-main);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
}

.arrow-slider--box .CR-custom-arrow svg * {
    stroke: var(--cl-main);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.slick-slide {
    outline: none !important;
}

.CR-custom-arrow {
    cursor: pointer;
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    background: var(--cl-white);
    border-radius: 5px;
    border: 1px solid var(--cl-black);
}

.CR-custom-arrow svg {
    width: 45%;
    height: auto;
    max-height: 45%;
    object-fit: contain;
}

.CR-custom-arrow svg path {
    stroke: var(--cl-black);
}

.CR-custom-arrow:not(.sp) {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-custom-arrow:hover i {
    color: var(--cl-black);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-arrow i {
    font-size: 1.25rem;
    color: #666666;
    opacity: 1;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-arrow.right {
    right: 0.625rem;
}

.CR-custom-arrow.left {
    left: 0.625rem;
}

.CR-custom-arrow-full {
    position: absolute;
    top: 0;
    width: 2.5rem /* 40/16 */;
    height: 100%;
    border: 0;
    font-size: 0;
    z-index: 6;
    cursor: pointer;
    background-color: transparent;
    opacity: 0.5;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-custom-arrow-full:hover {
    opacity: 1;
}

.CR-custom-arrow-full.left {
    left: -2.5rem;
}

.CR-custom-arrow-full.right {
    right: -2.5rem;
}

.CR-custom-arrow-full svg {
    width: 2.1875rem  /* 35/16 */;
    height: 2.1875rem  /* 35/16 */;
}

.CR-custom-arrow-full svg * {
    stroke: var(--cl-main);
}

.CR-custom-dots .slick-dots {
    margin-bottom: 0;
    left: 0;
    right: 0;
}

.CR-custom-dots .slick-dots li button:before {
    color: transparent !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 6px;
    line-height: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: auto !important;
    height: auto !important;
    display: none !important;
}

.CR-custom-dots .slick-dotted .slick-slider {
    margin-bottom: 0;
}

.CR-custom-dots .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 0.3125rem  /* 5/16 */;
    padding: 0;
    cursor: pointer;
}

.CR-custom-dots .slick-dots li button:hover,
.CR-custom-dots .slick-dots li button:focus {
    outline: none;
}

.CR-custom-dots .slick-dots li {
    height: auto;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CR-custom-dots .slick-dots li button {
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 1;
    width: 0.625rem  /* 10/16 */;
    height: 0.625rem  /* 10/16 */;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CR-custom-dots .slick-dots li button:hover,
.CR-custom-dots .slick-dots li button:focus {
    opacity: 1;
}

.CR-custom-dots .slick-dots li.slick-active button {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-color: var(--cl-black);
    background-color: var(--cl-black);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CR-custom-dots .slick-dots li.slick-active button:before {
    color: var(--cl-main) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CR-custom-dots .slick-dots li.slick-active button:hover,
.CR-custom-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
}

.CR-custom-dots-line .slick-dots {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    bottom: 0;
}

.CR-custom-dots-line .slick-dots li {
    flex: 1;
    font-size: 0;
    list-style: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    padding: 0;
    cursor: pointer;
    height: auto;
    margin: 0;
}

.CR-custom-dots-line .slick-dots li.slick-active button {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: var(--cl-main);
}

.CR-custom-dots-line .slick-dots li button {
    position: relative;
    background-color: transparent;
    opacity: 1;
    width: 100%;
    height: 3px;
    padding: 0;
    border: 1px solid transparent;
    margin: 0 auto;
    border-radius: 0;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.CR-custom-dots-line .slick-dots li button:before {
    display: none;
}

.CR-custom-dots-line-sp .slick-dots {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5rem /* 40/16 */ 0 0;
    bottom: 0;
    width: 100%;
    gap: 0.1875rem /* 3/16 */;
}

.CR-custom-dots-line-sp .slick-dots li {
    width: auto;
    height: inherit;
    margin: 0;
}

.CR-custom-dots-line-sp .slick-dots li button:before {
    display: none;
}

.CR-custom-dots-line-sp .slick-dots li button {
    padding: 0;
    height: 5px;
    width: 1.875rem /* 30/16 */;
    background-color: rgb(255 255 255 / 50%);
    margin: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.CR-custom-dots-line-sp .slick-dots li.slick-active button {
    width: 3.75rem /* 60/16 */;
    background-color: var(--cl-white);
}

.CR-custom-dots-vertical .slick-dots:after {
    content: '';
    top: -0.5rem;
    bottom: -2rem;
    background: #F59300;
    width: 2px;
    position: absolute;
    z-index: -1;
    left: 54%;
}

.CR-custom-dots-vertical .slick-dots {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 50%;
    bottom: unset;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(40% - 5rem);
}

.CR-custom-dots-vertical .slick-dots li {
    padding: 2.5rem 0;
}

.CR-custom-dots-vertical .slick-dots li .dot {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.85%, #FFBB00), color-stop(102.35%, #F59300));
    background: -o-linear-gradient(top, #FFBB00 4.85%, #F59300 102.35%);
    background: linear-gradient(180deg, #FFBB00 4.85%, #F59300 102.35%);
    opacity: 1;
    width: 24px;
    height: 24px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding: 0;
    margin: 0 auto;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
    line-height: 0;
    color: var(--cl-white);
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.8rem;
    border: 2px solid #00286f;
}

.CR-custom-dots-vertical .slick-dots li:not(:last-child) .dot span:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    background: #F59300;
    left: 50%;
    transform: translateX(-50%);
    bottom: -35px;
    border: 2px solid #00286f;
}

.CR-custom-dots-vertical .slick-dots li .dot:after {
    color: transparent !important;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: unset !important;
    height: unset !important;
    content: '';
    font-family: unset;
    border: 1px solid #00FFFF;
    font-size: unset !important;
    border-radius: 50%;
    opacity: 0 !important;
    position: absolute;
}

.CR-custom-dots-vertical .slick-dots li .dot:before {
    color: transparent !important;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    line-height: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: unset !important;
    height: unset !important;
    content: '';
    font-family: unset;
    border: 1px solid #00FFFF;
    font-size: unset !important;
    border-radius: 50%;
    opacity: 0 !important;
    position: absolute;
}

.CR-custom-dots-vertical .slick-dots li.slick-active .dot:before,
.CR-custom-dots-vertical .slick-dots li.slick-active .dot:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-custom-dots-vertical .slick-dots li.slick-active .dot:after {
    opacity: 0.5 !important;
}

.CR-custom-dots-vertical .slick-dots li.slick-active .dot:before {
    opacity: 1 !important;
}

.CR-custom-style-arrow:hover .CR-custom-arrow {
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    opacity: 0.7;
}

.CR-custom-style-arrow .CR-custom-arrow.left {
    -webkit-transform: translate(20%, -50%);
    -ms-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
    left: -3%;
}

.CR-custom-style-arrow .CR-custom-arrow.right {
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    right: -3%;
}

.CR-custom-style-arrow .CR-custom-arrow {
    width: 2.5rem !important;
    height: 3.75rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem;
    background: var(--cl-orange);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.CR-custom-style-arrow .CR-custom-arrow:hover {
    opacity: 1;
}

.CR-custom-style-arrow .CR-custom-arrow svg {
    height: 45%;
    width: auto;
}

.CR-custom-style-arrow .CR-custom-arrow:hover svg path {
    stroke: var(--cl-black);
}

.CR-custom-style-arrow .CR-custom-arrow svg path {
    stroke: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== 404 PAGE ==================**/
#CR-404-page {
    min-height: calc(100vh - 17.75rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-404-page .box {
    text-align: center;
}

#CR-404-page h1 {
    margin: 0 0 5px;
    font-size: 6.25rem;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 700;
    color: var(--cl-red);
}

#CR-404-page h2 {
    margin: 1rem auto;
    font-size: 2rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--cl-main);
}

#CR-404-page p {
    color: #000000;
    font-size: 1.125rem;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}

#CR-404-page span {
    font-size: 1rem;
    font-style: italic;
    display: block;
    text-align: center;
    margin: 1rem auto;
    font-weight: 700;
}

#CR-404-page .CR-error-link:hover {
    background: var(--cl-mega-menu);
    color: var(--cl-main);
}

#CR-404-page .CR-error-link {
    font-weight: 700;
    border: 2px solid var(--cl-main);
    width: max-content;
    margin: 0 auto;
    padding: 0 1rem;
    border-radius: 5px;
    font-size: 1rem;
    height: 3.125rem /* 50/16 */;
    background: var(--cl-main);
    color: var(--cl-white);
    text-transform: uppercase;
}

#CR-404-page svg {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
}

#CR-404-page #g6219 {
    transform-origin: 85px 4px;
    -webkit-animation: an_404 12s 0.5s infinite ease-out;
    animation: an_404 12s 0.5s infinite ease-out;
}

@-webkit-keyframes an_404 {
    0% {
        transform: rotate(0);
    }
    5% {
        transform: rotate(3deg);
    }
    15% {
        transform: rotate(-2.5deg);
    }
    25% {
        transform: rotate(2deg);
    }
    35% {
        transform: rotate(-1.5deg);
    }
    45% {
        transform: rotate(1deg);
    }
    55% {
        transform: rotate(-1.5deg);
    }
    65% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    85% {
        transform: rotate(2.5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes an_404 {
    0% {
        transform: rotate(0);
    }
    5% {
        transform: rotate(3deg);
    }
    15% {
        transform: rotate(-2.5deg);
    }
    25% {
        transform: rotate(2deg);
    }
    35% {
        transform: rotate(-1.5deg);
    }
    45% {
        transform: rotate(1deg);
    }
    55% {
        transform: rotate(-1.5deg);
    }
    65% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    85% {
        transform: rotate(2.5deg);
    }
    95% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0);
    }
}

/**================== BREADCRUMBS ==================**/
.CR-breadcrumb {
    padding: 1rem /* 16/16 */ 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6.25rem  /* 100/16 */;
}

.CR-breadcrumb * {
    color: var(--cl-light-main) !important;
    font-family: var(--font-nanu) !important;
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: uppercase !important;
}

.CR-breadcrumb a:hover {
    color: var(--cl-main) !important;
}

.CR-breadcrumb .delimiter {
    padding: 0 0.25rem 0 0;
}

.CR-breadcrumb .current {
    color: var(--cl-light-main);
}

/**================== HAMBURGER ICON ==================**/
.CR-hamburger-nav-icon {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.CR-hamburger-nav-icon .icon-E {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    height: 4px;
    width: 2.5rem;
    top: 50%;
    background-color: var(--color-red);
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.CR-hamburger-nav-icon .icon-E:before {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 2.5rem;
    height: 4px;
    background-color: var(--color-red);
    content: "";
    top: -10px;
}

.CR-hamburger-nav-icon .icon-E:after {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 2.5rem;
    height: 4px;
    background-color: var(--color-red);
    content: "";
    top: 10px;
}

.CR-hamburger-nav-icon .icon-X {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    height: 0px;
    width: 2.5rem;
    top: 50%;
    background-color: var(--color-blue);
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    -webkit-transform-origin: 15px 0px;
    -ms-transform-origin: 15px 0px;
    transform-origin: 15px 0px;
}

.CR-hamburger-nav-icon .icon-X:before {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 2.5rem;
    height: 4px;
    background-color: var(--color-blue);
    content: "";
    top: -9px;
    -webkit-transform: rotateZ(45deg) scaleX(1) translate(6px, 6px);
    -ms-transform: rotate(45deg) scaleX(1) translate(6px, 6px);
    transform: rotateZ(45deg) scaleX(1) translate(6px, 6px);
}

.CR-hamburger-nav-icon .icon-X:after {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    width: 2.5rem;
    height: 4px;
    background-color: var(--color-blue);
    content: "";
    top: 9px;
    -webkit-transform: rotateZ(-45deg) scaleX(1) translate(6px, -6px);
    -ms-transform: rotate(-45deg) scaleX(1) translate(6px, -6px);
    transform: rotateZ(-45deg) scaleX(1) translate(6px, -6px);
}

.CR-hamburger-nav-icon .icon-X:hover {
    cursor: pointer;
}

.CR-hamburger-nav-icon.CR-show .icon-E {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.CR-hamburger-nav-icon.CR-show .icon-X {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1);
}

.CR-hamburger-nav-icon:hover {
    cursor: pointer;
}

/**================== CUSTOM SELECT ==================**/
.CRcustom_sl {
    width: 10.625rem;
}

.CRcustom_sl select {
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 100px;
    opacity: 0;
}

.CRcustom_sl .select:hover {
    -webkit-box-sizing: border-box;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRcustom_sl .select:hover .select-styled {
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-color: transparent;
}

.CRcustom_sl .select {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 0;
    margin: 0;
    /*background: var(--cl-white);*/
    /*border: 1px solid rgba(9, 2, 41, 0.3);*/
    /*border-radius: 0.3125rem;*/
}

.CRcustom_sl .select:after {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: unset;
    right: 0;
    font-size: 0.625rem;
    color: #333333;
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CRcustom_sl .select-styled {
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 0.875rem;
    line-height: normal;
    color: #666666;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    height: 2.5rem;
}

.CRcustom_sl .select select {
    display: none;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar {
    width: 1px;
    border-radius: 2px;
    background-color: #E8E9F9;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar-track {
    border: none;
}

.CRcustom_sl .select-options-box::-webkit-scrollbar-thumb {
    background-color: rgb(61 65 150 / 50%);
    outline: 1px solid rgb(61 65 150 / 50%);
}

.CRcustom_sl .select-options-box {
    max-height: 26.25rem;
    overflow-y: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.CRcustom_sl .select-options {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 7;
    margin: 0;
    list-style: none;
    top: 2.625rem;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    background-color: var(--cl-white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
    padding: 0;
}

.CRcustom_sl .select-options li {
    position: relative;
    margin: 0;
    padding: 0.625rem !important;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    width: 100%;
    text-align: left;
    cursor: pointer;
    line-height: normal;
    background: var(--cl-white);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #333333;
}

.CRcustom_sl .select-options li:not(:last-child) {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
}

.CRcustom_sl .select-options li:hover {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background-color: rgba(0, 174, 255, 0.1) !important;
    color: #222222;
}

.CRcustom_sl .select-options li[rel='all'],
.CRcustom_sl .select-options li[rel='empt'] {
    display: none;
}

.CRcustom_sl .select-options li.hide {
    background-color: var(--cl-main) !important;
    color: var(--cl-white) !important;
    display: block !important;
    pointer-events: none;
}

.CRcustom_sl.CR-custom-sl-sp .select-options li.hide {
    background-color: var(--cl-white) !important;
    color: var(--cl-red) !important;
    display: block !important;
    pointer-events: none;
}

.CRcustom_sl.CR-custom-sl-sp .select-options li:hover {
    background: #f2f2f2 !important;
    color: #2c2c2c !important;
}

/**================== CHOSEN SELECT ==================**/
.CR-chosen-ajax-load {
    position: relative;
}

.CR-chosen-ajax-load.active > * {
    opacity: 0.3;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    pointer-events: none;
}

.CR-chosen-ajax-load.active:before {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-chosen-ajax-load:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='svg-loader' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 80' xml:space='preserve'%0A%3E%3Cpath fill='%23DC3B30' d='M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='360 40 40' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath fill='%23D49200' d='M62,40.1c0,0,0,0.2-0.1,0.7c0,0.2,0,0.5-0.1,0.8c0,0.2,0,0.3,0,0.5c0,0.2-0.1,0.4-0.1,0.7 c-0.1,0.5-0.2,1-0.3,1.6c-0.2,0.5-0.3,1.1-0.5,1.8c-0.2,0.6-0.5,1.3-0.7,1.9c-0.3,0.7-0.7,1.3-1,2.1c-0.4,0.7-0.9,1.4-1.4,2.1 c-0.5,0.7-1.1,1.4-1.7,2c-1.2,1.3-2.7,2.5-4.4,3.6c-1.7,1-3.6,1.8-5.5,2.4c-2,0.5-4,0.7-6.2,0.7c-1.9-0.1-4.1-0.4-6-1.1 c-1.9-0.7-3.7-1.5-5.2-2.6c-1.5-1.1-2.9-2.3-4-3.7c-0.6-0.6-1-1.4-1.5-2c-0.4-0.7-0.8-1.4-1.2-2c-0.3-0.7-0.6-1.3-0.8-2 c-0.2-0.6-0.4-1.2-0.6-1.8c-0.1-0.6-0.3-1.1-0.4-1.6c-0.1-0.5-0.1-1-0.2-1.4c-0.1-0.9-0.1-1.5-0.1-2c0-0.5,0-0.7,0-0.7 s0,0.2,0.1,0.7c0.1,0.5,0,1.1,0.2,2c0.1,0.4,0.2,0.9,0.3,1.4c0.1,0.5,0.3,1,0.5,1.6c0.2,0.6,0.4,1.1,0.7,1.8 c0.3,0.6,0.6,1.2,0.9,1.9c0.4,0.6,0.8,1.3,1.2,1.9c0.5,0.6,1,1.3,1.6,1.8c1.1,1.2,2.5,2.3,4,3.2c1.5,0.9,3.2,1.6,5,2.1 c1.8,0.5,3.6,0.6,5.6,0.6c1.8-0.1,3.7-0.4,5.4-1c1.7-0.6,3.3-1.4,4.7-2.4c1.4-1,2.6-2.1,3.6-3.3c0.5-0.6,0.9-1.2,1.3-1.8 c0.4-0.6,0.7-1.2,1-1.8c0.3-0.6,0.6-1.2,0.8-1.8c0.2-0.6,0.4-1.1,0.5-1.7c0.1-0.5,0.2-1,0.3-1.5c0.1-0.4,0.1-0.8,0.1-1.2 c0-0.2,0-0.4,0.1-0.5c0-0.2,0-0.4,0-0.5c0-0.3,0-0.6,0-0.8c0-0.5,0-0.7,0-0.7c0-1.1,0.9-2,2-2s2,0.9,2,2C62,40,62,40.1,62,40.1z' %3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 40 40' to='-360 40 40' dur='0.6s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-chosen-item .chosen-container:hover .chosen-single {
    -webkit-box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px rgb(0 0 0 / 10%);
}

.CR-chosen-item .chosen-single {
    min-width: 15rem  /* 240/16 */;
    height: 2.8125rem /* 45/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none !important;
    background: var(--cl-white);
    border: none !important;
    border-bottom: 1px solid var(--cl-black) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 3rem 0 0;
    background-image: none !important;
    -webkit-box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px transparent;
    box-shadow: 0 0 3px var(--cl-white) inset, 0 1px 1px transparent;
    font-size: 1.125rem  /* 18/16 */;
    font-weight: 600;
    font-family: var(--font-gothic);
}

.CR-chosen-item .chosen-single span {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 0.9375rem /* 15/16 */;
}

.CR-chosen-item .chosen-single div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5625rem /* 25/16 */;
}

.CR-chosen-item .chosen-single div b {
    background: none !important;
    height: auto;
}

.CR-chosen-item .chosen-with-drop .chosen-single div b:before {
    content: "\f106";
}

.CR-chosen-item .chosen-single div b:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 0.75rem /* 12/16 */;
    color: var(--cl-black);
}

.CR-chosen-item .chosen-with-drop .chosen-drop {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.CR-chosen-item .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border: none;
    margin-top: 0;
    border-radius: 0;
    transform: scale(0);
    transition: 0.5s ease-in-out;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + 0.25rem);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
}

.CR-chosen-item .chosen-drop .chosen-search {
    padding: 0.5rem;
    display: none;
}

.CR-chosen-item .chosen-drop .chosen-search input.chosen-search-input {
    padding: 0 1.5rem 0 1rem;
    border-radius: 0.4rem;
    height: 2.5rem /* 40/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    background-color: var(--cl-gray);
    border: none;;
    color: var(--cl-black);
    background-image: none !important;
}

.CR-chosen-item .chosen-drop .chosen-results {
    margin: 0 !important;
    padding: 2.5rem  /* 40/16 */ 1.5625rem  /* 25/16 */;
    max-height: 28.75rem  /* 460/16 */;
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar-track {
    border: none;
}

.CR-chosen-item .chosen-drop .chosen-results::-webkit-scrollbar-thumb {
    background-color: var(--cl-light-gray);
    outline: 1px solid var(--cl-light-gray);
}

.CR-chosen-item .chosen-drop .chosen-results li.result-selected {
    color: var(--cl-black);
    font-weight: 700;
}

.CR-chosen-item .chosen-drop .chosen-results li.highlighted {
    background: var(--cl-gray) !important;
}

.CR-chosen-item .chosen-drop .chosen-results li {
    padding: 0.5rem;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1.125rem  /* 18/16 */ !important;
    font-weight: 400;
    border-radius: 0.3rem;
    line-height: normal;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100% !important;
}

.CR-chosen-item .chosen-drop .chosen-results li em {
    color: var(--cl-main);
    font-weight: 700;
}

/** SELECT 2 **/
/** SELECT 2 **/
.select2-container {
    /*width: 15rem;*/
}

.select2-container.select2-container--open {
    z-index: 9999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.5rem /* 40/16 */;
}

.select2-container.select2-container--open .select2-dropdown {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
    width: 18.75rem /* 300/16 */;
}

.select2-dropdown {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border: none;
    margin-top: 0;
    border-radius: 0.5rem;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    background: var(--cl-white);
    transform: scale(0);
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.select2-dropdown .select2-search {
    padding: 0.5rem;
    width: 100%;
}

.select2-dropdown .select2-search input {
    padding: 0 1.5rem 0 1rem;
    border-radius: 0.4rem;
    width: 100%;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    background-color: var(--cl-gray);
    border: none;
    color: var(--cl-black);
    background-image: none !important;
    outline: none !important;
}

.select2-dropdown .select2-results {
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    width: 100%;
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
    border: none;
}

.select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    outline: 1px solid #cccccc;
}

.select2-dropdown .select2-results li.select2-results__option--selected {
    color: var(--cl-main);
    font-weight: 700;
}

.select2-dropdown .select2-results li.select2-results__option--highlighted {
    background: var(--cl-gray) !important;
    color: var(--cl-black);
}

.select2-dropdown .select2-results li {
    padding: 0.5rem 1rem;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1rem;
    border-radius: 0.3rem;
    line-height: normal;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100% !important;
    cursor: pointer;
    text-transform: capitalize;
}

.select2-dropdown .select2-results li em {
    color: var(--cl-main);
    font-weight: 700;
}

/**================== CUSTOM RANGE FIELD ==================**/
.CR-custom-filter-range {
    height: 2.125rem /* 34/16 */;
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #777777 !important;
}

.CR-custom-filter-range .head-range {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0.7rem 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-custom-filter-range .head-range .label {
    color: var(--cl-white);
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CR-custom-filter-range .head-range .label i {
    font-size: 1rem;
}

.CR-custom-filter-range.show .drop-range {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
    opacity: 1;
}

.CR-custom-filter-range .drop-range {
    position: absolute;
    margin-top: 0;
    top: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
    opacity: 0;
    background: var(--cl-white);
    width: 15rem;
    box-shadow: 0px 8px 32px rgb(3 44 71 / 24%);
    border-radius: 8px;
    padding: 0;
    left: 0;
    z-index: 99;
}

.CR-custom-filter-range .list-range {
    padding: 0 0.5rem 0.5rem;
    max-height: 18rem;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.CR-custom-filter-range .list-range::-webkit-scrollbar {
    width: 3px;
    border-radius: 2px;
    background-color: var(--cl-white);
}

.CR-custom-filter-range .list-range::-webkit-scrollbar-track {
    border: none;
}

.CR-custom-filter-range .list-range::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    outline: 1px solid #cccccc;
}

.CR-custom-filter-range .list-range li {
    width: 100% !important;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 0;
}

.CR-custom-filter-range .list-range li:hover a {
    background: #f2f2f2 !important;
}

.CR-custom-filter-range .list-range li.active {
    cursor: no-drop;
}

.CR-custom-filter-range .list-range li.active a {
    color: var(--cl-red);
    pointer-events: none;
    font-weight: 700;
}

.CR-custom-filter-range .list-range li a {
    padding: 0.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-word;
    color: var(--cl-black);
    font-size: 1rem;
    font-weight: 400;
    background: transparent !important;
}

.CR-custom-filter-range .slide-range .view-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CR-custom-filter-range .slide-range .view-box span {
    background: #c5c4c5;
    width: 5%;
    height: 0.125rem /* 2/16 */;
    margin: 0 0.5rem;
}

.CR-custom-filter-range .slide-range .view-box input {
    border: 1px solid #ececec;
    box-sizing: border-box;
    border-radius: 0.1875rem /* 3/16 */;
    height: 2rem /* 32/16 */;
    font-size: 0.7rem /* 14/16 */;
    text-align: center;
    color: #2c2c2c;
    width: 47.5%;
    outline: none !important;
}

.CR-custom-filter-range .slide-range {
    overflow: hidden;
    padding: 1rem /* 16/16 */ 0.625rem /* 10/16 */ 0.625rem /* 10/16 */;
}

.CR-custom-filter-range .slide-range .slide-box {
    margin: 1.5rem 0 0.75rem;
    padding: 0 0.65rem 0 0.75rem;
}

.CR-custom-filter-range .ui-widget.ui-widget-content:before {
    right: 98%;
}

.CR-custom-filter-range .ui-widget.ui-widget-content:after {
    left: 96%;
}

.CR-custom-filter-range .ui-widget.ui-widget-content:before,
.CR-custom-filter-range .ui-widget.ui-widget-content:after {
    content: '';
    border-radius: 50%;
    width: 0.875rem /* 14/16 */;
    height: 0.875rem /* 14/16 */;
    background: #c5c5c5;
    border-color: #c5c5c5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.CR-custom-filter-range .ui-widget.ui-widget-content {
    position: relative;
    height: 0.25rem /* 4/16 */;
    border: none;
    background: #c5c5c5;
}

.CR-custom-filter-range .ui-slider-horizontal .ui-slider-range {
    background: var(--cl-main);
    border-color: var(--cl-main);
}

.CR-custom-filter-range .ui-slider-horizontal .ui-slider-handle {
    border-radius: 50%;
    width: 0.875rem /* 14/16 */;
    height: 0.875rem /* 14/16 */;
    background: var(--cl-main);
    border-color: var(--cl-main);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none !important;
}

.CR-custom-filter-range .CR-range-slide-apply:hover {
    background: var(--cl-white);
    color: var(--cl-main);
}

.CR-custom-filter-range .CR-range-slide-apply {
    background: var(--cl-main);
    color: var(--cl-white);
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem /* 14/16 */;
    border: 1px solid var(--cl-main);
    width: 100%;
    height: 1.875rem /* 30/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3.125rem /* 50/16 */;
    margin-top: 0.9375rem /* 15/16 */;
}

/**================== CUSTOM NUMBER BUTTON FIELD ==================**/
.CR-custom-number-btn-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CR-custom-number-btn-field .minus,
.CR-custom-number-btn-field .plus {
    height: 2.625rem;
    width: 2.625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.25rem /* 4/16 */;
    cursor: pointer;
    background-color: var(--cl-main);
    padding: 0.5rem;
    color: var(--cl-white);
    border: none;
    -webkit-box-shadow: -1px 4px 29px transparent;
    box-shadow: -1px 4px 29px transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-size: 1rem;
}

.CR-custom-number-btn-field .minus:focus,
.CR-custom-number-btn-field .plus:focus {
    background-color: var(--cl-black) !important;
    color: var(--cl-white) !important;
}

.CR-custom-number-btn-field .minus:hover,
.CR-custom-number-btn-field .plus:hover {
    background-color: var(--cl-black) !important;
    color: var(--cl-white) !important;
    -webkit-box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

.CR-custom-number-btn-field .CR-number-btn-input {
    width: calc(100% - 6.5rem) !important;
    text-align: center;
    pointer-events: none;
    padding: 0 1rem !important;
}

/**================== CUSTOM UPLOAD FIELD ==================**/
.CR-custom-upload-field {

}

.CR-custom-upload-field .CR-custom-upload-field-label input {
    display: none !important;
}

.CR-custom-upload-field .CR-custom-note-upload-field {
    margin-bottom: 1rem;
}

.CR-custom-upload-field .CR-custom-note-upload-field p {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.CR-custom-upload-field .CR-custom-note-upload-field p b {
    font-weight: 700;
    color: var(--cl-main);
}

.CR-custom-upload-field-btn:hover {
    background: var(--cl-main);
    border-color: var(--cl-main);
    color: var(--cl-white);
}

.CR-custom-upload-field-btn {
    background: var(--cl-white);
    border: 1px solid var(--cl-black);
    color: var(--cl-light-main);
    font-size: 0.75rem  /* 12/16 */;
    font-weight: 500;
    font-family: var(--font-gothic);
    line-height: normal;
    height: 1.875rem  /* 30/16 */;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 6.25rem  /* 100/16 */;
    padding: 0 0.625rem  /* 10/16 */;
    border-radius: 0.1875rem  /* 3/16 */;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-custom-upload-field-btn svg {
    width: auto;
    height: 1rem;
    margin-right: 0.5rem;
    fill: var(--cl-white);
}

.CR-custom-upload-field-review .note {
    padding: 1rem 0;
}

.CR-custom-upload-field-review .note p {
    font-weight: 600;
    color: var(--cl-black);
    line-height: normal;
    font-size: 0.85rem;
    margin: 0;
}

.CR-custom-upload-field-review .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.3125rem /* -5/16 */;
}

.CR-custom-upload-field-item {
    width: 20%;
    padding: 0.3125rem /* 5/16 */;
}

.CR-custom-upload-field-item .wrap {
    position: relative;
    -webkit-box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%);
    box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%);
    border: 1px solid var(--cl-gray);
    border-radius: 0.125rem  /* 2/16 */;
    overflow: hidden;
}

.CR-custom-upload-field-item .image-review {
    background: var(--cl-gray);
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    position: relative;
    aspect-ratio: 16/9;
}

.CR-custom-upload-field-item .image-review img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: contain;
    object-position: contain;
    -o-object-fit: contain;
    object-fit: contain;
}

.CR-custom-upload-field-item .action-review a {
    width: 1.5625rem  /* 25/16 */;
    height: 1.5625rem  /* 25/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dce0e0;
    background: var(--cl-white);
    position: absolute;
    top: 0;
    right: 0;
}

.CR-custom-upload-field-item .action-review .CR-custom-upload-field-selected-main {
    display: none;
}

.CR-custom-upload-field-item .action-review a.active-main:hover,
.CR-custom-upload-field-item .action-review a.active-main {
    background: var(--cl-main);
    border-color: var(--cl-main);
}

.CR-custom-upload-field-item .action-review a:hover {
    background: var(--cl-black);
    border-color: var(--cl-black);
}

.CR-custom-upload-field-item .action-review a.active-main svg,
.CR-custom-upload-field-item .action-review a:hover svg {
    fill: var(--cl-white);
}

.CR-custom-upload-field-item .action-review a svg {
    width: auto;
    height: 45%;
    fill: var(--cl-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== RATING STAR ==================**/
.CR-custom-rating-field {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.CR-custom-rating-field .rating__icon {
    pointer-events: none;
}

.CR-custom-rating-field .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.CR-custom-rating-field .rating__input--none {
    display: none;
}

.CR-custom-rating-field .rating__label {
    cursor: pointer;
    padding: 0 0.3125rem /* 5/16 */;
    font-size: 1.5625rem /* 25/16 */;
    margin: 0;
}

.CR-custom-rating-field .rating__icon--star {
    color: var(--cl-light-main);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field .rating__input:checked ~ .rating__label .rating__icon--star {
    color: var(--cl-light-gray);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field:hover .rating__label .rating__icon--star {
    color: var(--cl-light-main);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.CR-custom-rating-field .rating__input:hover ~ .rating__label .rating__icon--star {
    color: var(--cl-light-gray);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

/**================== DEFAULT LOAD - ERROR ==================**/
.spinner-submit {
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem;
    position: relative;
    display: inline-block;
    border: 2px solid #eeeeee;
    border-top-color: #1d1d1d;
    -webkit-animation: loadingSubmit 1s infinite;
    animation: loadingSubmit 1s infinite;
    margin: 0 !important;
}

@-webkit-keyframes loadingSubmit {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.error-mes-form .content-err {
    width: calc(100% - 1.875rem);
    display: inline-block;
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 600;
    font-family: var(--font-nanu);
}

.dis-err {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0.8rem;
    font-size: 0.8rem;
}

.hrError .error-mes-form {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: all;
    cursor: pointer;
    top: 50%;
}

.error-mes-form {
    background-color: var(--cl-red);
    border-radius: 0.3125rem  /* 5/16 */;
    color: var(--cl-white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 75%;
    text-align: left;
    margin: 0;
    padding-left: 0.625rem;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    pointer-events: none;
    z-index: 8;
    left: 1.3125rem  /* 21/16 */;
    right: 0.3125rem /* 5/16 */;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-hide-mobile {
    display: none;
}

.hrError .chosen-single,
.hrError textarea,
.hrError select,
.hrError input {
    border-color: var(--cl-red) !important;
}

/**================== NOTICE MESSAGE ==================**/
.notifyjs-container {
    box-sizing: border-box;
    background: var(--cl-white);
    border: 1px solid var(--cl-light-gray);
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
    border-radius: 1rem /* 16/16 */;
    padding: 1.125rem /* 18/16 */;
}

.notifyjs-container .CR-notice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    max-width: 20rem;
}

.notifyjs-container .CR-notice-box .icon {
    min-width: 1rem;
    width: 1rem;
    margin-right: 0.5rem;
}

.notifyjs-container .CR-notice-box.success .icon svg {
    fill: var(--cl-black);
}

.notifyjs-container .CR-notice-box.error .icon svg {
    fill: var(--cl-dark-red);
}

.notifyjs-container .CR-notice-box .icon svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.notifyjs-container .CR-notice-box.success .message-notice {
    color: var(--cl-black);
}

.notifyjs-container .CR-notice-box.error .message-notice {
    color: var(--cl-dark-red);
}

.notifyjs-container .CR-notice-box .message-notice {
    font-weight: 700;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    letter-spacing: .03em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-family: var(--font-nanu);
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.notifyjs-container .CR-notice-box .message-notice * {
    font-weight: 700;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    letter-spacing: .03em;
}

.notifyjs-container .CR-notice-box .message-notice .box {
    padding-left: 0.5rem;
}

.notifyjs-container .CR-notice-box .message-notice p {
    margin: 0;
}

.notifyjs-container .CR-notice-box .CR-btn:hover {
    background: var(--cl-main);
    color: var(--cl-white);
}

.notifyjs-container .CR-notice-box .CR-btn {
    height: 2.625rem /* 42/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--cl-light-main);
    background: var(--cl-white);
    color: var(--cl-light-main);
    text-align: center;
    font-family: var(--font-gothic);
    font-size: 0.75rem /* 12/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: 0.5s ease-in-out;
    width: 100%;
    margin-top: 1.75rem;
}

.CR-notify-message-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.notifyjs-container .CR-item-notify {
    padding-top: 0.9375rem /* 15/16 */;
    border-top: 1px solid var(--cl-light-gray);
    margin-top: 0.9375rem /* 15/16 */;
    padding-bottom: 0.3125rem /* 5/16 */;
    width: 100%;
}

.notifyjs-container .CR-item-notify .thumb-box {
    width: 15%;
    overflow: hidden;
    border-radius: 0.25rem  /* 4/16 */;
    position: relative;
}

.notifyjs-container .CR-item-notify .thumb-box:before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 9/16;
}

.notifyjs-container .CR-item-notify .thumb-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notifyjs-container .CR-item-notify .content-box {
    display: flex;
    flex-flow: column;
    width: 75%;
    padding-left: 0.625rem /* 10/16 */;
}

.notifyjs-container .CR-item-notify .title {
    flex: 1;
    font-weight: 700;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    letter-spacing: .03em;
    color: var(--cl-black);
}

.notifyjs-container .CR-item-notify .sub-title .variation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.notifyjs-container .CR-item-notify .sub-title * {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    color: var(--cl-black);
}

.notifyjs-container .CR-item-notify .sub-title dt {
    display: none;
}

.notifyjs-container .CR-item-notify .sub-title dd:not(:last-child):after {
    content: '/';
    margin: 0 0.25rem;
}

.notifyjs-container .CR-item-notify .CR-woo-prices {

}

.notifyjs-container .CR-item-notify .CR-woo-prices * {
    font-size: 0.75rem  /* 12/16 */;
}

.admin-bar .notifyjs-corner {
    top: 52px !important;
}

.notifyjs-corner {
    top: 20px !important;
    right: 20px !important;
    margin: 0 !important;
    z-index: 999999999999999999999999999 !important;
}

/**================== SWAP REGISTER - LOG IN - RECOVERY ==================**/
.active .CR-tab-account-swap {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height .35s cubic-bezier(.25, .46, .45, .94);
}

.CR-tab-account-swap {
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), height .3s cubic-bezier(.25, .46, .45, .94);
}

.active .CR-tab-account-swap .all-tab-account {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform 1.5s cubic-bezier(.25, .46, .45, .94);
}

.CR-tab-account-swap .all-tab-account {
    position: relative;
    width: 100%;
    padding: 0.125rem;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    transition: transform 1s cubic-bezier(.25, .46, .45, .94);
}

.CR-tab-account-swap .tab-account-default.visiable-hidden {
    z-index: -1;
    transition: 1s height;
    position: absolute;
    top: 0;
    overflow: hidden;
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

.CR-tab-account-swap .tab-account-default {
    position: relative;
    width: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-tab-account-swap .tab-account-default .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.CR-tab-account-swap .tab-account-default .content .head-box {
    margin-bottom: 1rem;
}

.CR-tab-account-swap .tab-account-default .content .head-box .title {
    font-size: 1.875rem /* 30/16 */;
    font-weight: 700;
    margin: 0 auto 1rem;
    text-align: center;
    position: relative;
    color: var(--cl-main);
    text-transform: uppercase;
}

.CR-tab-account-swap .tab-account-default .content .head-box .note a {
    color: var(--cl-main);
    font-weight: 700;
}

.CR-tab-account-swap .tab-account-default .content .head-box .note {
    font-size: 0.875rem /* 14/16 */;
    letter-spacing: 0.028125rem /* 0.45/16 */;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-weight: 400;
    line-height: 1.3125rem /* 21/16 */;
    color: var(--cl-black);
    font-style: italic;
}

.CR-tab-account-swap .tab-account-default .swap-box {
    margin-top: 1rem;
}

.CR-tab-account-swap .tab-account-default .swap-box * {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
}

.CR-tab-account-swap .tab-account-default .swap-box a:hover {
    color: var(--cl-black);
}

.CR-tab-account-swap .tab-account-default .swap-box a {
    color: var(--cl-main);
    font-weight: 700;
}

.CR-tab-account-swap .tab-account-default .content > div {
    width: 100%;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-btn-submit-form {
    margin: 1rem auto 0;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-hide-mobile {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem /* 18/16 */;
    line-height: normal;
    color: var(--cl-black);
    margin-bottom: 0.4375rem /* 7/16 */;
    display: none;
}

.CR-tab-account-swap .CR-def-form-wrap .CR-hide-mobile span {
    color: var(--cl-red);
    margin-left: 0.2rem;
}

.CR-tab-account-swap .CR-def-form-wrap ul {
    max-height: 25rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding-bottom: 1rem;
}

/** SOCIALS LOGIN **/
.CR-log-socials {

}

.CR-log-socials .heading {
    text-align: center;
    padding: 1.25rem /* 20/16 */ 0;
    font-size: 1rem /* 16/16 */;
    text-transform: capitalize;
    font-weight: 700;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}

.CR-log-socials .log-options {
    margin: -0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.CR-log-socials .log-options .log-social-btn {
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-log-socials .log-options .login-fb-click {
    background: #4064AC;
    border: 1px solid #4064AC;
    color: #ffffff !important;
    width: 229px;
}

.CR-log-socials .log-options .login-fb-click i {
    margin-right: 0.5rem;
}

.CR-log-socials .log-options .login-gg-click:hover {
    background: #555658;
}

.CR-log-socials .log-options .login-gg-click {
    background: #202124;
    border: 1px solid #202124;
    color: #ffffff !important;
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-log-socials .log-options .login2-gg-click,
.CR-log-socials .log-options a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    cursor: pointer;
}

/**================== DEFAUT INPUT ==================**/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.CR-def-form-wrap .CR-hide-mobile {
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    margin: 0 0 0.625rem /* 10/16 */;
    display: block;
}

.CR-def-form-wrap .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2.5rem -0.5rem 0;
}

.CR-def-form-wrap .button-wrap > * {
    width: 50%;
    padding: 0 0.5rem;
}

.CR-def-form-wrap .button-wrap .item > * {
    margin: 0 !important;
}

.CR-def-form-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.CR-def-form-wrap .def-input:not(:last-child) {
    margin-bottom: 0.875rem  /* 14/16 */;
}

.CR-def-form-wrap .def-input:not(.input-half) {
    width: 100%;
}

.CR-def-form-wrap .def-input.input-half {
    width: 50%;
}

.CR-def-form-wrap .def-input {
    position: relative;
    padding: 0;
    flex-direction: column;
}

.CR-def-form-wrap .CR-box-input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.CR-def-form-wrap .CR-box-input .unit-input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5rem /* 24/16 */;
    color: var(--cl-black);
    font-size: 1rem /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    pointer-events: none;
}

.CR-def-form-wrap .CR-box-input .icon {
    position: absolute;
    top: 50%;
    left: 1.125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--cl-gray);
}

.CR-def-form-wrap .CR-def-checkbox a:hover {
    color: var(--cl-main);
}

.CR-def-form-wrap .CR-def-checkbox a {
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 0.3125rem;
}

.CR-def-form-wrap .CR-def-input::placeholder {
    color: #8F8F8F;
}

.CR-def-form-wrap .CR-def-input:hover {
    border-color: var(--cl-light-main) !important;
}

.CR-def-form-wrap .CR-def-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.5rem  /* 40/16 */;
    border-radius: 0.25rem  /* 4/16 */;
    border: 0.5px solid #8F8F8F;
    padding: 0 1rem;
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-box-shadow: 0 4px 5px transparent;
    box-shadow: 0 4px 5px transparent;
    background: transparent;
}

.CR-def-form-wrap textarea.CR-def-input {
    height: 9.375rem  /* 150/16 */;
    border-radius: 0.25rem  /* 4/16 */;
    padding: 1rem 1.25rem /* 20/16 */ !important;
}

.CR-def-form-wrap .CR-custom-pass {
    position: relative;
}

.CR-def-form-wrap .CR-show-pass {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.25rem;
}

.CR-def-form-wrap .CR-show-pass i {
    color: #9e9e9ec4;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-def-form-wrap .CR-show-pass.active i {
    color: var(--cl-main);
}

.CR-def-form-wrap .CR-btn-submit-form:hover {
}

.CR-def-form-wrap .button--box {
    display: flex;
    justify-content: flex-end;
}

.CR-def-form-wrap .CR-btn-submit-form {
    display: flex;
    position: relative;
    height: 2.8125rem  /* 45/16 */;
    min-width: 12.5rem /* 200/16 */;
    border-radius: 0.25rem  /* 4/16 */;
    background: var(--cl-main);
    padding: 0 1rem /* 16/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 1.875rem /* 30/16 */ 0 0;
    color: var(--cl-white) !important;
    font-family: var(--font-gothic);
    font-size: 0.75rem  /* 12/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}

.CR-def-form-wrap .log-user-remember .CR-box-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CR-def-form-wrap .CR-def-checkbox {
    width: auto;
}

.CR-def-form-wrap .wrap-gender,
.CR-def-form-wrap .CR-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-def-form-wrap .CR-radio-group .wrapper:not(:last-child) {
    margin-right: 2.8125rem;
}

.CR-def-form-wrap .wrap-gender > label {
    color: #333333;
    font-size: 1rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-right: 5rem;
}

.CR-def-form-wrap .note-field p span {
    color: #ff9600;
    margin: 0 0.3125rem 0 0;
}

.CR-def-form-wrap .note-field p {
    margin: 0.875rem 0 0;
    color: #666666;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.375rem;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.CR-def-form-wrap .def-input.log-user-remember {
    border: none !important;
    margin: 1rem 0 0;
}

.CR-def-form-wrap .def-input .CR-hide-mobile .require {
    color: red;
    margin-left: 0.3125rem /* 5/16 */;
}

.CR-def-form-wrap .CR-box-input .icon-field {
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    color: var(--cl-black);
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 0.5rem;
    pointer-events: none;
}

.CR-def-form-wrap .CR-box-input .review-field {
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 400;
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    /*margin-top: 0.55rem;*/
    /*display: block;*/
}

.CR-def-form-wrap .CR-box-input .review-field b {
    margin-left: 0.25rem;
}

.CR-def-form-wrap .CR-ckeditor-box .ck-content {
    height: 10rem /* 160/16 */;
    border-color: #dfe3e3 !important;
    box-shadow: none !important;
    outline: none !important;
}

.CR-def-form-wrap .CR-address-map-canvas {
    width: 100%;
    height: 18.75rem /* 300/16 */;
}

/**================== LOADMORE ==================**/
.CR-load-more--box {
    margin: 2.5rem 0 1.5rem;
}

.CR-load-more--box .total-remaining {
    display: none;
}

.CR-load-more--box .CR-load-more-wrap {
    margin: 0;
    text-align: left;
}

.CR-load-more--box .display-result--box {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-black);
    margin: 0;
}

.CR-load-more-wrap {
    text-align: center;
    margin: 1.875rem  /* 30/16 */ auto 0;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.CR-load-more-wrap.hide {
    padding: 0 !important
}

.CR-load-more-btn:hover {
    border-color: var(--cl-main);
    background: var(--cl-main);
    color: var(--cl-white);
}

.CR-load-more-btn {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.8125rem  /* 45/16 */;
    width: max-content;
    min-width: 11.25rem  /* 180/16 */;
    border-radius: 5rem  /* 80/16 */;
    border: 1px solid #21353C;
    margin: 0 auto;
    background: transparent;
    -webkit-box-shadow: -1px 4px 29px transparent;
    box-shadow: -1px 4px 29px transparent;
    position: relative;
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 0.75rem  /* 12/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.CR-load-more-btn:hover svg {
    -webkit-transform: translate(-50%,-40%);
    -ms-transform: translate(-50%,-40%);
    transform: translate(-50%,-40%)
}

.CR-load-more-btn:hover svg * {
    fill: var(--cl-white);
    stroke: var(--cl-white)
}

.CR-load-more-btn svg {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 0;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.CR-load-more-btn svg * {
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    stroke: var(--cl-white);
}

.CR-load-more-btn i.fa-angle-down {
    display: none !important
}

.CR-load-more-btn .total-remaining {
    margin: 0 .2rem;
}

/**================== PAGING ==================**/
.CR-paging-wrap {
    margin: 2.5rem /* 40/16 */ 0 0;
    width: 100%;
}

.CR-paging-wrap ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.625rem /* 10/16 */;
}

.CR-paging-wrap li {
    padding: 0;
}

.CR-paging-wrap li a {
    background-color: var(--cl-white);
    padding: 0.5rem;
    height: 2.5rem /* 40/16 */;
    width: 2.5rem /* 40/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--cl-black);
    font-size: 0.9375rem /* 15/16 */;
    font-weight: 700;
    line-height: normal;
}

.CR-paging-wrap li a:hover,
.CR-paging-wrap li a.active {
    color: var(--cl-white);
    border-color: var(--cl-main);
    background-color: var(--cl-main);
}


.CR-paging-wrap li.disabled {
    cursor: no-drop;
}

.CR-paging-wrap li .dots {
    pointer-events: none;
}

.CR-paging-wrap li.disabled a {
    opacity: 0.5;
    pointer-events: none;
}

.CR-paging-wrap li a.CR-paging-next i,
.CR-paging-wrap li a.CR-paging-prev i {
    font-size: 0.625rem /* 10/16 */;
}

.CR-paging-wrap li a.CR-paging-next,
.CR-paging-wrap li a.CR-paging-prev {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    width: max-content;
    padding: 0;
    height: auto;
    display: block;
    border-radius: 0;
    border: none;
    background: transparent;
    color: var(--cl-black);
}

.CR-paging-arrow-num {
    margin-top: 1rem  /* 16/16 */;
}

.CR-paging-arrow-num .CR--paging {
    gap: 0.5rem;
}

.CR-paging-arrow-num .current {
    font-family: var(--font-nanu);
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 600;
    line-height: normal;
}

.CR-paging-arrow-num a {
    width: 1.5rem /* 24/16 */;
    height: 1.5rem /* 24/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CR-paging-arrow-num a svg {
    width: 100%;
    height: 1.25rem  /* 20/16 */;
}

/**================== POPUP VIDEO ==================**/
#CRpopupVideo.active {
    opacity: 1;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    pointer-events: auto;
}

#CRpopupVideo {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

#CRpopupVideo.active .CRbgVid {
    opacity: 1;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

#CRpopupVideo .CRbgVid {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(0 0 0 / 80%);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

#CRpopupVideo.active #CRpopupVideo_wrap {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

#CRpopupVideo #CRpopupVideo_wrap {
    display: block !important;
    width: 50vw;
    height: auto;
    margin: auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.41%, #F25C64), color-stop(45.33%, #BA2028));
    background: -o-linear-gradient(top, #F25C64 0.41%, #BA2028 45.33%);
    background: linear-gradient(180deg, #F25C64 0.41%, #BA2028 45.33%);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    padding: 5px;
}

#CRloadVideo {
    opacity: 1 !important;
}

#CRloadVideo,
.CRdetailVideo {
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
}

.CRdetailVideo #player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 1.25rem;
}

.CRdetailVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
}

.CRclosePopStyle:hover {
    color: var(--cl-white) 200;
}

.CRclosePopStyle {
    position: absolute;
    top: 3.125rem;
    right: 3.125rem;
    cursor: pointer;
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--cl-white);
    font-size: 1.5625rem;
    z-index: 4;
}

/**================== SVG ==================**/
#CRsvg_wrap {
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

/**================== POPUP ==================**/
.CR-popup-default-wrap.active {
    opacity: 1;
    pointer-events: auto;
}

.CR-popup-default-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999999999;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

.CR-popup-default-wrap.active .box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-popup-default-wrap .box {
    display: block !important;
    width: 100%;
    max-width: 37.5rem /* 600/16 */;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    background: var(--cl-white);
    -webkit-box-shadow: -1px -10px 18px rgb(180 228 255 / 15%);
    box-shadow: -1px -10px 18px rgb(180 228 255 / 15%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 1rem;
    overflow: hidden;
    padding: 2rem;
    position: relative;
}

.CR-popup-default-wrap.active .CR-popup-bg {
    opacity: 1;
}

.CR-popup-default-wrap .content {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-popup-default-wrap .CR-popup-bg {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(0 0 0 / 50%);
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    backdrop-filter: blur(1rem);
}

.CR-popup-default-wrap .CR-no-cont {
    font-size: 1.875rem;
    margin: 0 auto;
}

.CR-popup-default-wrap .CR-hide-mobile {
    display: none;
}

.CR-popup-default-wrap .CR-close-popup-btn {
    position: absolute;
    top: 1rem /* 16/16 */;
    right: 1rem /* 16/16 */;
}

.CR-popup-default-wrap .CR-close-popup-btn svg {
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
}

/**================== POPUP GALLERY ==================**/
#CRpopup-gallery.active {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    pointer-events: auto;
}

#CRpopup-gallery {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999999999999999;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

#CRpopup-gallery.active #CRpop-gallery-wrap {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CRpopup-gallery #CRpop-gallery-wrap {
    display: block !important;
    width: 50vw;
    max-width: 61.25rem;
    height: 31.25rem;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: #f5f7ff;
    backdrop-filter: blur(50px);
    border-radius: 0;
}

#CRpopup-gallery.active .CRbg-pop-gallery {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CRpopup-gallery #CRload-gallery {
    height: 100%;
    padding: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CRpopup-gallery .CRbg-pop-gallery {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(0 0 0 / 80%);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CRpopup-gallery .CRdetail-gallery {
    width: 100%;
    height: 100%;
}

#CRpopup-gallery .CR-item-pop-gallery {
    width: 100%;
}

#CRpopup-gallery .CR-item-pop-gallery .wrap {
    width: 100%;
    height: 30rem;
}

#CRpopup-gallery .CR-item-pop-gallery img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#CRpopup-gallery .CR-custom-arrow {
    width: 3.125rem !important;
    height: 3.125rem !important;
    background: var(--cl-white) 200;
    z-index: 4;
}

#CRpopup-gallery .CR-custom-arrow.left {
    left: 0;
}

#CRpopup-gallery .CR-custom-arrow.right {
    right: 0;
}

/**================== FLATPICKR ==================**/
.flatpickr-innerContainer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/**================== STICKY ICONS ==================**/
.CR-sticky-icons.show {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

.CR-sticky-icons {
    position: fixed;
    left: 50%;
    bottom: 1rem  /* 16/16 */;
    z-index: 99;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
}

.CR-sticky-icons a {
    width: 2.8125rem /* 45/16 */;
    height: 2.8125rem /* 45/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none !important;
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    background: var(--cl-white);
    color: var(--cl-black);
    border-radius: 50%;
    font-size: 1rem /* 16/16 */;
}

.CR-sticky-icons a .wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CR-sticky-icons a svg {
    height: 50%;
    width: auto;
    transform: rotate(-90deg);
}

.CR-sticky-icons a svg * {
    stroke: var(--cl-main);
}

/**================== STICKY HOTLINE ==================**/
.CR-sticky-hotline {
    position: fixed;
    z-index: 8;
    left: 3%;
    bottom: 6rem;
}

.CR-sticky-hotline a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.5rem;
    position: relative;
    height: 3.125rem;
    padding: 1.25rem 1.25rem 1.25rem 4rem;
}

.CR-sticky-hotline .icon {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    color: var(--cl-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid transparent;
    opacity: 1;
}

.CR-sticky-hotline .icon .bg-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
}

.CR-sticky-hotline .icon .cont {
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    z-index: 2;
    border-radius: 50%;
    width: 70%;
    height: 70%;
    background: var(--cl-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--cl-main);
}

.CR-sticky-hotline b {
    color: var(--cl-white);
    padding: 0;
    line-height: normal;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none !important;
    box-sizing: border-box;
}

.CR-sticky-hotline .icon .circle-one {
    width: 8.125rem;
    height: 8.125rem;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: -1;
}

.CR-sticky-hotline .icon .circle-two {
    width: 5rem;
    height: 5rem;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: -1;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
        -moz-opacity: 0.1;
        -webkit-opacity: 0.1;
        -o-opacity: 0.1;
    }
    30% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        -o-opacity: 0.5;
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
        -moz-opacity: 0.6;
        -webkit-opacity: 0.6;
        -o-opacity: 0.1;
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(0.5) skew(1deg);
        -o-opacity: 0.1;
    }
    30% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        -o-opacity: 0.5;
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: 0.1;
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
}

/**================== AJAX LOAD ==================**/
.CR-load-ajax {
    position: relative;
}

.CR-load-ajax.active > * {
    opacity: 0.1 !important;
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-load-ajax.active:before {
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-load-ajax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: var(--icon-load);
    background-size: 6rem;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**================== DEFAULT HEADER ==================**/
#CR-header.CR-def-header .CR-main-header {
    padding: 2rem;
    background: var(--cl-white);
    border: 2px solid var(--cl-white);
    box-shadow: -10px -10px 15px var(--cl-white), 10px 10px 15px rgba(0, 0, 0, 0.1), inset -5px -5px 15px var(--cl-white), inset 5px 5px 15px rgba(0, 0, 0, 0.1);
}

#CR-header.CR-def-header .CR-main-header * {
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 2rem;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 700;
}

#CR-header.CR-def-header .CR-top-header {
    padding: 1rem;
}

#CR-header.CR-def-header .CR-top-header * {
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 1rem;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 700;
}

/**================== DEFAULT FOOTER ==================**/
#CR-footer.CR-def-footer .CR-main-footer {
    padding: 2rem;
    background: var(--cl-white);
    border: 2px solid var(--cl-white);
    box-shadow: -10px -10px 15px var(--cl-white), 10px 10px 15px rgba(0, 0, 0, 0.1), inset -5px -5px 15px var(--cl-white), inset 5px 5px 15px rgba(0, 0, 0, 0.1);
}

#CR-footer.CR-def-footer .CR-main-footer * {
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 2rem;
    line-height: normal;
    color: var(--cl-black);
    font-weight: 700;
}

#CR-footer.CR-def-footer .CR-bottom-footer {
    background-color: var(--cl-black);
    padding: 1rem;
}

#CR-footer.CR-def-footer .CR-bottom-footer * {
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 1rem;
    line-height: normal;
    color: var(--cl-white);
    font-weight: 700;
}

/**================== DEFAULT CONTENT EDITOR ==================**/
.CR-style-default-content * {
    font-family: var(--font-gothic);
}

.CR-style-default-content table,
.CR-style-default-content table * {
    border: none;
    background: transparent !important;
}

.CR-style-default-content table td {
    padding-left: 0;
    padding-top: 0.5625rem  /* 9/16 */;
    padding-bottom: 0.5625rem  /* 9/16 */;
}

.CR-style-default-content ol {
    margin-bottom: 1.25rem /* 20/16 */;
    list-style-position: outside;
    padding-left: 1rem;
}

.CR-style-default-content ul {
    margin-bottom: 1.25rem /* 20/16 */;
    list-style-type: initial;
    list-style-position: outside;
    padding-left: 1rem;
}

.CR-style-default-content table:last-child,
.CR-style-default-content ul:last-child,
.CR-style-default-content ol:last-child{
    margin-bottom: 0;
}

.CR-style-default-content ul ul {
    list-style-type: revert;
}

.CR-style-default-content li ul {
    margin-top: 0.5rem;
}

body:not(.woocommerce-page) .CR-style-default-content a:hover {
    color: var(--cl-hover-main);
}

body:not(.woocommerce-page) .CR-style-default-content a {
    color: var(--cl-main);
    letter-spacing: normal;
    line-height: normal;
    font-weight: 400;
    position: relative;
}

.CR-style-default-content .wp-caption {
    width: 100% !important;
    margin-bottom: 1.875rem /* 30/16 */;
}

.CR-style-default-content .wp-caption-text {
    color: var(--cl-black);
    font-size: 0.875rem;
    font-style: italic;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    margin: 0.5rem auto 0;
}

.CR-style-default-content img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    margin: 0;
}

.CR-style-default-content img.wp-smiley,
.CR-style-default-content img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.CR-style-default-content iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.CR-style-default-content li {
    margin-bottom: 0.625rem /* 10/16 */ !important;
}

.CR-style-default-content p,
.CR-style-default-content li,
.CR-style-default-content strong,
.CR-style-default-content b {
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.375rem  /* 22/16 */;
    text-align: left;
    margin-bottom: 1.125rem /* 18/16 */;
    font-weight: 400;
    color: var(--cl-light-main);
}

.CR-style-default-content b,
.CR-style-default-content strong {
    font-weight: 800 !important;
}

.CR-style-default-content h1,
.CR-style-default-content h1 strong {
    font-size: 1.25rem  /* 20/16 */;
}

.CR-style-default-content h2,
.CR-style-default-content h2 strong {
    font-size: 1.125rem  /* 18/16 */;
}

.CR-style-default-content h3,
.CR-style-default-content h3 strong {
    font-size: 1rem  /* 16/16 */;
}

.CR-style-default-content h4,
.CR-style-default-content h4 strong {
    font-size: 0.875rem  /* 14/16 */;
}

.CR-style-default-content h5,
.CR-style-default-content h5 strong {
    font-size: 0.875rem  /* 14/16 */;
}

.CR-style-default-content h2,
.CR-style-default-content h3,
.CR-style-default-content h4,
.CR-style-default-content h5 {
    font-weight: 800;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 1.125rem /* 18/16 */;
}

.CR-style-default-content blockquote {
    border-left: 0.25rem /* 4/16 */ solid var(--cl-main);
    margin: 2.125rem /* 34/16 */ 0 2.125rem /* 34/16 */ 3rem /* 48/16 */;
    padding-left: 1.125rem /* 18/16 */;
    position: relative;
}

.CR-style-default-content blockquote * {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 500;
    line-height: 1.875rem /* 30/16 */;
}

/**================== ACF MAP ==================**/
.acf-map {
    width: 100%;
    height: 20rem;
    border: none;
    margin: 0;
    border-radius: 0.5rem;
}

.acf-map .CR-content-map p {
    margin: 0;
    font-size: 1rem;
    line-height: normal;
    color: black;
    padding: 1rem;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .CR-form-def input:not([type=submit]),
    .CR-form-def textarea,
    .CR-form-def input::placeholder,
    .CR-form-def textarea::placeholder {
        font-size: 1rem  /* 16/16 */;
    }

    .CR-form-def .def-form-field.def-form-field-half {
        width: 100%;
    }

    .CR-sticky-hotline {
        bottom: 6rem;
    }

    .wpcf7-radio .wpcf7-list-item-label {
        margin-left: 0.25rem;
        font-size: 0.8rem;
    }
}

/**================== DEFAULT TAGS ==================**/
.CR-default-tags .title {
    line-height: normal;
    font-weight: 500;
    position: relative;
    font-size: 2rem;
    text-transform: capitalize;
    margin-bottom: 2.5rem;
}

.CR-default-tags .title:after {
    content: '';
    width: 6.25rem;
    height: 2px;
    background: var(--cl-main);
    position: absolute;
    bottom: -0.625rem;
    left: 0;
}

.CR-default-tags {
    gap: 0.5rem /* 8/16 */;
    width: 50%;
}

.CR-default-tags svg {
    width: auto;
    min-width: max-content;
    height: 1.125rem /* 18/16 */;
    fill: var(--cl-black);
}

.CR-default-tags p {
    font-size: 1rem;
    line-height: normal;
    font-weight: 600;
    color: var(--cl-black);
    text-transform: capitalize;
}

.CR-default-tags a {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 500;
    color: rgb(171, 171, 171);
}

.CR-default-tags a:hover {
    color: var(--cl-black);
}

.CR-default-tags ul {
    margin: -0.5rem -0.25rem;
}

.CR-default-tags li {
    padding: 0.5rem 0.25rem;
}

.CR-next-previous--box {
    gap: 1.875rem  /* 30/16 */;
}

.CR-next-previous--box > div {
    width: 50%;
}

.CR-next-previous--box .box {
    position: relative;
    z-index:1;
    height: 7.5rem  /* 120/16 */;
    padding: 0 1.5625rem  /* 25/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    overflow: hidden;
    background: #f1f3f8;
    width: 100%;
}

.CR-next-previous--box .content--box {
    gap: 1.5625rem  /* 25/16 */;
}

.CR-next-previous--box .content--box * {
    margin: 0;
}

.CR-next-previous--box .content--box i {
    color: var(--cl-main);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-next-previous--box .box:hover .content--box i,
.CR-next-previous--box .box:hover .content--box .title {
    color: var(--cl-white);
}

.CR-next-previous--box .content--box .title {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 700;
    line-height: 1.625rem /* 26/16 */;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(1.625rem/* 26/16 */ * 2);
    color: var(--cl-black);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-next-previous--box .box:hover .thumb--box {
    opacity: 1;
}

.CR-next-previous--box .thumb--box {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: unset !important;
    opacity: 0;
    transition: 0.5s ease-in-out;
    z-index: -1;
}

.CR-next-previous--box .thumb--box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0), #000 80%);
    background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0), #000 80%);
    z-index: 1;
}

.CR-next-previous--box .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.CR-next-previous--box .next .content--box {
    flex-direction: row-reverse;
}

.CR-next-previous--box .next .content--box .title {
    text-align: right;
}

/**================== RECOVERY PASS PAGE ==================**/
#CR-recovery-pass-page {

}

#CR-recovery-pass-page .top {
    margin-bottom: 1rem;
}

#CR-recovery-pass-page .wrap-title .note {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: var(--cl-main);
    line-height: normal;
    font-size: 1.5rem;
}

#CR-recovery-pass-page .box-content {
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: var(--cl-white);
    border: none !important;
    border-radius: 0.3125rem /* 5/16 */;
    padding: 2rem;
    max-width: 31.25rem;
    margin: 20vh auto;
}

#CR-recovery-pass-page .CR-empty-result {
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: var(--cl-red);
    line-height: 1.75rem /* 28/16 */;
    padding: 5vh 0;
    width: 100%;
    display: block;
}

#CR-recovery-pass-page .CR-def-form-wrap .CR-btn-submit-form {
    margin: 1.875rem auto 0;
}

/**================== ACTIVE ACCOUNT PAGE ==================**/
.CR-active-account-page {

}

.CR-active-account-page .top {
    margin-bottom: 1rem;
}

.CR-active-account-page .wrap-title .note {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: var(--cl-black);
    line-height: normal;
    font-size: 1.5rem;
}

.CR-active-account-page .box-content {
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), hsla(0, 0%, 100%, .4);
    border: none !important;
    border-radius: 1rem;
    padding: 2rem;
    max-width: 31.25rem;
    margin: 20vh auto;
}

.CR-active-account-page .CR-succees-result,
.CR-active-account-page .CR-empty-result {
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: var(--cl-red);
    line-height: 1.75rem /* 28/16 */;
    padding: 5vh 0;
    width: 100%;
    display: block;
}

.CR-active-account-page .CR-succees-result a:hover {
    background: var(--cl-light-gray);
    border-color: var(--cl-light-gray);
    color: var(--cl-black);
}

.CR-active-account-page .CR-succees-result a {
    background: var(--cl-black);
    border: 1px solid var(--cl-black);
    border-radius: 5px;
    width: max-content;
    height: 2.8125rem /* 45/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--cl-white);
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0 2.1875rem /* 35/16 */;
    margin: 2rem auto 0;
}

/**================== SUGGEST SEARCH ==================**/
.CR-search-form-suggest {
    position: relative;
}

.CR-nav-search-form-suggest #CR-nav-block-suggest-search-form {
    max-width: 90% !important;
    top: 90% !important;
}

#CR-block-suggest-search-form.show {
    pointer-events: auto;
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
}

.CR-nav-search-form-suggest #CR-nav-block-suggest-search-form,
.CR-search-form-suggest #CR-block-suggest-search-form {
    /*display: block !important;*/
    position: absolute;
    background-color: var(--cl-white);
    -webkit-box-shadow: 0 0 10px 0 #aebbc1;
    box-shadow: 0 0 10px 0 #aebbc1;
    padding: 1rem;
    border-radius: 0.5rem;
    width: 100%;
    max-width: 95%;
    left: 50%;
    top: 3rem;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    will-change: transform;
    z-index: 9;
    margin-top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-nav-search-form-suggest #CR-nav-block-suggest-search-form i,
.CR-search-form-suggest #CR-block-suggest-search-form i {
    display: block;
    margin: 0 auto;
    width: 1.25rem /* 20/16 */;
    height: 1.25rem /* 20/16 */;
}

.CR-nav-search-form-suggest #CR-nav-block-suggest-search-form .CR-no-result,
.CR-search-form-suggest #CR-block-suggest-search-form .CR-no-result {
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 600;
    line-height: normal;
    color: var(--cl-black);
    font-style: italic;
}

.CR-nav-search-form-suggest {
    padding: 0.75rem 1rem;
    background: var(--cl-gray);
    position: relative;
}

#CR-nav-search-form-ajax {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

#CR-nav-search-form-ajax input {
    background-color: #ECECEC;
    border: 0;
    width: 100%;
    height: 2.5rem /* 40/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    padding-right: 1.5rem;
    padding-left: 3rem;
    font-size: 1rem;
    font-weight: 500;
    outline: none !important;
    color: var(--cl-black);
}

#CR-nav-search-form-ajax button {
    position: absolute;
    top: 0;
    bottom: 0.9375rem /* 15/16 */;
    left: 0.5rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

#CR-nav-search-form-ajax button svg {
    width: auto;
    height: 40%;
}

.CR-item-suggest {
    width: 100%;
}

.CR-item-suggest:not(:last-child) {
    margin-bottom: 0.9375rem /* 15/16 */;
}

.CR-item-suggest a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-item-suggest .thumb--box {
    max-width: 3.125rem /* 50/16 */;
    width: 3.125rem /* 50/16 */;
    border-radius: 0.3125rem /* 5/16 */;
    overflow: hidden;
    position: relative;
}

.CR-item-suggest .thumb--box:before {
    content: "";
    display: block;
    padding-top: 100%;
    height: 0;
    width: 100%;
}

.CR-item-suggest .thumb--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.CR-item-suggest .info--box {
    flex: 1;
    height: 100%;
    position: relative;
    padding: 0 0.9375rem /* 15/16 */ 0 0.9375rem /* 15/16 */;
}

.CR-item-suggest:hover .title--box {
    color: var(--cl-main);
}

.CR-item-suggest .title--box {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 700;
    line-height: 1.25rem /* 20/16 */;
    margin: 0;
    color: var(--cl-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.5rem /* 40/16 */;
    width: 100% !important;
    word-break: break-word;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-suggest .price--box {
    color: var(--cl-main);
}

/**================== REVIEW RATING STARS ==================**/
.CR-review-rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    pointer-events: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CR-review-rating-stars .rating-total {
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    letter-spacing: .03em;
    font-weight: 400;
    color: #999999;
}

.CR-review-rating-stars .rating-stars-input {
    display: none;
}

.CR-review-rating-stars .rating-stars-input:checked ~ .rating-stars-view svg {
    fill: var(--cl-main);
}

.CR-review-rating-stars .rating-stars-input:checked ~ .rating-stars-view:hover svg,
.CR-review-rating-stars .rating-stars-input:checked ~ .rating-stars-view:hover ~ .rating-stars-view svg {
    fill: var(--cl-light-gray);
}

.CR-review-rating-stars .rating-stars-view {
    cursor: pointer;
}

.CR-review-rating-stars .rating-stars-view svg {
    fill: var(--cl-light-gray);
    width: 1rem;
    height: 0.8rem;
}

.CR-review-rating-stars .rating-stars-view.is-half {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: -0.69580078125em;
}

.CR-review-rating-stars .rating-stars-view.is-half svg {
    width: 0.69580078125em;
}

.CR-review-rating-stars .rating-stars-view:hover svg,
.CR-review-rating-stars .rating-stars-view:hover ~ .rating-stars-view svg {
    fill: var(--cl-main);
}

/** NOT SUPPORT ACCOUNT **/
.CR-not-support-this-account {

}

.CR-not-support-this-account p {
    font-size: 1rem;
    font-weight: 800;
    color: var(--cl-red);
    font-family: var(--font-nanu);
}

/** COUNTDOWN **/
.CR-countdown-date-time-main-box {
    margin: 0;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.CR-countdown-date-time-main-box .heading {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 400;
    line-height: normal;
    font-family: var(--font-main);
}

.CR-countdown-date-time-main-box .text-box {
    margin-right: 1.25rem /* 20/16 */;
}

.CR-countdown-date-time-main-box .text-box img {
    width: auto;
    height: 5.25rem /* 84/16 */;
}

.CR-countdown-date-time-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    gap: 5rem  /* 80/16 */;
}

.CR-countdown-date-time-box > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    position: relative;
}

.CR-countdown-date-time-box > div:not(:last-child):after {
    content: ':';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2.5rem  /* -40/16 */;
    color: var(--cl-black);
    font-weight: 400;
    font-size: 1rem  /* 16/16 */;
}

.CR-countdown-date-time-box span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*width: 4.6875rem !* 75/16 *!;*/
    width: auto;
    height: 3.125rem /* 50/16 */;
    border-radius: 0;
    color: var(--cl-hover-main);
    font-weight: 700;
    font-size: 2.5rem  /* 40/16 */;
    line-height: normal;
    position: relative;
}

.CR-countdown-date-time-box b {
    font-size: 0.875rem /* 14/16 */ !important;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    margin-top: 0.25rem;
    color: var(--cl-black);
}

.CR-progress-countdown-bar {
    position: relative;
    margin-top: 0.625rem /* 10/16 */;
}

.CR-progress-countdown-bar .percent {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--cl-main);
    font-size: 0.6875rem /* 11/16 */;
    line-height: normal;
    display: none;
}

.CR-progress-countdown-bar .bar {
    width: 100%;
    height: 1rem /* 16/16 */;
    background: var(--cl-light-gray);
    line-height: 0;
    font-size: 0;
    margin: 0;
    border-radius: 0.625rem /* 10/16 */;
}

.CR-progress-countdown-bar .bar > div {
    display: inline-block;
    height: 1rem /* 16/16 */;
    border-radius: 0.625rem /* 10/16 */;
    -webkit-animation: animateBg 1s linear infinite;
    animation: animateBg 1s linear infinite;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--cl-hover-main)), color-stop(var(--cl-main)), color-stop(var(--cl-hover-main)), to(var(--cl-main)));
    background-image: -o-linear-gradient(left, var(--cl-hover-main), var(--cl-main), var(--cl-hover-main), var(--cl-main));
    background-image: linear-gradient(90deg, var(--cl-hover-main), var(--cl-main), var(--cl-hover-main), var(--cl-main));
    background-size: 300% 100%;
}

.CR-progress-countdown-bar .timer-left {
    font-size: 0.6875rem /* 11/16 */;
    line-height: normal;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    color: var(--cl-white);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.75rem;
}

@-webkit-keyframes animateBg {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

@keyframes animateBg {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

.card--line {
    position: absolute;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.card--line:nth-child(1) {
    top: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to right, var(--cl-light-main), var(--cl-main));
    height: 0.125rem /* 2/16 */;
    animation: animate2 2s linear infinite;
}

.card--line:nth-child(2) {
    top: 0;
    right: 0;
    height: 100%;
    width: 0.125rem /* 2/16 */;
    background: linear-gradient(to bottom, var(--cl-light-main), var(--cl-main));
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
}

.card--line:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to left, var(--cl-light-main), var(--cl-main));
    animation: animate3 2s linear infinite;
    height: 0.125rem /* 2/16 */;
}

.card--line:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to top, var(--cl-light-main), var(--cl-main));
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
    width: 0.125rem /* 2/16 */;
}

@keyframes animate1 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes animate2 {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}

@keyframes animate3 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes animate4 {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}

/** DEFAULT PAGE **/
#CR-default-page {
    padding: 0;
}

.CR-default-share--box .list--box,
.CR-default-share--box {
    position: relative;
}

.CR-default-share--box {
    gap: 0.625rem /* 10/16 */;
}

.CR-default-share--box p {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.CR-default-share--box .list--box:hover ul {
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px);
    visibility: visible;
    opacity: 1;
}

.CR-default-share--box ul:before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    border-top: 0.5rem /* 8/16 */ solid var(--cl-white);
    border-left: 0.5625rem /* 9/16 */ solid transparent;
    border-right: 0.5625rem /* 9/16 */ solid transparent;
}

.CR-default-share--box .list--box:hover .icon {
    border-color: var(--cl-main);
    background: var(--cl-main);
    color: var(--cl-white);
}

.CR-default-share--box .icon {
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #ededed;
    color: var(--cl-main);
    font-size: 1rem;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-default-share--box ul {
    background: var(--cl-white);
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    width: auto;
    white-space: nowrap;
    padding: 0 0.25rem /* 4/16 */;
    text-align: center;
    border-radius: 0.3125rem /* 5/16 */;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .06);
    -webkit-filter: drop-shadow(0 2px 20px rgba(0, 0, 0, .06));
    filter: drop-shadow(0 2px 20px rgba(0, 0, 0, .06));
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
    transition: all .5s cubic-bezier(.645, .045, .355, 1);
}

.CR-default-share--box li a:hover {
    color: var(--cl-black);
}

.CR-default-share--box li a {
    width: 2.375rem /* 38/16 */;
    height: 3rem /* 48/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ababab;
    font-size: 0.9375rem /* 15/16 */;
    background: transparent !important;
    position: relative;
}

.CR-default-share--box li a:hover span:not(.arrow) {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -ms-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
    opacity: 1;
}

.CR-default-share--box li a span:not(.arrow) {
    color: var(--cl-white);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.3125rem /* 5/16 */;
    padding: 0 0.625rem /* 10/16 */;
    height: 2.1875rem /* 35/16 */;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
    -webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .5s ease, visibility .5s ease, transform .5s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .5s ease, visibility .5s ease, transform .5s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.CR-default-share--box li a span .arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    border-top: 0.4375rem /* 7/16 */ solid;
    border-left: 0.5rem /* 8/16 */ solid transparent;
    border-right: 0.5rem /* 8/16 */ solid transparent;
}

/**================== ITEM MAP ==================**/
.CR-item-branch-map {
    width: 30rem /* 480/16 */;
}

.CR-item-branch-map .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
}

.CR-item-branch-map .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

.CR-item-branch-map .thumb {
    position: relative;
    width: 45%;
    border-radius: 5px;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.CR-item-branch-map .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.CR-item-branch-map .cont {
    width: 55%;
    padding: 0 0 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-item-branch-map .title {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cl-black);
    line-height: 1.5625rem /* 25/16 */;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.125rem /* 50/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 0 0 0.25rem;
}

.CR-item-branch-map b {
    font-weight: 600;
    margin: 0 0 0.35rem;
    display: block;
}

.CR-item-branch-map .address {
    font-size: 1rem;
    line-height: 1.5625rem /* 25/16 */;
    color: var(--cl-black);
    margin: 0;
}

.CR-item-branch-map .view-map {
    color: var(--cl-white);
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    letter-spacing: 0.05em;
    border-radius: 0.3125rem /* 5/16 */;
    background: var(--cl-hover-main);
    margin: 0.5rem 0 0;
    height: 2.5rem /* 40/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 1.25rem /* 20/16 */;
}

.CR-custom-marker {
    position: relative;
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.CR-custom-marker:before {
    content: '';
    width: calc(100% + 1.25rem /* 20/16 */) !important;
    height: calc(100% + 1.25rem /* 20/16 */) !important;
    border: 1px solid rgb(35 86 240 / 25%);
    border-radius: 50%;
    box-shadow: 0 0 15px rgb(35 86 240 / 25%);
    transform: translateZ(0);
    position: absolute;
    left: -0.625rem /* -10/16 */;
    top: -0.625rem /* -10/16 */;
    animation: CRAniMarkerSp 2s infinite;
    opacity: 1;
}

/**================== CUSTOM DATE FIELD ==================**/
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--cl-hover-main);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--cl-white);
    border-color: var(--cl-hover-main);
}

.CR-custom-date-time-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath opacity='0.5' d='M19 9H1M14 1V5M6 1V5M5.8 21H14.2C15.8802 21 16.7202 21 17.362 20.673C17.9265 20.3854 18.3854 19.9265 18.673 19.362C19 18.7202 19 17.8802 19 16.2V7.8C19 6.11984 19 5.27976 18.673 4.63803C18.3854 4.07354 17.9265 3.6146 17.362 3.32698C16.7202 3 15.8802 3 14.2 3H5.8C4.11984 3 3.27976 3 2.63803 3.32698C2.07354 3.6146 1.6146 4.07354 1.32698 4.63803C1 5.27976 1 6.11984 1 7.8V16.2C1 17.8802 1 18.7202 1.32698 19.362C1.6146 19.9265 2.07354 20.3854 2.63803 20.673C3.27976 21 4.11984 21 5.8 21Z' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 1rem !important;
    background-position: center right 1rem !important;
}

.CR-content-editor-scroll--box {
    background: #FFEED54D;
    border: 1px solid rgb(157, 165, 174);
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 1rem /* 16/16 */;
    position: relative;
    width: 65%;
    margin: 0 auto;
}

.CR-content-editor-scroll--box .heading--box a {
    color: var(--cl-black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem  /* 18/16 */;
}

.CR-content-editor-scroll--box .heading--box .heading-title {
    font-weight: 700 !important;
    font-size: 1.625rem  /* 26/16 */ !important;
    line-height: normal !important;
    display: block;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    width: 90%;
}

.CR-content-editor-scroll--box .list--box {
    margin-top: 1rem /* 16/16 */;
    position: relative;
    padding: 1.875rem  /* 30/16 */ 0 1.25rem  /* 20/16 */;
    display: none;
}

.CR-content-editor-scroll--box .list--box:before {
    content: '';
    background: rgb(157, 165, 174);
    height: 1px;
    position : absolute;
    top: 0;
    left: -1rem  /* -16/16 */;
    right: -1rem  /* -16/16 */;
}

.CR-content-editor-scroll--box .list--box li:not(:last-child) {
    margin-bottom: 1.125rem  /* 18/16 */;
}

.CR-content-editor-scroll--box .list--box a {
    font-size: 1.1875rem /* 19/16 */;
    line-height: normal;
    font-weight: 700;
    color: var(--cl-black);
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: underline !important;
    text-underline-position: from-font;
    text-decoration-color: transparent !important;
}

.CR-content-editor-scroll--box .list--box a:before {
    content: '';
    height: 0.5rem  /* 8/16 */;
    width: 0.5rem  /* 8/16 */;
    min-width: 0.5rem  /* 8/16 */;
    border-radius: 50%;
    background-color: rgb(218, 38, 38);
    transition: 0.5s ease-in-out;
    display: block;
}

.CR-content-editor-scroll--box .list--box a:hover {
    color: var(--cl-hover-main);
    text-decoration-color: var(--cl-hover-main) !important;
}

.CR-reviews-box .reviews-heading {
    padding: 0;
}

.CR-reviews-box .reviews-heading .reviews--title {
    margin: 0 0 1.25rem /* 20/16 */;
}

.CR-reviews-box .reviews-heading .reviews--count {
    font-size: 1.25rem /* 20/16 */;
    line-height: normal;
    font-weight: 500;
    color: var(--cl-black);
    display: block;
}

.CR-reviews-box .reviews-heading .reviews--ratings svg {
    fill: var(--cl-blue);
    width: auto;
    height: 1.2rem;
    margin-left: 0.25rem;
}

.CR-reviews-box .reviews-form {
    padding: 0 1.25rem /* 20/16 */ 0 0;
}

.CR-reviews-box .reviews-form .reviews-form--title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem /* 24/16 */;
    line-height: normal;
    color: var(--cl-black);
    display: none;
}

.CR-reviews-box .reviews-form form {
    width: 25rem /* 400/16 */;
    margin: 0;
}

.CR-reviews-box .reviews-form .error-mes-form {
    height: 90%;
    border-radius: 0.625rem;
}

.CR-reviews-box .reviews-filter {
    height: 3.125rem /* 50/16 */;
    padding: 0 4.0625rem /* 65/16 */;
    border-bottom: 1px solid var(--cl-light-gray);
}

.CR-reviews-box .reviews-filter .item--filter {
    width: 10.625rem /* 170/16 */;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-single {
    border: none !important;
    font-weight: 700;
    padding: 0 !important;
    border-radius: 0;
    color: var(--cl-black);
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-single span {
    width: auto;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-single div {
    position: inherit;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-single div b {
    height: auto;
    width: auto;
    margin: 0.2rem 0 0 0.5rem;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-drop .chosen-search input.chosen-search-input {
    height: 2.5rem;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-drop .chosen-results li,
.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-single div b:before {
    font-size: 0.85rem;
}

.CR-reviews-box .reviews-filter .CR-chosen-item .chosen-drop {
    margin-top: 0;
}

.CR-reviews-box .reviews-listing {
    padding: 0;
    margin: 1.25rem  /* 20/16 */ 0 0;
}

.CR-reviews-box .sub--box {
    background: transparent;
    border-radius: 0;
    padding: 0;
    gap: 9.375rem  /* 150/16 */;
}

.CR-reviews-box .info--box {
    justify-content: center;
    gap: 0.875rem  /* 14/16 */;
}

.CR-reviews-box .info--box .review-rating--box {
    gap: 0.375rem  /* 6/16 */;
}

.CR-reviews-box .info--box .review-rating--box span {
    color: var(--cl-light-main);
    font-size: 1.25rem  /* 20/16 */;
}

.CR-reviews-box .info--box .reviews--average,
.CR-reviews-box .info--box .review--total {
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 1rem  /* 16/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.CR-reviews-box .progress-bar-box {
    background: rgb(238, 238, 238);
    height: 0.375rem  /* 6/16 */;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0.1875rem  /* 3/16 */;
}

.CR-reviews-box .view-percent--box li > .box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.CR-reviews-box .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: var(--cl-main);
}

.CR-reviews-box .view-percent--box li:not(:last-child) {
    margin-bottom: 0.625rem /* 10/16 */;
}

.CR-reviews-box .view-percent--box .label i {
    color: var(--cl-yl);
}

.CR-reviews-box .view-percent--box .label span {
    display: inline-block;
    width: 1rem;
}

.CR-reviews-box .view-percent--box .label {
    margin: 0;
    min-width: 3.125rem /* 50/16 */;
    font-size: 1rem;
    line-height: normal;
}

.CR-reviews-box .view-percent--box .info-percent {
    width: 12.5rem /* 200/16 */;
    padding-left: 1.5rem /* 24/16 */;
}

.CR-reviews-box .view-percent--box .info-percent,
.CR-reviews-box .view-percent--box .info-percent b {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 0.8125rem  /* 13/16 */ !important;
    line-height: normal;
    color: rgb(171, 171, 171) !important;
}

.CR-reviews-box .view-percent--box .info-percent b:after {
    content: "|";
    position: absolute;
    right: 0.3125rem /* 5/16 */;
}

.CR-reviews-box .view-percent--box .info-percent b {
    position: relative;
    min-width: 3.4375rem /* 55/16 */;
    display: inline-block;
}

.CR-reviews-box .CR-load-more-wrap {
    margin-top: 1.5625rem  /* 25/16 */;
}

.CR-reviews-box .reviews--form a {
    height: 2.625rem /* 42/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--cl-main);
    background: var(--cl-main);
    color: var(--cl-white);
    text-align: center;
    font-family: var(--font-gothic);
    font-size: 0.75rem /* 12/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 0 0.875rem  /* 14/16 */;
}

.CR-reviews-box .CR-empty-result {
    padding: 2.5rem  /* 40/16 */ 0;
}

.CR-item-review {
    width: 100%;
    padding: 0;
}

.CR-item-review:not(:last-child) {
    margin-bottom: 1.875rem  /* 30/16 */;
    padding-bottom: 1.875rem  /* 30/16 */;
    border-bottom: 1px solid #BCBCBC;
}

.CR-item-review .wrap {
    position: relative;
    padding: 0;
}

.CR-item-review .rating-box {
    margin-bottom: 0.625rem  /* 10/16 */;
}

.CR-item-review .review--rating span {
    color: var(--cl-light-main);
}

.CR-item-review .content-box {

}

.CR-item-review .review--author {
    margin-bottom: 0.625rem  /* 10/16 */;
    display: flex;
    align-items: center;
    gap: 0.625rem  /* 10/16 */;
}

.CR-item-review .review--feedback--box .reviews-feedback-author--name,
.CR-item-review .reviews-author--name {
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 1rem  /* 16/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.CR-item-review .review-custom--title {
    color: var(--cl-light-main);
    font-family: var(--font-gothic);
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.35rem;
}

.CR-item-review .review--gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem  /* -4/16 */;
}

.CR-item-review .review--gallery .item {
    width: 25%;
    padding: 0.25rem  /* 4/16 */;
}

.CR-item-review .review--gallery .wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem  /* 4/16 */;
    overflow: hidden;
}

.CR-item-review .review--gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.CR-item-review .review--description {
    color: #666;
    font-family: var(--font-gothic);
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem  /* 22/16 */;
    word-break: break-word;
    padding-right: 6.25rem  /* 100/16 */;
}

.CR-item-review .review--feedback--box .reviews-feedback-author--name {
    margin-bottom: 1rem;
}

.CR-item-review .review--feedback--box .reviews-feedback-author--name .role {
    color: var(--cl-white);
    font-size: 0.625rem  /* 10/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 0.8125rem /* 13/16 */;
    height: 1.5625rem  /* 25/16 */;
    background-color: var(--cl-main);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: 1.5rem /* 24/16 */;
}

.CR-item-review .review--feedback--box .review--feedback {
    padding:1.25rem  /* 20/16 */ 2.5rem  /* 40/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    margin-top: 0.9375rem /* 15/16 */ !important;
    line-height: 1.5em;
    border: 1px solid var(--cl-sp-gray);
    background-color: var(--cl-sp-gray);
    width: 100%;
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    word-break: break-word;
}

.CR-item-review .review--feedback--box .review-feedback--date,
.CR-item-review .review--date {
    color: rgba(33, 53, 60, 0.30);
    font-family: var(--font-gothic);
    font-size: 0.875rem  /* 14/16 */;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/** CUSTOM NUMBER INPUT **/
.CR-number-input--box.quantity.run {
    width: 5.375rem  /* 86/16 */;
}

.CR-number-input--box .number-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem  /* 30/16 */;
    border-radius: 2px;
    width: 100%;
    overflow: hidden;
    background: var(--cl-white);
    border: 0.3px solid #E3E3E3;
}

.CR-number-input--box .number-input-wrapper span,
.CR-number-input--box .number-input-wrapper input {
    height: 100%;
}

.CR-number-input--box .number-input-wrapper input {
    border: none;
    outline: none !important;
    text-align: center;
    font-size: 0.75rem  /* 12/16 */;
    padding: 0 0.625rem  /* 10/16 */;
    transition: 0.5s ease-in-out;
    font-weight: 700;
    color: var(--cl-black);
}

.invalid-item .CR-number-input--box .number-input-wrapper input {
    color: var(--cl-white);
    background-color: var(--cl-light-red);
}

.CR-number-input--box .number-input-wrapper span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
}

.CR-number-input--box .number-input-wrapper span {
    width: 1.875rem  /* 30/16 */;
    min-width: 1.875rem  /* 30/16 */;
}

.CR-number-input--box .number-input-wrapper input {
    padding: 0;
    flex: 1;
    width: 0 !important;
}

@media only screen and (max-width: 992px) {
    .notifyjs-container .CR-notice-box .message-notice {
        width: 100%;
    }

    .CR-countdown-date-time-main-box {
        width: 100% !important;
        padding: 0 !important;
    }

    .CR-countdown-date-time-main-box .sub-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .CR-countdown-date-time-box span {
        font-size: 1.5625rem  /* 25/16 */;
    }

    .CR-countdown-date-time-box {
        gap: 1.875rem  /* 30/16 */;
    }

    .CR-countdown-date-time-box > div:not(:last-child):after {
        right: -0.9375rem  /* -15/16 */;
    }

    .CR-countdown-date-time-main-box .text-box {
        margin: 0 auto 1rem !important;
    }

    #CR-404-page h2 {
        font-size: 1.5rem;
    }

    #CR-404-page p {
        font-size: 1rem;
    }

    .select2-container.select2-container--open .select2-dropdown {
        margin-top: 0;
    }

    .CR-nav-scroll-wrap .CR-nav-scroll-page {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 0;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .CR-nav-scroll-wrap .CR-nav-scroll-page li {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .CR-nav-scroll-wrap .CR-nav-scroll-page a {
        padding: 0.5rem 1rem !important;
        width: max-content;
    }

    .CR-breadcrumb * {
        font-size: 0.625rem  /* 10/16 */;
    }
}

@media only screen and (max-width: 782px) {
    /*.admin-bar .notifyjs-corner {*/
    /*    top: 66px !important;*/
    /*}*/
}

@media only screen and (max-width: 454px) {
    body .notifyjs-corner {
        left: 10px !important;
        right: 10px !important;
    }
}