/* BTN MAIN */
.btn-main, .facetwp-load-more {
    display: inline-block;
    padding: 20px 48px;
    background: var(--color-blue);
    border: none!important;
    border-radius: 5px;
    font-size: 11px;
    font-family: var(--font-b);
    line-height: 1;
    color: var(--color-white-gray);
    text-transform: uppercase;
    text-align: center;
    transition: background 0.3s ease-out, color 0.3s ease-out;
    letter-spacing: 0.2px;
}
.btn-main.btn-small {
    padding: 20px 23px;
}
.btn-main:hover, .facetwp-load-more:hover {
    background: var(--color-soft-blue);
    color: var(--color-blue);
}
.btn-main.btn-lt {
    background: var(--color-white);
    color: var(--color-black);
}
.btn-main.btn-lt:hover {
    background: var(--color-soft-blue);
    color: var(--color-blue);
}
form .btn-main:hover {
    background: var(--color-golden-orange);
    color: var(--color-blue);
}
.blue-styles .btn-main:hover {
    background: var(--color-white);
    color: var(--color-blue);
}
@media(min-width: 744px) {
    .btn-main, .facetwp-load-more {
        min-width: 215px;
        padding: 26px 51px;
        font-size: 13px;
    }
}
@media(min-width: 1200px) {
    .btn-main, .facetwp-load-more {
        padding: 26px 60px;
    }
    .btn-main.btn-small {
        padding: 25px;
    }
}
/* END BTN MAIN */
/* BTN SEC */
.btn-sec {
    display: inline-block;
    padding: 15px 22px;
    border-radius: 5px;
    background: var(--color-light-blue);
    color: var(--color-blue);
    font-family: var(--font-b);
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    transition: background 0.3s ease-out, color 0.3s ease-out;
}
.btn-sec.btn-orange {
    background: var(--color-golden-orange);
}
.btn-sec:hover {
    background: var(--color-blue);
    color: var(--color-white);
}
/* END BTN SEC */
/* BTN CIRCLE */
.btn-circle {
    display: inline-block;
    width: 39px;
    height: 39px;
    padding: 0;
    border-radius: 50%;
    border: none;
    aspect-ratio: 1/1;
    background: transparent;
    /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.02 9.02'%3E%3Cpath d='M.75,0C.34,0,0,.34,0,.75s.34,.75,.75,.75H6.46L.22,7.74c-.29,.29-.29,.77,0,1.06,.15,.15,.34,.22,.53,.22s.38-.07,.53-.22L7.52,2.56v5.7c0,.41,.34,.75,.75,.75s.75-.34,.75-.75V0H.75Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 8px;
    background-color: var(--color-white); */
    box-shadow: none!important;
    transition: background 0.3s ease-out;
}
/* .btn-circle.btn-top-right {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.02 9.02'%3E%3Cpath d='M.75,0C.34,0,0,.34,0,.75s.34,.75,.75,.75H6.46L.22,7.74c-.29,.29-.29,.77,0,1.06,.15,.15,.34,.22,.53,.22s.38-.07,.53-.22L7.52,2.56v5.7c0,.41,.34,.75,.75,.75s.75-.34,.75-.75V0H.75Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 10px;
} */
/* btn-circle btn-left */
.btn-circle.btn-left {
    background: rgba(255, 255, 255, 0.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M5.84,11.91c.29,.29,.77,.29,1.06,0s.29-.77,0-1.06L2.87,6.81H11.69c.41,0,.75-.34,.75-.75,0-.21-.08-.39-.22-.53s-.32-.22-.53-.22H2.87L6.91,1.28c.29-.29,.29-.77,0-1.06s-.77-.29-1.06,0L0,6.06l5.84,5.84Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 14px;
}
.btn-circle.btn-left:hover {
    background: rgba(255, 255, 255, 1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M5.84,11.91c.29,.29,.77,.29,1.06,0s.29-.77,0-1.06L2.87,6.81H11.69c.41,0,.75-.34,.75-.75,0-.21-.08-.39-.22-.53s-.32-.22-.53-.22H2.87L6.91,1.28c.29-.29,.29-.77,0-1.06s-.77-.29-1.06,0L0,6.06l5.84,5.84Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 14px;
}
/* btn-circle btn-right */
.btn-circle.btn-right {
    background: rgba(255, 255, 255, 0.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M6.59,.22c-.29-.29-.77-.29-1.06,0s-.29,.77,0,1.06l4.04,4.03H.75c-.41,0-.75,.34-.75,.75,0,.21,.08,.39,.22,.53,.14,.14,.32,.22,.53,.22H9.57l-4.03,4.03c-.29,.29-.29,.77,0,1.06s.77,.29,1.06,0l5.84-5.84L6.59,.22Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 14px;
}
.btn-circle.btn-right:hover {
    background: rgba(255, 255, 255, 1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M6.59,.22c-.29-.29-.77-.29-1.06,0s-.29,.77,0,1.06l4.04,4.03H.75c-.41,0-.75,.34-.75,.75,0,.21,.08,.39,.22,.53,.14,.14,.32,.22,.53,.22H9.57l-4.03,4.03c-.29,.29-.29,.77,0,1.06s.77,.29,1.06,0l5.84-5.84L6.59,.22Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 14px;
}
.btn-lt {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.02 9.02'%3E%3Cpath d='M.75,0C.34,0,0,.34,0,.75s.34,.75,.75,.75H6.46L.22,7.74c-.29,.29-.29,.77,0,1.06,.15,.15,.34,.22,.53,.22s.38-.07,.53-.22L7.52,2.56v5.7c0,.41,.34,.75,.75,.75s.75-.34,.75-.75V0H.75Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 8px;
}
.btn-circle.btn-small {
    width: 39px;
    height: 39px;
    background-size: 8px;
}
/* .btn-circle:hover {
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.02 9.02'%3E%3Cpath d='M.75,0C.34,0,0,.34,0,.75s.34,.75,.75,.75H6.46L.22,7.74c-.29,.29-.29,.77,0,1.06,.15,.15,.34,.22,.53,.22s.38-.07,.53-.22L7.52,2.56v5.7c0,.41,.34,.75,.75,.75s.75-.34,.75-.75V0H.75Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 8px;
} */
@media (min-width: 744px) {
    .btn-circle {
        width: 50px;
        height: 50px;
        background-size: 10px;
    }
    .btn-circle.btn-small {
        width: 50px;
        height: 50px;
        background-size: 10px;
    }
    .btn-lt {
        background-size: 10px;
    }
}
@media (min-width: 1200px) {
    .btn-circle {
        width: 70px;
        height: 70px;
        background-size: 10px;
    }
    .btn-circle.btn-small {
        width: 55px;
        height: 55px;
        background-size: 10px;
    }
    .btn-lt {
        background-size: 10px;
    }
}
/* BTN CIRCLE LARGE */
.btn-circle-l {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--color-blue);
    color: var(--color-light-blue);
    font-family: var(--font-sb-2);
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    transition: background 0.3s ease-out;
}
@media (min-width: 744px) {
    .btn-circle-l {
        width: 170px;
        height: 170px;
        font-size: 25px;
    }
}
@media (min-width: 1200px) {
    .btn-circle-l {
        width: 230px;
        height: 230px;
        font-size: 30px;
    }
}
.btn-circle-l:hover {
    background: var(--color-golden-orange);
    color: var(--color-white);
}
/* END BTN CIRCLE */
/* BTN CIRCLE /w TEXT */
.btn-circle-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-black);
    transition: color 0.3s ease-out;
}
.btn-circle-text:hover {
    color: var(--color-blue);
}
.btn-circle-text::before {
    content: '';
    display: inline-block;
    width: 39px;
    height: 39px;
    padding: 0;
    margin-right: 20px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    aspect-ratio: 1/1;
    background: rgba(255, 255, 255, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M5.84,11.91c.29,.29,.77,.29,1.06,0s.29-.77,0-1.06L2.87,6.81H11.69c.41,0,.75-.34,.75-.75,0-.21-.08-.39-.22-.53s-.32-.22-.53-.22H2.87L6.91,1.28c.29-.29,.29-.77,0-1.06s-.77-.29-1.06,0L0,6.06l5.84,5.84Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 10px;
    box-shadow: none!important;
    transition: background 0.3s ease-out, margin-right 0.3s ease-out;
}
.btn-circle-text:hover::before {
    margin-right: 10px;
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M5.84,11.91c.29,.29,.77,.29,1.06,0s.29-.77,0-1.06L2.87,6.81H11.69c.41,0,.75-.34,.75-.75,0-.21-.08-.39-.22-.53s-.32-.22-.53-.22H2.87L6.91,1.28c.29-.29,.29-.77,0-1.06s-.77-.29-1.06,0L0,6.06l5.84,5.84Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 10px;
}
@media (min-width: 744px) {
    .btn-circle-text::before {
        width: 50px;
        height: 50px;
        background-size: 12px;
    }
    .btn-circle-text:hover::before {
        background-size: 12px;
    }
}
@media (min-width: 1200px) {
    .btn-circle-text::before {
        width: 70px;
        height: 70px;
        background-size: 14px;
    }
    .btn-circle-text:hover::before {
        background-size: 14px;
    }
}
/* END BTN CIRCLE /w TEXT */
/* SCROLL TOP */
.scroll-top {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: none;
    aspect-ratio: 1/1;
    padding: 0;
    box-shadow: none!important;
    /* background: var(--color-golden-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m.22,5.84c-.29.29-.29.77,0,1.06s.77.29,1.06,0L5.31,2.87v8.82c0,.41.34.75.75.75.21,0,.39-.08.53-.22s.22-.32.22-.53V2.87l4.03,4.03c.29.29.77.29,1.06,0s.29-.77,0-1.06L6.06,0,.22,5.84Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 14px; */
    transition: background 0.3s ease-out;
}
/* .scroll-top:hover {
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m.22,5.84c-.29.29-.29.77,0,1.06s.77.29,1.06,0L5.31,2.87v8.82c0,.41.34.75.75.75.21,0,.39-.08.53-.22s.22-.32.22-.53V2.87l4.03,4.03c.29.29.77.29,1.06,0s.29-.77,0-1.06L6.06,0,.22,5.84Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 14px;
} */
/* END SCROLL TOP */
/* SCROLL DOWN */
.scroll-down {
    display: inline-block;
    width: 54px;
    height: 54px;
    padding: 0;
    border-radius: 50%;
    border: none;
    aspect-ratio: 1 / 1;
    box-shadow: none !important;
    background: transparent;
}
/* END SCROLL DOWN */
/* BTN PLAY */
.btn-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    border-radius: 50%;
    border: 1px solid var(--color-blue);
    aspect-ratio: 1/1;
    /* background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.76 9.31'%3E%3Cpath d='m7.5,4.09L.75.08c-.08-.05-.17-.08-.26-.08C.22,0,0,.22,0,.49h0v8.34h0c0,.27.22.48.48.48.1,0,.18-.03.27-.08l6.74-4.01c.16-.13.26-.34.26-.56s-.1-.42-.26-.56h0Z' style='fill:%232b32c7;'/%3E%3C/svg%3E") no-repeat center / 12px; */
    background: var(--color-white);
    box-shadow: none!important;
    transition: background 0.3s ease-out;
    will-change: background;
}
.btn-play:hover  {
    /* background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.76 9.31'%3E%3Cpath d='m7.5,4.09L.75.08c-.08-.05-.17-.08-.26-.08C.22,0,0,.22,0,.49h0v8.34h0c0,.27.22.48.48.48.1,0,.18-.03.27-.08l6.74-4.01c.16-.13.26-.34.26-.56s-.1-.42-.26-.56h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 12px; */
    background: var(--color-blue);
}
.btn-play svg {
    width: 14px;
    height: 14px;
}
.btn-play svg * {
    fill: var(--color-blue) !important;
    transition: fill 0.3s ease-out;
}
.btn-play:hover svg * {
    fill: var(--color-white) !important;;
}
@media(min-width: 1200px) {
    .btn-play {
        width: 104px;
    }
}
/* END BTN PLAY */
/* LINK */
.link {
    position: relative;
    display: inline-block;
    padding: 0;
    color: var(--color-black);
    text-transform: uppercase;
    transition: color 0.3s ease-out;
}
.link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-blue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-out;
}
.link.link-underline {
    color: inherit!important;
    transition: transform 0.3s ease-out;
}
.link.link-underline::after {
    height: 3px;
    background-color: var(--color-soft-blue);
    transform: scaleY(1);
    transform-origin: bottom;
}
.link:hover::after {
    transform: scaleX(1);
}
.link:not(.link-underline):hover {
    color: var(--color-blue);
}
.link.link-underline:hover {
    transform: translateY(-3px);
}
.link.link-underline:hover::after {
    transform: translateY(3px);
}
.link.link-orange:not(.link-underline):hover {
    color: var(--color-golden-orange);
}
.link.link-orange::after {
    background-color: var(--color-golden-orange);
}
/* END LINK */
/* LINK UNDERLINED */
.link-ul, .theContent a {
    position: relative;
    display: inline-block;
    color: var(--color-black)!important;
    outline: none !important;
    box-shadow: none !important;
}
.link-ul::before, .link-ul::after, .theContent a::before, .theContent a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 3px solid var(--color-blue);
    transform-origin: right;
    transition: transform 0.3s ease-out;
    will-change: transform;
}
.link-ul.color-white {
    color: var(--color-white)!important;
}
.link-ul.link-small::before, .link-ul.link-small::after {
    border-bottom: 3px solid var(--color-blue);
}
.theContent a::before, .theContent a::after {
    border-bottom: 4px solid var(--color-blue);
}
.link-ul.link-orange::before, .link-ul.link-orange::after {
    border-color: var(--color-golden-orange)!important;
}
.link-ul.link-white::before, .link-ul.link-white::after {
    border-color: var(--color-white)!important;
}
.link-ul::before, .theContent a::before {
    transform: scaleX(1);
    transform-origin: left center;
    transition-delay: .1s;
}
.link-ul::after, .theContent a::after {
    transform: scaleX(0);
    transform-origin: right center;
    transition-delay: 0s;
}
@media (hover: hover) {
    .link-ul:hover::before, .theContent a:hover::before {
        transform: scaleX(0);
        transform-origin: right center;
        transition-delay: 0s;
    }
    .link-ul:hover::after, .theContent a:hover::after {
        transform: scaleX(1);
        transform-origin: left center;
        transition-delay: .1s;
    }
}
@media(min-width: 744px) {
    .link-ul::before, .link-ul::after {
        border-bottom: 5px solid var(--color-blue);
    }
}
@media(min-width: 1200px) {
    .link-ul::before, .link-ul::after {
        border-bottom: 5px solid var(--color-blue);
    }
}
/* CAROUSEL BUTTONS */
.vcarousel-arrows {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    padding: 0;
    aspect-ratio: 1/1;
    transition: background 0.3s ease-out, opacity 0.3s ease-out;
}
.vcarousel-arrows.carousel-next {
    /* background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M6.59,.22c-.29-.29-.77-.29-1.06,0s-.29,.77,0,1.06l4.04,4.03H.75c-.41,0-.75,.34-.75,.75,0,.21,.08,.39,.22,.53,.14,.14,.32,.22,.53,.22H9.57l-4.03,4.03c-.29,.29-.29,.77,0,1.06s.77,.29,1.06,0l5.84-5.84L6.59,.22Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 14px; */
    background: var(--color-blue);
}
.vcarousel-arrows.carousel-prev {
    /* background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.44 12.13'%3E%3Cpath d='M5.84,11.91c.29,.29,.77,.29,1.06,0s.29-.77,0-1.06L2.87,6.81H11.69c.41,0,.75-.34,.75-.75,0-.21-.08-.39-.22-.53s-.32-.22-.53-.22H2.87L6.91,1.28c.29-.29,.29-.77,0-1.06s-.77-.29-1.06,0L0,6.06l5.84,5.84Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 14px; */
    background: var(--color-blue);
    transform: rotate(180deg);
}
.vcarousel-arrows.is-disabled {
    opacity: 0.15;
    pointer-events: none;
}
@media(min-width: 744px) {
    .vcarousel-arrows {
        width: 50px;
        height: 50px;
    }
}
@media(min-width: 1200px) {
    .vcarousel-arrows {
        width: 70px;
        height: 70px;
    }
}
/* animated arrows */
.vcarousel-next-wrapper {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.vcarousel-next-wrapper .carousel-next {
    position: relative;
    z-index: 2;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.progress-ring {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: rotate(-90deg);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    pointer-events: none;
    transform: translate(-2px, -2px);
}
.progress-ring__circle {
    fill: none;
    stroke: var(--color-white);
    stroke-width: 3;
    stroke-dasharray: 176; /* 2πr */
    stroke-dashoffset: 176;
}
@media(min-width: 744px) {
    .vcarousel-next-wrapper {
        width: 54px;
        height: 54px;
    }
}
@media(min-width: 1200px) {
    .vcarousel-next-wrapper {
        width: 74px;
        height: 74px;
    }
}
/* END CAROUSEL BUTTONS */
/* btn-dropdown */
.btn-dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    min-width: 250px;
    min-height: 70px;
    padding: 15px 15px 15px 25px;
    color: var(--color-black);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* border: 1px solid var(--color-black30); */
    border: none;
    border-radius: 5px;
    background: var(--color-blue)!important;
    color: var(--color-white);
    box-shadow: none!important;
    outline: none!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    -webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}
.btn-dropdown.show {
    color: var(--color-white);
    background: var(--color-white);
}
@media(min-width: 576px) {
    .btn-dropdown {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .btn-dropdown {
        width: 320px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown {
        width: 300px;
        height: 80px;
    }
}
.btn-dropdown::after {
    display: none!important;
}
.btn-dropdown .btn-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid rgb(206 217 251 / 30%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background .3s ease-out;
}
.btn-dropdown.show .btn-arrow {
    transform: rotate(180deg);
}
@media (min-width: 744px) {
    .btn-dropdown .btn-arrow {
        width: 45px;
        height: 45px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown .btn-arrow {
        width: 50px;
        height: 50px;
    }
}
@media (hover: hover) {
    .btn-dropdown:hover .btn-arrow {
        background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
    }
}
.facetwp-facet-categories {
    margin: 0!important;
}
.facetwp-facet-macsterclass_categories {
    margin: 0!important;
}
.facetwp-bs-dropdown .dropdown-menu {
    background: var(--color-white);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none!important;
    padding: 0;
    min-width: 250px;
    width: 100%!;
    color: var(--color-blue);
    top: 80%;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
}
@media(min-width: 576px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 100%;
    }
}
@media(min-width: 1200px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 100%;
        padding: 0;
    }
}
.facetwp-bs-dropdown .dropdown-menu.show {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 100%;
    width: 100%;
    background: var(--color-blue);
    overflow: hidden;
}
.facetwp-bs-dropdown .dropdown-item {
    cursor: pointer;
    color: var(--color-white);
    padding: 25px;
    background: transparent;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
@media (hover: hover) {
    .facetwp-bs-dropdown .dropdown-item:hover {
        background: var(--color-white);
        color: var(--color-blue);
    }
}
/* End btn-dropdown */
/* BTN CATEGORY */
.btn-cat {
    display: inline-block;
    padding: 5px 6px;
    border-radius: 5px;
    background-color: var(--color-blue);
    color: var(--color-light-blue);
    font-family: var(--font-sb-2);
    line-height: 1;
    text-transform: uppercase;
    transition: background 0.3s ease-out, color 0.3s ease-out;
    letter-spacing: 0.3px;
}
.btn-cat:hover {
    background-color: var(--color-white);
    color: var(--color-blue);
}
@media (min-width: 744px) {
    .btn-cat {
        padding: 10px;
    }
}
/* END BTN CATEGORY */
/* VIDEO EXPAND */
.btn-modal, .btn-contract {
    position: relative;
    width: 25px;
    height: auto;
    /* aspect-ratio: 25 / 18; */
   display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
    cursor: pointer;
}
.btn-modal svg, .btn-contract svg {
    vertical-align: unset;
}
.btn-contract {
    width: 40px;
}
.btn-modal, .btn-contract #hover {
    transform-origin: center center;
    transition: transform .4s ease-in, opacity .4s ease-in;
    opacity: 0;
}
.btn-modal, .btn-contract:hover #hover {
    transform: scale(1.15);
    opacity: 1;
}
.btn-contract svg > * {
    fill: var(--color-white)!important;
}
@media(min-width: 744px) {
    .btn-modal, .btn-contract {
        width: 33px;
    }
}
/* END VIDEO EXPAND */
/* BTN CLOSE */
.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    width: 30px;
    height: 30px;
    left: unset;
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
    opacity: 1;
    box-shadow: none !important;
    border: none !important;
    transition: transform .4s ease-in, background .4s ease-in;
}
.btn-close.btn-dark {
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23000000%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
}
.btn-close:hover {
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%230200cd%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
    transform: scale(1.2);
}
/* END BTN CLOSE */
/* BTN CIRCLE CLOSE */
.btn-circle-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    background: var(--color-white) url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.36 11.36'%3E%3Cpath d='M6.88,5.68L11.11,1.45c.33-.33,.33-.87,0-1.2s-.87-.33-1.2,0L5.68,4.48,1.45,.25C1.12-.08,.58-.08,.25,.25-.08,.58-.08,1.12,.25,1.45L4.48,5.68,.25,9.91c-.33,.33-.33,.87,0,1.2,.17,.17,.38,.25,.6,.25s.44-.08,.6-.25L5.68,6.89l4.23,4.23c.17,.17,.38,.25,.6,.25s.44-.08,.6-.25c.33-.33,.33-.87,0-1.2L6.89,5.68h0Z' style='fill:%23010101;'/%3E%3C/svg%3E") no-repeat center / 10px;
    transition: background 0.3s ease-out, border-color 0.3s ease-out;
}
.btn-circle-close:hover {
    border-color: transparent;
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.36 11.36'%3E%3Cpath d='M6.88,5.68L11.11,1.45c.33-.33,.33-.87,0-1.2s-.87-.33-1.2,0L5.68,4.48,1.45,.25C1.12-.08,.58-.08,.25,.25-.08,.58-.08,1.12,.25,1.45L4.48,5.68,.25,9.91c-.33,.33-.33,.87,0,1.2,.17,.17,.38,.25,.6,.25s.44-.08,.6-.25L5.68,6.89l4.23,4.23c.17,.17,.38,.25,.6,.25s.44-.08,.6-.25c.33-.33,.33-.87,0-1.2L6.89,5.68h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 10px;
}
/* END BTN CIRCLE CLOSE */
/* BTN TOGGLE */
.btn-acc {
    position: relative;
    z-index: 9;
    display: inline-flex;
    max-width: 100%;
    width: auto;
    padding: 15px 22px;
    border-radius: 5px;
    background: transparent;
    color: var(--color-blue);
    font-family: var(--font-b);
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    transition: opacity 0.3s ease-out;
}
#offcanvasMenu .btn-acc:not(.show) {
    color: var(--color-white);
}
.btn-acc:hover {
    opacity: 0.8;
}
.btn-acc::after {
    display: inline-block;
    margin-left: 14px;
    content: "";
    border: none !important;
    width: 11px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%232b32c7;'/%3E%3C/svg%3E") no-repeat center / 11px;
    transition: background 0.3s ease-out;
}
#offcanvasMenu .btn-acc::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
#offcanvasMenu .btn-acc.show::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.13 12.44'%3E%3Cpath d='m11.91,6.59c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-4.03,4.04V.75c0-.41-.34-.75-.75-.75-.21,0-.39.08-.53.22-.13.14-.22.32-.22.53v8.82L1.28,5.53c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l5.84,5.84,5.84-5.84h0Z' style='fill:%232b32c7;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
/* DROPDOWN USER MENU */
.dropdown.user-menu .dropdown-menu {
    position: absolute;
    z-index: 8;
    top: 0;
    margin: 0;
    padding: 54px 30px 30px;
    width: 0;
    overflow: hidden;
    border: none !important;
    border-radius: 5px;
    background: var(--color-light-blue);
    display: block !important;
    transform-origin: top right !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}
.dropdown:not(.wpcf7-dropdown) .dropdown-menu.show {
    width: 360px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out !important;
}
.dropdown.user-menu:not(.wpcf7-dropdown) .dropdown-menu.show {
    width: 295px;
    transform: translate(28%, 0) !important;
}
.dropdown.user-menu .dropdown-menu li {
    text-align: right;
}
.dropdown.user-menu .dropdown-item {
    width: auto;
    margin: 0 0 10px;
    padding: 10px 0 0;
    background: transparent !important;
}
.dropdown.user-menu .dropdown-item:hover {
    color: var(--color-blue);
}
@media(min-width: 744px) {
    .dropdown.user-menu .dropdown-menu {
        padding: 54px 40px 30px;
    }
    .dropdown.user-menu:not(.wpcf7-dropdown) .dropdown-menu.show {
        width: 345px;
        transform: none !important;
    }
}
@media(min-width: 1200px) {
    .dropdown.user-menu .dropdown-menu {
        padding: 54px 50px 30px;
    }
    .dropdown.user-menu:not(.wpcf7-dropdown) .dropdown-menu.show {
        width: 360px;
    }
}
/* END BTN TOGGLE */
/* BTN EXIT */
.btn-exit {
    color: var(--color-blue);
    gap: 10px;
}
.btn-exit svg {
    width: 11px;
    vertical-align: baseline;
    top: 1px;
    position: relative;
}
/* END BTN EXIT */
/* BTN TAB */
.btn-tab {
    display: inline-block;
    min-width: 130px;
    padding: 20px;
    margin-right: 2px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.4);
    color: var(--color-black);
    font-size: 12px;
    text-align: center;
    line-height: 1;
    transition: background 0.3s ease-out, color 0.3s ease-out;
}
.btn-tab:hover, .btn-tab.active {
    background: var(--color-white);
    color: var(--color-black);
}
@media(min-width: 744px) {
    .btn-tab {
        min-width: 155px;
        padding: 25px 30px;
    }
}
/* BTN DOWNLOAD */
.download-button {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: auto;
    /* background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23000'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center/11px;    
    background-color: var(--color-light-blue); */
    border-radius: 50%;
    padding: 0;
    transition: transform .3s ease-out, background .3s ease-in-out;
}
/* .download-button:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23fff'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23fff'/%3E%3C/svg%3E") no-repeat center/11px;
    background-color: var(--color-blue);
} */
@media (min-width: 744px) {
    .download-button {
        width: 50px;
        height: 50px;
        background-size: 14px;
    }
}
@media (min-width: 1200px) {
    .download-button {
        width: 70px;
        height: 70px;
        background-size: 14px;
    }
}
/* END BTN DOWNLOAD */
/* BTN MAGNIFY */
.btn-magnify {
    display: inline-block;
    padding: 1.2rem;
    width: 70px;
    height: 70px;
    aspect-ratio: 1 / 1;
    background: var(--color-blue);
    border-radius: 50%;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: background 0.3s ease-out;
}
.btn-magnify:hover {
    background: var(--color-golden-orange);
}
.btn-magnify svg * {
    fill: var(--color-white);
}
@media (min-width: 744px) {
    .btn-magnify {
        width: 80px;
        height: 80px;
        padding: 1.65rem;
    }
}
@media (min-width: 1200px) {
    .btn-magnify {
        width: 90px;
        height: 90px;
        padding: 1.78rem;
    }
}