@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100; 0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sigmar&display=swap');

* {
padding: 0;
margin: 0;
border: 0
}
*,*::after,*::before {
box-sizing: border-box
}
*::after,*::before {
display: inline-block
}
body,html {
height: 100%;
min-width: 320px
}
body {
color: #000;
line-height: 1;
font-family: Poppins,sans-serif;
font-size: .875rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
button,input,textarea {
font-family: Poppins;
font-size: inherit;
line-height: inherit;
color: inherit;
background-color: transparent
}
input,textarea {
width: 100%
}
label {
display: inline-block
}
button,option,select {
cursor: pointer
}
a {
display: inline-block;
color: inherit;
text-decoration: none
}
ul li {
list-style: none
}
img {
vertical-align: top;
display: block;
max-width: 100%;
height: auto
}
h1,h2,h3,h4,h5,h6 {
font-weight: inherit;
font-size: inherit
}
.lock body {
overflow: hidden;
touch-action: none;
-ms-scroll-chaining: none;
overscroll-behavior: none
}
.wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
overflow: hidden
}
@supports (overflow:clip) {.wrapper {
overflow: clip
}

}
.wrapper > main {
flex: 1 1 auto
}
.wrapper > * {
min-width: 0
}
[class*=__container] {
max-width: 76.875rem;
margin: 0 auto;
padding: 0 .9375rem
}
[class*=-ibg] {
position: relative
}
[class*=-ibg] img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover
}
[class*=-ibg--contain] img {
-o-object-fit: contain;
object-fit: contain
}
.ibg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.ibg--top {
-o-object-position: top;
object-position: top
}
.ibg--bottom {
-o-object-position: bottom;
object-position: bottom
}
.ibg--left {
-o-object-position: left;
object-position: left
}
.ibg--right {
-o-object-position: right;
object-position: right
}
.ibg--contain {
-o-object-fit: contain;
object-fit: contain
}
.header {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 4
}
.header__container {
display: flex;
align-items: center;
justify-content: space-between;
gap: .625rem
}
.header__lang {
display: flex;
align-items: center;
justify-content: space-between;
gap: .625rem;
color: #fff
}
.header__lang-link {
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;
display: flex;
align-items: center;
gap: .625rem;
opacity: .3;
transition: opacity .3s
}
.header__lang-link:first-child {
padding-right: .625rem;
border-right: .0625rem solid #d9d9d9
}
.header__lang-link._active {
opacity: 1
}
.footer {
background-color: #1A0066;
margin-top: -15rem
}
.footer__container {
position: relative
}
.footer__inner {
display: flex;
gap: 1.25rem;
position: relative
}
.footer__content {
flex: 1 1 auto;
line-height: 1.2
}
.footer__bg {
background: url(../img/footer-bg.webp) top center/cover no-repeat;
min-height: 37.8125rem
}
.arrow-footer {
position: absolute;
width: 9.125rem;
height: 9.125rem;
top: 0;
left: 50%;
translate: 0 -50%
}
.teacher__text {
position: absolute;
top: 1.875rem;
left: 9.375rem;
display: inline-flex;
border-radius: .9375rem .9375rem .9375rem .1875rem;
background-color: #334155;
padding: .8125rem 1rem;
box-shadow: 0 0 4px 0 rgba(0,0,0,.07),0 4px 6px -1px rgba(0,0,0,.1);
color: #fff
}
.footer-message {
display: flex;
justify-content: center
}
.footer-message__content {
display: flex;
align-items: center;
max-width: 45rem
}
.footer-message__content img {
width: 5.0625rem;
border-radius: 50%
}
.footer-message__text {
color: #fff;

padding: 1.4375rem 2.6875rem;
border-radius: 6.25rem;
line-height: 120%
}
.footer-message__text a {
font-weight: 600
}
.link-tg {
color: #645291
}
.hero {
position: relative;
color: #fff;
background: url(../img/hero-bg.webp) center center/cover no-repeat;
min-height: 50.25rem;
padding-top: 11.375rem
}
.hero__container {
position: relative
}
.hero__title {
font-family: Sigmar,sans-serif;
letter-spacing: .01em;
text-transform: uppercase
}
.hero__title-decor {
display: inline-flex;
font-style: italic;
font-weight: 600;
position: relative;
justify-self: end;
padding-right: 5rem
}
.hero__title-decor::before {
content: "";
position: absolute;
width: 7.5rem;
height: 7.5rem;
top: 0;
left: 20%;
background: url(../img/arrow-hero.svg) 0 0/contain no-repeat
}
.hero__dec {
position: absolute;
width: 7.5rem;
height: 7.5rem;
top: 120%;
right: 7%;
opacity: .5
}
.img-dec {
position: absolute;
left: 0;
width: 100%
}
.img-dec_01 {
z-index: 4;
top: 102%
}
.img-dec_02 {
z-index: 3;
top: 85%
}
.img-dec_03 {
top: 80%;
z-index: 2
}
.img-dec_04 {
top: 84%;
left: auto;
right: -10%;
z-index: 1
}
.board {
position: relative;
z-index: 5
}
.board__title {
margin: 0 auto 1.25rem
}
.board__img {
position: relative
}
.board__img img {
margin: 0 auto
}
.board-img-mob {
padding-bottom: 120%
}
.moments {
padding-top: 8.75rem;
padding-bottom: 120px;
position: relative;
z-index: 4;
background: url(../img/bg-cards.webp) top center/cover no-repeat;
margin-top: -7.5rem
}
.moments__title {
color: #fff;
text-align: center;
text-transform: uppercase;
font-family: Sigmar,sans-serif
}
.moments__items {
display: grid
}
.moment-item {
color: #fff;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
text-align: right;
border-radius: 1.375rem
}
.moment-item__img {
border-radius: 1.375rem;
overflow: hidden
}

.moment-item__title {
line-height: 120%;
text-transform: uppercase;
font-weight: 700;
position: relative;
z-index: 2;
margin-bottom: .5rem
}
.moment-item__text {
position: relative;
z-index: 2;
margin-bottom: 1.5625rem;
font-weight: 600;
line-height: 1.55;
max-width: 53.75rem
}
.moment-item__action {
position: relative;
z-index: 2;
display: flex;
justify-content: center
}
.moment-item__action:not(:last-child) {
margin-bottom: 1.25rem
}
.moment-item__link {
flex: 1 1 47%
}

.moment-item__link {
flex: 1 1 47%
}

._three .moment-item__link:hover {
  opacity: 0.6;
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/ 2);
animation-duration: calc(var(--animate-duration)/ 2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration) * .8);
animation-duration: calc(var(--animate-duration) * .8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3)
}
@-webkit-keyframes bounce {20%,53%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
40%,43% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
transform: translate3d(0,-30px,0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
transform: translate3d(0,-15px,0) scaleY(1.05)
}
80% {
transition-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0) scaleY(.95);
transform: translate3d(0,0,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
transform: translate3d(0,-4px,0) scaleY(1.02)
}

}
@keyframes bounce {20%,53%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
40%,43% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
transform: translate3d(0,-30px,0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
animation-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
transform: translate3d(0,-15px,0) scaleY(1.05)
}
80% {
transition-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0) scaleY(.95);
transform: translate3d(0,0,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
transform: translate3d(0,-4px,0) scaleY(1.02)
}

}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {50%,from,to {
opacity: 1
}
25%,75% {
opacity: 0
}

}
@keyframes flash {50%,from,to {
opacity: 1
}
25%,75% {
opacity: 0
}

}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
@keyframes pulse {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
@keyframes rubberBand {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}

}
@keyframes shakeX {from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}

}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}

}
@keyframes shakeY {from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}

}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}

}
@keyframes headShake {0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}

}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {20% {
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
to {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}

}
@keyframes swing {20% {
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
to {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}

}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
@keyframes tada {from {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}
to {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes wobble {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {11.1%,from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}

}
@keyframes jello {11.1%,from,to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}

}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}

}
@keyframes heartBeat {0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}

}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
@keyframes backInDown {0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
@keyframes backInLeft {0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
@keyframes backInRight {0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
@keyframes backInUp {0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}

}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}

}
@keyframes backOutDown {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}

}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}

}
@keyframes backOutLeft {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}

}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}

}
@keyframes backOutRight {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}

}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}

}
@keyframes backOutUp {0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
100% {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}

}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {20%,40%,60%,80%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,1.03,1.03);
transform: scale3d(1.03,1.03,1.03)
}
80% {
-webkit-transform: scale3d(.97,.97,.97);
transform: scale3d(.97,.97,.97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
@keyframes bounceIn {20%,40%,60%,80%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,1.03,1.03);
transform: scale3d(1.03,1.03,1.03)
}
80% {
-webkit-transform: scale3d(.97,.97,.97);
transform: scale3d(.97,.97,.97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}

}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration) * .75);
animation-duration: calc(var(--animate-duration) * .75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,-3000px,0) scaleY(3);
transform: translate3d(0,-3000px,0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,25px,0) scaleY(.9);
transform: translate3d(0,25px,0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0,-10px,0) scaleY(.95);
transform: translate3d(0,-10px,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,5px,0) scaleY(.985);
transform: translate3d(0,5px,0) scaleY(.985)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes bounceInDown {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,-3000px,0) scaleY(3);
transform: translate3d(0,-3000px,0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,25px,0) scaleY(.9);
transform: translate3d(0,25px,0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0,-10px,0) scaleY(.95);
transform: translate3d(0,-10px,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,5px,0) scaleY(.985);
transform: translate3d(0,5px,0) scaleY(.985)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,0,0) scaleX(3);
transform: translate3d(-3000px,0,0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,0,0) scaleX(1);
transform: translate3d(25px,0,0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px,0,0) scaleX(.98);
transform: translate3d(-10px,0,0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px,0,0) scaleX(.995);
transform: translate3d(5px,0,0) scaleX(.995)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes bounceInLeft {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,0,0) scaleX(3);
transform: translate3d(-3000px,0,0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,0,0) scaleX(1);
transform: translate3d(25px,0,0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px,0,0) scaleX(.98);
transform: translate3d(-10px,0,0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px,0,0) scaleX(.995);
transform: translate3d(5px,0,0) scaleX(.995)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px,0,0) scaleX(3);
transform: translate3d(3000px,0,0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,0,0) scaleX(1);
transform: translate3d(-25px,0,0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px,0,0) scaleX(.98);
transform: translate3d(10px,0,0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px,0,0) scaleX(.995);
transform: translate3d(-5px,0,0) scaleX(.995)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes bounceInRight {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px,0,0) scaleX(3);
transform: translate3d(3000px,0,0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,0,0) scaleX(1);
transform: translate3d(-25px,0,0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px,0,0) scaleX(.98);
transform: translate3d(10px,0,0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px,0,0) scaleX(.995);
transform: translate3d(-5px,0,0) scaleX(.995)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0,3000px,0) scaleY(5);
transform: translate3d(0,3000px,0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scaleY(.9);
transform: translate3d(0,-20px,0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0,10px,0) scaleY(.95);
transform: translate3d(0,10px,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,-5px,0) scaleY(.985);
transform: translate3d(0,-5px,0) scaleY(.985)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes bounceInUp {60%,75%,90%,from,to {
-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
animation-timing-function: cubic-bezier(.215,.61,.355,1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0,3000px,0) scaleY(5);
transform: translate3d(0,3000px,0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scaleY(.9);
transform: translate3d(0,-20px,0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0,10px,0) scaleY(.95);
transform: translate3d(0,10px,0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0,-5px,0) scaleY(.985);
transform: translate3d(0,-5px,0) scaleY(.985)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}

}
@keyframes bounceOut {20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}

}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration) * .75);
animation-duration: calc(var(--animate-duration) * .75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {20% {
-webkit-transform: translate3d(0,10px,0) scaleY(.985);
transform: translate3d(0,10px,0) scaleY(.985)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scaleY(.9);
transform: translate3d(0,-20px,0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0) scaleY(3);
transform: translate3d(0,2000px,0) scaleY(3)
}

}
@keyframes bounceOutDown {20% {
-webkit-transform: translate3d(0,10px,0) scaleY(.985);
transform: translate3d(0,10px,0) scaleY(.985)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scaleY(.9);
transform: translate3d(0,-20px,0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0) scaleY(3);
transform: translate3d(0,2000px,0) scaleY(3)
}

}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0) scaleX(.9);
transform: translate3d(20px,0,0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0) scaleX(2);
transform: translate3d(-2000px,0,0) scaleX(2)
}

}
@keyframes bounceOutLeft {20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0) scaleX(.9);
transform: translate3d(20px,0,0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0) scaleX(2);
transform: translate3d(-2000px,0,0) scaleX(2)
}

}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0) scaleX(.9);
transform: translate3d(-20px,0,0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0) scaleX(2);
transform: translate3d(2000px,0,0) scaleX(2)
}

}
@keyframes bounceOutRight {20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0) scaleX(.9);
transform: translate3d(-20px,0,0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0) scaleX(2);
transform: translate3d(2000px,0,0) scaleX(2)
}

}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {20% {
-webkit-transform: translate3d(0,-10px,0) scaleY(.985);
transform: translate3d(0,-10px,0) scaleY(.985)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,20px,0) scaleY(.9);
transform: translate3d(0,20px,0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0) scaleY(3);
transform: translate3d(0,-2000px,0) scaleY(3)
}

}
@keyframes bounceOutUp {20% {
-webkit-transform: translate3d(0,-10px,0) scaleY(.985);
transform: translate3d(0,-10px,0) scaleY(.985)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,20px,0) scaleY(.9);
transform: translate3d(0,20px,0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0) scaleY(3);
transform: translate3d(0,-2000px,0) scaleY(3)
}

}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {from {
opacity: 0
}
to {
opacity: 1
}

}
@keyframes fadeIn {from {
opacity: 0
}
to {
opacity: 1
}

}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {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 fadeInDown {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)
}

}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {from {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes fadeInDownBig {from {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {from {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes fadeInLeftBig {from {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {from {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {from {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes fadeInRightBig {from {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {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 fadeInUp {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)
}

}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {from {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes fadeInUpBig {from {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {from {
opacity: 0;
-webkit-transform: translate3d(-100%,-100%,0);
transform: translate3d(-100%,-100%,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {from {
opacity: 0;
-webkit-transform: translate3d(100%,-100%,0);
transform: translate3d(100%,-100%,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {from {
opacity: 0;
-webkit-transform: translate3d(-100%,100%,0);
transform: translate3d(-100%,100%,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {from {
opacity: 0;
-webkit-transform: translate3d(100%,100%,0);
transform: translate3d(100%,100%,0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

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

}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {from {
opacity: 1
}
to {
opacity: 0
}

}
@keyframes fadeOut {from {
opacity: 1
}
to {
opacity: 0
}

}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}

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

}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}

}
@keyframes fadeOutDownBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}

}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}

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

}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}

}
@keyframes fadeOutLeftBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}

}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}

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

}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}

}
@keyframes fadeOutRightBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}

}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}

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

}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}

}
@keyframes fadeOutUpBig {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}

}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {from {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,-100%,0);
transform: translate3d(-100%,-100%,0)
}

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

}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {from {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,-100%,0);
transform: translate3d(100%,-100%,0)
}

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

}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {from {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,100%,0);
transform: translate3d(100%,100%,0)
}

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

}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {from {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,100%,0);
transform: translate3d(-100%,100%,0)
}

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

}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {from {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}

}
@keyframes flip {from {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}

}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {from {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
transform: perspective(400px) rotate3d(1,0,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
transform: perspective(400px) rotate3d(1,0,0,-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}

}
@keyframes flipInX {from {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
transform: perspective(400px) rotate3d(1,0,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
transform: perspective(400px) rotate3d(1,0,0,-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}

}
.animate__flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {from {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
transform: perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
transform: perspective(400px) rotate3d(0,1,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
transform: perspective(400px) rotate3d(0,1,0,-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}

}
@keyframes flipInY {from {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
transform: perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
transform: perspective(400px) rotate3d(0,1,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
transform: perspective(400px) rotate3d(0,1,0,-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}

}
.animate__flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
opacity: 0
}

}
@keyframes flipOutX {from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
opacity: 0
}

}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration) * .75);
animation-duration: calc(var(--animate-duration) * .75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
transform: perspective(400px) rotate3d(0,1,0,-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
opacity: 0
}

}
@keyframes flipOutY {from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
transform: perspective(400px) rotate3d(0,1,0,-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
opacity: 0
}

}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration) * .75);
animation-duration: calc(var(--animate-duration) * .75);
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {from {
-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
transform: translate3d(100%,0,0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes lightSpeedInRight {from {
-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
transform: translate3d(100%,0,0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {from {
-webkit-transform: translate3d(-100%,0,0) skewX(30deg);
transform: translate3d(-100%,0,0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes lightSpeedInLeft {from {
-webkit-transform: translate3d(-100%,0,0) skewX(30deg);
transform: translate3d(-100%,0,0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0
}

}
@keyframes lightSpeedOutRight {from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0
}

}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {from {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
transform: translate3d(-100%,0,0) skewX(-30deg);
opacity: 0
}

}
@keyframes lightSpeedOutLeft {from {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
transform: translate3d(-100%,0,0) skewX(-30deg);
opacity: 0
}

}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {from {
-webkit-transform: rotate3d(0,0,1,-200deg);
transform: rotate3d(0,0,1,-200deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
@keyframes rotateIn {from {
-webkit-transform: rotate3d(0,0,1,-200deg);
transform: rotate3d(0,0,1,-200deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {from {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
@keyframes rotateInDownLeft {from {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {from {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
@keyframes rotateInDownRight {from {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {from {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
@keyframes rotateInUpLeft {from {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {from {
-webkit-transform: rotate3d(0,0,1,-90deg);
transform: rotate3d(0,0,1,-90deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
@keyframes rotateInUpRight {from {
-webkit-transform: rotate3d(0,0,1,-90deg);
transform: rotate3d(0,0,1,-90deg);
opacity: 0
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}

}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,200deg);
transform: rotate3d(0,0,1,200deg);
opacity: 0
}

}
@keyframes rotateOut {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,200deg);
transform: rotate3d(0,0,1,200deg);
opacity: 0
}

}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}

}
@keyframes rotateOutDownLeft {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}

}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}

}
@keyframes rotateOutDownRight {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}

}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}

}
@keyframes rotateOutUpLeft {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}

}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
opacity: 0
}

}
@keyframes rotateOutUpRight {from {
opacity: 1
}
to {
-webkit-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
opacity: 0
}

}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate3d(0,0,1,80deg);
transform: rotate3d(0,0,1,80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,80% {
-webkit-transform: rotate3d(0,0,1,60deg);
transform: rotate3d(0,0,1,60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0
}

}
@keyframes hinge {0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate3d(0,0,1,80deg);
transform: rotate3d(0,0,1,80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,80% {
-webkit-transform: rotate3d(0,0,1,60deg);
transform: rotate3d(0,0,1,60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0
}

}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}

}
@keyframes jackInTheBox {from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}

}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes rollIn {from {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}

}
@keyframes rollOut {from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}

}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {from {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}

}
@keyframes zoomIn {from {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}

}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomInDown {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomInLeft {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomInRight {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomInUp {from {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
to {
opacity: 0
}

}
@keyframes zoomOut {from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
to {
opacity: 0
}

}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomOutDown {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0)
}

}
@keyframes zoomOutLeft {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0)
}

}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0)
}

}
@keyframes zoomOutRight {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0)
}

}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
@keyframes zoomOutUp {40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}

}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {from {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes slideInDown {from {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {from {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes slideInLeft {from {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {from {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes slideInRight {from {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
@keyframes slideInUp {from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}

}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}

}
@keyframes slideOutDown {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}

}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}

}
@keyframes slideOutLeft {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}

}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}

}
@keyframes slideOutRight {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}

}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}

}
@keyframes slideOutUp {from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}

}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@media (min-width:29.99875em) {._hidden {
display: none
}
.hero__title-block {
display: inline-grid
}
.board {
padding-top: 2.5rem
}
.board__title {
display: none
}
.board__images {
display: none
}

}
@media (min-width:47.99875em) {.footer__content {
padding-top: 6.25rem
}
.moment-item__title {
text-shadow: 0 2px 2px 0 #000
}
.moment-item__text {
text-shadow: 0 1px 3px 0 #000;
font-weight: 400
}
.moment-item__action {
max-width: 31.25rem
}
.moment-item__action._three {
max-width: 49.375rem
}

}
@media (min-width:61.99875em) {.hero__title-block {
padding-left: 3.125rem
}
.moment-item__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}

}
@media (min-width:76.875em) {.header {
padding-top: 2.25rem
}
.header__logo {
flex-basis: 15.4375rem
}
.footer__inner {
margin-bottom: 4.375rem
}
.footer__teacher-img {
margin-bottom: 2rem
}
.footer__content {
font-size: 1.125rem
}
.footer__content p + p {
margin-top: 1.875rem
}
.teacher__text {
font-size: 1.125rem
}
.footer-message {
gap: 2.5rem
}
.footer-message__content {
gap: 1rem
}
.footer-message__text {
font-size: 1.125rem
}
.hero {
padding-top: 11.25rem
}
.hero__title {
font-size: 2.75rem
}
.moments__title {
font-size: 4.125rem
}
.moments__title {
margin-bottom: 4.125rem
}
.moments__items {
gap: 6.25rem
}
.moment-item__title {
font-size: 1.5rem
}
.moment-item__text {
font-size: 1.25rem
}

}
@media (min-width:93.75em) {.footer {
padding-top: 18.75rem
}

}
@media (min-width:93.75rem) {.footer {
padding-top: 25%;
margin-top: -20%
}
.moments {
background: url(../img/bg-cards_n.svg) top center/cover no-repeat;
padding-top: 14%;
padding-bottom: 10%;
margin-top: -10%
}

}
@media (min-width:75em) {.moment-item {
padding-top: 2.25rem
}
.moment-item {
padding-bottom: 2.25rem
}
.moment-item {
padding-left: 2.75rem
}
.moment-item {
padding-right: 2.75rem
}
.moment-item {
min-height: 40.3125rem
}
.moment-item__action {
gap: 2.0625rem
}
.moment-item__action {
max-width: 31.25rem
}
.moment-item__link img {
height: 4.8125rem
}

}
@media (max-width:62em) {.moment-item {
padding-top: 1.25rem
}
.moment-item {
padding-bottom: 1.25rem
}
.moment-item {
padding-left: 1.25rem
}
.moment-item {
padding-right: 1.25rem
}
.moment-item__action {
gap: .625rem
}
.moment-item__link img {
height: 2.8125rem
}

}
@media (max-width:47em) {.moment-item {
min-height: 14.375rem
}
.moment-item__action {
max-width: 18.75rem
}

}
@media (max-width:20em) {.header {
padding-top: 1.625rem
}
.header__logo {
flex-basis: 10rem
}
.footer {
padding-top: 12.5rem
}
.footer__inner {
margin-bottom: 1.875rem
}
.footer__teacher-img {
margin-bottom: 1.25rem
}
.footer__content {
font-size: .875rem
}
.footer__content p + p {
margin-top: .9375rem
}
.teacher__text {
font-size: 1rem
}
.footer-message {
gap: 1.25rem
}
.footer-message__content {
gap: .625rem
}
.footer-message__text {
font-size: .875rem
}
.hero {
padding-top: 6.875rem
}
.hero__title {
font-size: 1.875rem
}
.moments__title {
font-size: 2.5rem
}
.moments__title {
margin-bottom: 3.125rem
}
.moments__items {
gap: 1.25rem
}
.moment-item__title {
font-size: 1.125rem
}
.moment-item__text {
font-size: .875rem
}

}
@media (max-width:76.875em) {.moment-item__text {
margin-bottom: .625rem;
max-width: 50rem
}


}
@media (max-width:61.99875em) {.moment-item {
background-color: #4a45ae;
text-align: center;
align-items: center
}
.moment-item:nth-child(2) {
background-color: #62bee9
}
.moment-item:nth-child(3) {
background-color: #113800
}
.moment-item__img {
margin-bottom: 1.15rem
}

}
@media (max-width:47.99875em) {.footer__inner {
flex-wrap: wrap
}
.footer__teacher-img {
position: relative
}
.footer__teacher {
max-width: 70%;
margin: 0 auto 1.25rem
}
.footer__link {
max-width: 70%;
margin: 0 auto
}
.footer__img {
order: -1;
max-width: 100%;
margin: 0 auto

}
.arrow-footer {
display: none
}
.teacher__text {
min-width: 13.375rem;
top: 4.375rem
}
.footer-message > img {
display: none
}
.hero__dec {
display: none
}
.moment-item__img {
margin-bottom: .9375rem;
margin-top: -1.25rem;
margin-left: -.9375rem;
margin-right: -.9375rem
}
.moment-item__title br {
display: none
}
.moment-item__action {
max-width: 90%;
flex-wrap: wrap
}
._three .moment-item__link {
max-width: 10.25rem
}

}
@media (max-width:29.99875em) {.header__lang-link span {
display: none
}
.header__lang-link span._hidden {
display: block
}
.header__lang-link {
gap: .3125rem
}
.footer__teacher {
max-width: 100%
}
.footer__link {
max-width: 100%
}
.footer__img {
max-width: 100%
}
.teacher__text {
top: 6.25rem;
min-width: initial;
left: 54%;
padding: .8125rem .625rem;
font-size: .75rem
}
.footer-message {
text-align: center
}
.footer-message__content {
flex-wrap: wrap;
justify-content: center
}
.footer-message__text br {
display: none
}
.hero {
background: url(../img/hero-bg_m.webp) center center/cover no-repeat
}
.hero__title {
text-align: center;
margin: 0 auto
}
.hero__title-decor::before {
rotate: 34deg;
left: 5%;
top: 10%
}
.img-dec_04 {
display: none
}
.board__container {
text-align: center
}
.board__img {
display: none
}
.moments {
padding-top: 10rem;
margin-top: -8.75rem
}
.moment-item__text br {
display: none
}

}
@media (min-width:20em) and (max-width:76.875em) {@supports (padding-top:clamp(1.625rem ,1.4052197802rem + 1.0989010989vw ,2.25rem)) {.header {
padding-top: clamp(1.625rem ,1.4052197802rem + 1.0989010989vw ,2.25rem)
}

}
@supports not (padding-top:clamp(1.625rem ,1.4052197802rem + 1.0989010989vw ,2.25rem)) {.header {
padding-top: calc(1.625rem + .625 * (100vw - 20rem)/ 56.875)
}

}
@supports (flex-basis:clamp(10rem ,8.0879120879rem + 9.5604395604vw ,15.4375rem)) {.header__logo {
flex-basis: clamp(10rem ,8.0879120879rem + 9.5604395604vw ,15.4375rem)
}

}
@supports not (flex-basis:clamp(10rem ,8.0879120879rem + 9.5604395604vw ,15.4375rem)) {.header__logo {
flex-basis: calc(10rem + 5.4375 * (100vw - 20rem)/ 56.875)
}

}
@supports (margin-bottom:clamp(1.875rem ,0.9958791209rem + 4.3956043956vw ,4.375rem)) {.footer__inner {
margin-bottom: clamp(1.875rem ,.9958791209rem + 4.3956043956vw ,4.375rem)
}

}
@supports not (margin-bottom:clamp(1.875rem ,0.9958791209rem + 4.3956043956vw ,4.375rem)) {.footer__inner {
margin-bottom: calc(1.875rem + 2.5 * (100vw - 20rem)/ 56.875)
}

}
@supports (margin-bottom:clamp(1.25rem ,0.9862637363rem + 1.3186813187vw ,2rem)) {.footer__teacher-img {
margin-bottom: clamp(1.25rem ,.9862637363rem + 1.3186813187vw ,2rem)
}

}
@supports not (margin-bottom:clamp(1.25rem ,0.9862637363rem + 1.3186813187vw ,2rem)) {.footer__teacher-img {
margin-bottom: calc(1.25rem + .75 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(0.875rem ,0.7870879121rem + 0.4395604396vw ,1.125rem)) {.footer__content {
font-size: clamp(.875rem ,.7870879121rem + .4395604396vw ,1.125rem)
}

}
@supports not (font-size:clamp(0.875rem ,0.7870879121rem + 0.4395604396vw ,1.125rem)) {.footer__content {
font-size: calc(.875rem + .25 * (100vw - 20rem)/ 56.875)
}

}
@supports (margin-top:clamp(0.9375rem ,0.6078296703rem + 1.6483516484vw ,1.875rem)) {.footer__content p + p {
margin-top: clamp(.9375rem ,.6078296703rem + 1.6483516484vw ,1.875rem)
}

}
@supports not (margin-top:clamp(0.9375rem ,0.6078296703rem + 1.6483516484vw ,1.875rem)) {.footer__content p + p {
margin-top: calc(.9375rem + .9375 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(1rem ,0.956043956rem + 0.2197802198vw ,1.125rem)) {.teacher__text {
font-size: clamp(1rem ,.956043956rem + .2197802198vw ,1.125rem)
}

}
@supports not (font-size:clamp(1rem ,0.956043956rem + 0.2197802198vw ,1.125rem)) {.teacher__text {
font-size: calc(1rem + .125 * (100vw - 20rem)/ 56.875)
}

}
@supports (gap:clamp(1.25rem ,0.8104395604rem + 2.1978021978vw ,2.5rem)) {.footer-message {
gap: clamp(1.25rem ,.8104395604rem + 2.1978021978vw ,2.5rem)
}

}
@supports not (gap:clamp(1.25rem ,0.8104395604rem + 2.1978021978vw ,2.5rem)) {.footer-message {
gap: calc(1.25rem + 1.25 * (100vw - 20rem)/ 56.875)
}

}
@supports (gap:clamp(0.625rem ,0.4931318681rem + 0.6593406593vw ,1rem)) {.footer-message__content {
gap: clamp(.625rem ,.4931318681rem + .6593406593vw ,1rem)
}

}
@supports not (gap:clamp(0.625rem ,0.4931318681rem + 0.6593406593vw ,1rem)) {.footer-message__content {
gap: calc(.625rem + .375 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(0.875rem ,0.7870879121rem + 0.4395604396vw ,1.125rem)) {.footer-message__text {
font-size: clamp(.875rem ,.7870879121rem + .4395604396vw ,1.125rem)
}

}
@supports not (font-size:clamp(0.875rem ,0.7870879121rem + 0.4395604396vw ,1.125rem)) {.footer-message__text {
font-size: calc(.875rem + .25 * (100vw - 20rem)/ 56.875)
}

}
@supports (padding-top:clamp(6.875rem ,5.3365384615rem + 7.6923076923vw ,11.25rem)) {.hero {
padding-top: clamp(6.875rem ,5.3365384615rem + 7.6923076923vw ,11.25rem)
}

}
@supports not (padding-top:clamp(6.875rem ,5.3365384615rem + 7.6923076923vw ,11.25rem)) {.hero {
padding-top: calc(6.875rem + 4.375 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(1.875rem ,1.5673076923rem + 1.5384615385vw ,2.75rem)) {.hero__title {
font-size: clamp(1.875rem ,1.5673076923rem + 1.5384615385vw ,2.75rem)
}

}
@supports not (font-size:clamp(1.875rem ,1.5673076923rem + 1.5384615385vw ,2.75rem)) {.hero__title {
font-size: calc(1.875rem + .875 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(2.5rem ,1.9285714286rem + 2.8571428571vw ,4.125rem)) {.moments__title {
font-size: clamp(2.5rem ,1.9285714286rem + 2.8571428571vw ,4.125rem)
}

}
@supports not (font-size:clamp(2.5rem ,1.9285714286rem + 2.8571428571vw ,4.125rem)) {.moments__title {
font-size: calc(2.5rem + 1.625 * (100vw - 20rem)/ 56.875)
}

}
@supports (margin-bottom:clamp(3.125rem ,2.7733516484rem + 1.7582417582vw ,4.125rem)) {.moments__title {
margin-bottom: clamp(3.125rem ,2.7733516484rem + 1.7582417582vw ,4.125rem)
}

}
@supports not (margin-bottom:clamp(3.125rem ,2.7733516484rem + 1.7582417582vw ,4.125rem)) {.moments__title {
margin-bottom: calc(3.125rem + 1 * (100vw - 20rem)/ 56.875)
}

}
@supports (gap:clamp(1.25rem ,-0.5082417582rem + 8.7912087912vw ,6.25rem)) {.moments__items {
gap: clamp(1.25rem ,-.5082417582rem + 8.7912087912vw ,6.25rem)
}

}
@supports not (gap:clamp(1.25rem ,-0.5082417582rem + 8.7912087912vw ,6.25rem)) {.moments__items {
gap: calc(1.25rem + 5 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(1.125rem ,0.9931318681rem + 0.6593406593vw ,1.5rem)) {.moment-item__title {
font-size: clamp(1.125rem ,.9931318681rem + .6593406593vw ,1.5rem)
}

}
@supports not (font-size:clamp(1.125rem ,0.9931318681rem + 0.6593406593vw ,1.5rem)) {.moment-item__title {
font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 56.875)
}

}
@supports (font-size:clamp(0.875rem ,0.7431318681rem + 0.6593406593vw ,1.25rem)) {.moment-item__text {
font-size: clamp(.875rem ,.7431318681rem + .6593406593vw ,1.15rem)
}

}
@supports not (font-size:clamp(0.875rem ,0.7431318681rem + 0.6593406593vw ,1.25rem)) {.moment-item__text {
font-size: calc(.875rem + .375 * (100vw - 20rem)/ 56.875)
}

}

}
@media (min-width:20em) and (max-width:93.75em) {@supports (padding-top:clamp(12.5rem ,10.8050847458rem + 8.4745762712vw ,18.75rem)) {.footer {
padding-top: clamp(12.5rem ,20.8050847458rem + 8.4745762712vw ,18.75rem)
}

}
@supports not (padding-top:clamp(12.5rem ,10.8050847458rem + 8.4745762712vw ,18.75rem)) {.footer {
padding-top: calc(12.5rem + 6.25 * (100vw - 20rem)/ 73.75)
}

}

}
@media (min-width:29.99875em) and (max-width:47.99875em) {@supports (left:clamp(10.625rem ,-0.8328559028rem + 38.1944444444vw ,17.5rem)) {.teacher__text {
left: clamp(10.625rem ,-.8328559028rem + 38.1944444444vw ,17.5rem)
}

}
@supports not (left:clamp(10.625rem ,-0.8328559028rem + 38.1944444444vw ,17.5rem)) {.teacher__text {
left: calc(10.625rem + 6.875 * (100vw - 29.99875rem)/ 18)
}

}

}
@media (min-width:62em) and (max-width:75em) {@supports (padding-top:clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)) {.moment-item {
padding-top: clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)
}

}
@supports not (padding-top:clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)) {.moment-item {
padding-top: calc(1.25rem + 1 * (100vw - 62rem)/ 13)
}

}
@supports (padding-bottom:clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)) {.moment-item {
padding-bottom: clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)
}

}
@supports not (padding-bottom:clamp(1.25rem ,-3.5192307692rem + 7.6923076923vw ,2.25rem)) {.moment-item {
padding-bottom: calc(1.25rem + 1 * (100vw - 62rem)/ 13)
}

}
@supports (padding-left:clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)) {.moment-item {
padding-left: clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)
}

}
@supports not (padding-left:clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)) {.moment-item {
padding-left: calc(1.25rem + 1.5 * (100vw - 62rem)/ 13)
}

}
@supports (padding-right:clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)) {.moment-item {
padding-right: clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)
}

}
@supports not (padding-right:clamp(1.25rem ,-5.9038461538rem + 11.5384615385vw ,2.75rem)) {.moment-item {
padding-right: calc(1.25rem + 1.5 * (100vw - 62rem)/ 13)
}

}
@supports (gap:clamp(0.625rem ,-6.2307692308rem + 11.0576923077vw ,2.0625rem)) {.moment-item__action {
gap: clamp(.625rem ,-6.2307692308rem + 11.0576923077vw ,2.0625rem)
}

}
@supports not (gap:clamp(0.625rem ,-6.2307692308rem + 11.0576923077vw ,2.0625rem)) {.moment-item__action {
gap: calc(.625rem + 1.4375 * (100vw - 62rem)/ 13)
}

}
@supports (height:clamp(2.8125rem ,-6.7259615385rem + 15.3846153846vw ,4.8125rem)) {.moment-item__link img {
height: clamp(2.8125rem ,-6.7259615385rem + 15.3846153846vw ,4.8125rem)
}

}
@supports not (height:clamp(2.8125rem ,-6.7259615385rem + 15.3846153846vw ,4.8125rem)) {.moment-item__link img {
height: calc(2.8125rem + 2 * (100vw - 62rem)/ 13)
}

}

}
@media (min-width:48em) and (max-width:75em) {@supports (min-height:clamp(24.375rem ,-3.9583333333rem + 59.0277777778vw ,40.3125rem)) {.moment-item {
min-height: clamp(24.375rem ,-3.9583333333rem + 59.0277777778vw ,40.3125rem)
}

}
@supports not (min-height:clamp(24.375rem ,-3.9583333333rem + 59.0277777778vw ,40.3125rem)) {.moment-item {
min-height: calc(24.375rem + 15.9375 * (100vw - 48rem)/ 27)
}

}
@supports (max-width:clamp(18.75rem ,-3.4722222222rem + 46.2962962963vw ,31.25rem)) {.moment-item__action {
max-width: clamp(18.75rem ,-3.4722222222rem + 46.2962962963vw ,31.25rem)
}

}
@supports not (max-width:clamp(18.75rem ,-3.4722222222rem + 46.2962962963vw ,31.25rem)) {.moment-item__action {
max-width: calc(18.75rem + 12.5 * (100vw - 48rem)/ 27)
}

}

}
@media (any-hover:hover) {.header__lang-link:hover {
opacity: 1
}

}
@media print,(prefers-reduced-motion:reduce) {.animate__animated {
-webkit-animation-duration: 1ms!important;
animation-duration: 1ms!important;
transition-duration: 1ms!important;
-webkit-animation-iteration-count: 1!important;
animation-iteration-count: 1!important
}
.animate__animated[class*=Out] {
opacity: 0
}

}

@media(min-width:900px) {
.moment-item__img img {
height: 100%
}
}