/* Custom Animations */

/* Rolling Text Animation */
.rolling-text .tn-atom a {
display: inline-block;
line-height: 115%;
height: 1.1em !important;
overflow: hidden;
position: relative;
}

.rolling-text .tn-atom a .letter {
display: inline-block;
transform: translateY(0);
transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.rolling-text .tn-atom a:hover .letter,
.rolling-text.play .letter {
transform: translateY(-100%);
}

.rolling-text .block:last-child {
color: #E7E7E7;
}

/* Content Scale Down Animation */
/*____________________________________________________*/
:root {
/*Настройки анимации*/
--TransitionDelay_down: 0s;
/*задержка перед анимацией*/
--TransitionDuration_down: 1.3s;
/*продолжительность анимации*/
--ScaleContent_down: 1.2;
/*увеличение изображения (работает по принципу scale (зума))*/
--BackgroundColorShape_down: #332C3C;
/*цвет подложки во время анимации*/
}

/*Видимое разрешение (заменить 768px на 300px, если нужна мобила)*/
@media screen and (min-width: 768px) {

/*____________________________________________________*/
/*Ниже не трогать*/
.content-scale-down {
overflow: hidden;
}

.content-scale-down .tn-atom {
width: 100%;
display: block !important;
transform: translate(0%, 0px) scale(1.05);
margin-left: 0%;
align-items: center;
justify-content: center;
overflow: hidden;
height: 100%;
}

.content-scale-down .tn-atom:before {
transition-delay: var(--TransitionDelay_down);
content: '';
width: 105%;
height: 105%;
background-color: var(--BackgroundColorShape_down);
display: block;
transform: translate(0%, 0%);
}

.content-scale-down-animation .tn-atom:before {
transition-delay: var(--TransitionDelay_down);
transform: translate(0%, 100%);
animation-timing-function: cubic-bezier(.99, 0, .01, 1);
transition-duration: var(--TransitionDuration_down);
}

.content-scale-down-animation .tn-atom {
transition-delay: var(--TransitionDelay_down);
transition-duration: var(--TransitionDuration_down);
animation-timing-function: cubic-bezier(.99, 0, .01, 1);
transform: translate(0%, 0px) scale(var(--ScaleContent_down)) !important;
}
}