/* Active elements */
.prod-bg-60.active .tn-atom, .prod-bg-120.active .tn-atom {
    background-color: #187bf1 !important;
}
.prod-bd-60.active .tn-atom, .prod-bd-120.active .tn-atom {
    border-color: #187bf1 !important;
}
.prod-txt-60.active .tn-atom, .prod-txt-120.active .tn-atom {
    color: #187bf1 !important;
}
.prod-fill-60.active img, .prod-fill-120.active img {
    filter: invert(49%) sepia(86%) saturate(5341%) hue-rotate(201deg) brightness(99%) contrast(90%) !important;
}
.prod-block-60.active, .prod-block-120.active {
    display: block;
}

/* Inactive elements */
.prod-bg-60.inactive .tn-atom, .prod-bg-120.inactive .tn-atom {
    background-color: #e1e1e1 !important;
}
.prod-bd-60.inactive .tn-atom, .prod-bd-120.inactive .tn-atom {
    border-color: #e1e1e1 !important;
}
.prod-txt-60.inactive .tn-atom, .prod-txt-120.inactive .tn-atom {
    color: #e1e1e1 !important;
}
.prod-fill-60.inactive img, .prod-fill-120.inactive img {
    filter: invert(64%) sepia(0%) saturate(0%) hue-rotate(136deg) brightness(100%) contrast(88%);
}
.prod-block-60.inactive, .prod-block-120.inactive {
    display: none;
}


#tinkoff-modal {
    z-index: 101000;
}

/*#tildaformcaptchabox {
    display: none !important;
}*/

/*
@media screen and (max-width: 479px) {
    .uc-popup-clone .prod-variation-switch {
        width: calc(100% - 12px) !important;
    }
}

@media screen and (min-width: 479px)and (max-width: 639px) {
    .uc-popup-clone .prod-variation-switch {
        width: calc(100% - 60px) !important;
    }
}*/


/* CSS Loader on Button */
.full-viewport.ld-over.running {
    position: fixed;
    z-index: 100000000;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    font-size: 4em;
}

.full-viewport.ld-over.running .chr_redirect_text {
    position: absolute;
    top: calc(50% + 1em);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    z-index: 4000;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 0;
}

.ld-over,
.ld-ext-left {
    position: relative;
    transition: all 0.3s;
    transition-timing-function: ease-in;
}
.ld-over > .ld,
.ld-ext-left > .ld {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin-top: -1.5em;
    margin-left: -0.5em;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s;
    transition-timing-function: ease-in;
}
.ld-over > .ld > *,
.ld-ext-left > .ld > * {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-0.5em, -0.5em);
}
.ld-over.running > .ld,
.ld-ext-left.running > .ld {
    opacity: 1;
    z-index: auto;
    visibility: visible;
}
.ld-ext-left.running {
    padding-left: 2.5em !important;
}
.ld-ext-left > .ld {
    top: 50%;
    right: auto;
    left: 1.25em;
}
@keyframes ld-flip-v
{
    0% {
        animation-timing-function: cubic-bezier(0.1909,0.4373,0.4509,0.7454);
        transform: rotateX(0deg);
    }
    30% {
        animation-timing-function: cubic-bezier(0.128,0.2315,0.9704,0.8632);
        transform: rotateX(153.72deg);
    }
    50% {
        animation-timing-function: cubic-bezier(0.5788,0.3001,0.5613,0.6784);
        transform: rotateX(180deg);
    }
    55% {
        animation-timing-function: cubic-bezier(0.1545,0.4929,0.6089,0.9373);
        transform: rotateX(238.68deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.ld.ld-flip-v {
    animation: ld-flip-v 1s infinite linear; ;
}
.ld-ball {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    box-sizing: content-box;
}
.ld-ball:after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden;
}
.ld-ball:after {
    border-radius: 50%;
    background: currentColor;
}
.ld-over:before {
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    transition-timing-function: ease-in;
    background: rgba(240,240,240,0.8);
}
.ld-over.running > .ld {
    z-index: 4001;
    color: #017dc7;
}
.ld-over.running:before {
    opacity: 1;
    z-index: 4000;
    display: block;
}
body.no-scroll {
    overflow: hidden;
}