.t396 .t-animate[data-animate-style=fadein],.t396 .t-animate[data-animate-style=fadeindown],.t396 .t-animate[data-animate-style=fadeinleft],.t396 .t-animate[data-animate-style=fadeinright],.t396 .t-animate[data-animate-style=fadeinup],.t396 .t-animate[data-animate-style=zoomin],.t396 .t-animate[data-animate-style=zoomout]{opacity:0}@media screen and (min-width:980px){.t-animate[data-animate-style=fadein],.t-animate[data-animate-style=fadeindown],.t-animate[data-animate-style=fadeinleft],.t-animate[data-animate-style=fadeinright],.t-animate[data-animate-style=fadeinup],.t-animate[data-animate-style=zoomin],.t-animate[data-animate-style=zoomout]{opacity:0;-webkit-transition-property:opacity,transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.t-title.t-animate{-webkit-transition-duration:1.2s;transition-duration:1.2s}.t-descr.t-animate,.t-subtitle.t-animate,.t-text.t-animate,.t-uptitle.t-animate{-webkit-transition-duration:.7s;transition-duration:.7s}.t-item.t-animate{-webkit-transition-duration:.5s;transition-duration:.5s}.t-animate_started[data-animate-style=fadein]{opacity:1}.t-animate[data-animate-style=fadeinup]{-webkit-transform:translate(0,100px);transform:translate(0,100px)}.t-animate_started[data-animate-style=fadeinup]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeindown]{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}.t-animate_started[data-animate-style=fadeindown]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinleft]{-webkit-transform:translate(100px,0);transform:translate(100px,0)}.t-animate_started[data-animate-style=fadeinleft]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinright]{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}.t-animate_started[data-animate-style=fadeinright]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=zoomin]{-webkit-transform:scale(.9);transform:scale(.9)}.t-animate_started[data-animate-style=zoomin]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate[data-animate-style=zoomout]{-webkit-transform:scale(1.2);transform:scale(1.2)}.t-animate_started[data-animate-style=zoomout]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate_started[data-animate-distance],.t-animate_started[data-animate-scale]{-webkit-transform:none!important;transform:none!important}}.t-animate-for-wrapper .t-animate:not(.t-animate_started){opacity:0!important;transition-duration:0s!important}


/* Важная часть */
.popup__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    opacity: 0; 
    pointer-events: none; 
    transition: 0.5s all;
    z-index: 5000;
}

.popup__bg.active { 
    opacity: 1; 
    pointer-events: all; 
    transition: 0.5s all;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: #fff;
    max-width: 300px;
    width: 100%;
    padding: 25px;
    transition: 0.5s all;
    border-radius: 17px;
}

.popup.active { 
    transform: translate(-50%, -50%) scale(1); 
    transition: 0.5s all;
}
/* Конец важной части */
/* Далее код для стилизации формы */
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 25px;
}

.popup label {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column-reverse;
}

.popup .label__text {
    font-size: 14px;
    font-weight: 500;
    color: #0454f1;
    margin-bottom: 5px;
}

.popup input {
    height: 45px;
    font-size: 18px;
    border: none;
    outline: none;
    border-bottom: 1px solid #cfd0d3;
}

.popup input:focus {
    border-bottom: 1px solid #2982ff;
}

.popup input:focus + .label__text {
    color: #2982ff;
}

.popup button {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    background: #0454f1;
    border-radius: 16px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    transition: 0.5s all;
    padding: 0;
}

.popup button:hover {
    background: rgb(97, 161, 250);
    transition: 0.5s all;
}
.open-popup {
    cursor: pointer;
}