@charset "UTF-8";
/* Default styles */
html {
    font-size: 15px;
}

body {
    margin: 0;
    background-color: #5252ca;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
}

header {
    color: #fff;
    background-color: #5252ca;
    margin-top: .5rem;
}
.mobileDev {
    color: #fff;
    font-size: 12px;
}
.mobileDev:hover {
    color: #fbc633;
    text-decoration: none;
}
.linkform {
    color: #fbc633;
    font-size: 24px;
}
.linkform:hover {
    color: rgb(235, 221, 221);
    text-decoration: none;
}
.frameblock {
    margin: 0 auto;
    max-width: 600px;
    height: 640px;
    overflow: hidden;
}
.iframe_zakaz {
    overflow: hidden;
}
.page {
    background-color: #5252ca;
    display: flex;
    flex-direction: column;
}

.logo {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.logo:hover {
    cursor: pointer;
}



@media screen and (max-width: 992px) {
    .logo .logo__img {
        display: inline;
        text-align: ;

    }
}


@media screen and (max-width: 720px) {
    .logo .logo__img {
        display: inline;
        text-align: center;
margin: 0.8rem;

    }
}


.logo__img {
    width: 100%;
}

.logo__img {
    display: none;
}


.info {
    display: flex;
    align-items: center;
}

.info__txt {
    font-size: 0.8rem;
    width: 300px;
    text-align: right;
    margin-right: 2.5rem;
}

.info__txt--yellow {
    font-size: 1rem;
    font-weight: 500;
}

.info__num {
    display: flex;
    align-items: center;
    display: flex;
    margin-right: 1.5rem;
    font-size: 2rem;
}

.info__tel {
    font-size: 2.5rem;
    font-weight: 500;
    margin-left: .5rem;
    color: #fbc633;
}



.info__descr {
    display: flex;
    align-items: center;
    line-height: 1.1;
    padding: 0 .2rem;
    text-align: center;
}

.application {
    
display: flex;
margin-top: -50px;
margin-left: -30px;

}

.application .mobile {
    font-size: 2rem;
    margin-right: .5rem;
    color: #fbc633;
}

.application .mobile:hover {
    transition: color .2s linear;
    color: #c49104;
}

@media screen and (max-width: 720px) {
    .application {
        margin: 0 auto;
 
display: flex;
    align-items: center;

    }
}

@media screen and (max-width: 929px) {
    .application {
        margin: 0 auto;
 
display: flex;
    align-items: center;

    }
}


.application__play {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: .5rem;
    font-size: .8rem;
    text-align: center;
}

.application__store {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .8rem;
    text-align: center;
}

.center {
    margin-top: 2rem;
    color: #fff;
}

.bannertext {
    text-align: center;
    padding: 5rem 2rem 0 2rem;
    width: 450px;
    margin: 0 auto;
}

.bannertext__title {
    font-size: 2.6rem;
    line-height: 1;
    text-transform: uppercase;
    color: #fbc633;
    font-weight: 500;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .bannertext__title {
        font-size: 2.2rem;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .bannertext__title {
        font-size: 1.6rem;
        margin: 0 auto;
    }
}

.bannertext__subtitle {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .bannertext__subtitle {
        font-size: 1.3rem;
        margin-top: 1rem;
    }
}

.bannertext__description {
    font-size: .9rem;
}

.content {
    flex: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zakaz {
    padding: 1rem 0;
    margin: 0 auto 1rem;
    background-color: #642baf;
    width: 600px;
}

@media screen and (max-width: 768px) {
    .zakaz {
        max-width: 500px;
    }
}

@media screen and (max-width: 530px) {
    .zakaz {
        width: 100%;
    }
}

.footer {
    padding: 1rem;
    background-color: #5252ca;
}

.phonefooter {
    color: #fff;
    display: flex;
}

@media screen and (max-width: 992px) {
    .phonefooter {
        justify-content: center;
    }
}

.icon {
    font-size: 1.8em;
    color: #fbc633;
}

.icon__big {
    font-size: 4rem;
    color: #fbc633;
}

.icon__right {
    font-size: 1.8em;
    color: #fbc633;
    margin-right: 1px;
    display: none;
}

.icon__plus {
    font-size: 1.8em;
    color: #fbc633;
    margin-right: 5px;
}

.number {
    padding-left: 1.2rem;
}

.number__item {
    list-style-type: none;
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 500;
}
.number__item a {
    color: #fff;
}
.number__item a:hover {
    color: #fbc633;
    text-decoration: none;
}

.textfooter {
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 1rem;
}

.textfooter--yellow {
    color: #fbc633;
}

@media screen and (max-width: 992px) {
    .textfooter {
        padding: 0;
    }
}

@media screen and (max-width: 576px) {
    .textfooter {
        margin: 1rem;
    }
}

.dispetcher {
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

@media screen and (max-width: 992px) {
    .dispetcher {
        justify-content: center;
    }
}

.dispetcher__img {
    max-width: 60px;
    margin-right: 1rem;
}

.dispetcher__title {
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    .dispetcher__title {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 576px) {
    .dispetcher__title {
        font-size: .9rem;
    }
}

.dispetcher__descr {
    color: #fbc633;
    font-size: 1.4rem;
    font-weight: 500;
}

.dispetcher__descr a {
    color: #fbc633;
}

.dispetcher__descr a:hover {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 576px) {
    .dispetcher__descr {
        font-size: 1.2rem;
    }
}

.services {
    text-align: center;
    max-width: 800px;
    margin: 3rem auto 1rem;
}

@media screen and (max-width: 768px) {
    .services {
        width: 450px;
        margin: 6rem auto;
    }
}

@media screen and (max-width: 576px) {
    .services {
        width: 300px;
    }
}

.services__title {
    width: auto;
    font-size: 2.4rem;
    color: #fbc633;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .services__title {
        display: no;
    }
}

.services__txt {
    font-size: 1.3rem;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .services__txt {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 768px) {
    .services__txt {
        font-size: .8rem;
        margin-top: 1rem;
    }
}

.blockservice {
    max-width: 300px;
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .blockservice {
        width: 350px;
        margin: 2rem auto;
 display: yes;
    }
}

@media screen and (max-width: 576px) {
    .blockservice {
        max-width: 250px;
        margin: 2rem auto;
        display: yes;
    }
}

.blockservice__img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.blockservice__title {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: .5rem;
    color: #fbc633;
}

.blockservice__descr {
    font-size: 1rem;
}

@media screen and (max-width: 992px) {
    .blockservice__descr {
        max-width: 350px;
        margin: 2rem auto;
    }
}

.driver {
    margin: 4rem 0;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .driver {
        margin: 1rem 0 3rem 0;
    }
}

.driver__title {
    font-size: 2rem;
    color: #fbc633;
    text-transform: uppercase;
}

@media screen and (max-width: 576px) {
    .driver__title {
        font-size: 1.6rem;
    }
}

.button {
    margin-top: 1rem;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: .5em 2em;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #FDBE33 #000 #D77206;
    border-radius: 6px;
    background: linear-gradient(#F3AE0F, #E38916) #E38916;
    transition: 0.2s;
    text-transform: uppercase;
}

.button:hover {
    background: linear-gradient(#f5ae00, #f59500) #f5ae00;
}

.button__sm {
    padding: .3rem 1.5rem;
    margin-left: 2rem;
    margin-top: 0;
}

.button__modal {
    margin: 30px 0px;
}

.avto {
    width: 445px;
}
@media screen and (max-width: 720px) {
    .avto {
        display: yes;
width: 300px;

    }
}


@media screen and (max-width: 992px) {
    .avto {
        display: yes;
    }
}

.online {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 1rem;
    border-bottom: 2px solid #fbc633;
}

.online__title {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    width: 200px;
    margin-left: 1rem;
}

.from {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 0 1rem;
}

.from__block {
    display: flex;
    margin-right: 10px;
}

.from__block--one {
    display: flex;
    flex: 1;
    margin-right: 5px;
}

.from__adress {
    display: flex;
    flex: 1;
    width: 100%;
    margin-left: 5px;
}

.from__adress::-webkit-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.from__adress::-moz-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.from__adress:-ms-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.from__adress::-ms-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.from__adress::placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.fromblock {
    display: flex;
}

.fromblock__adress {
    width: 50px;
}

.fromblock__adress::-webkit-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.fromblock__adress::-moz-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.fromblock__adress:-ms-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.fromblock__adress::-ms-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.fromblock__adress::placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.fromblock__porch {
    width: 50px;
    margin-right: 16px;
}

.fromblock__porch::-webkit-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.fromblock__porch::-moz-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.fromblock__porch:-ms-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.fromblock__porch::-ms-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.fromblock__porch::placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.fromcomments {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 0 1rem;
}

.fromcomments__driver {
    display: flex;
    flex: 1;
    margin-right: 5px;
}

.fromcomments__driver::before {
    content: '';
    width: 27px;
    height: 27px;
}

.to {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 0 1rem;
}

.to__block {
    display: flex;
    flex: 1;
    margin-right: 5px;
}

.to__adress {
    width: 100%;
    margin-left: 5px;
}

.to__adress::-webkit-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.to__adress::-moz-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.to__adress:-ms-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.to__adress::-ms-input-placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.to__adress::placeholder {
    color: #ababab;
    font-size: .9rem;
    padding: 2px;
}

.to__house {
    width: 55px;
    margin-right: 5px;
}

.to__house::-webkit-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.to__house::-moz-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.to__house:-ms-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.to__house::-ms-input-placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

.to__house::placeholder {
    color: #ababab;
    padding: 3px;
    font-size: .9rem;
}

@media screen and (max-width: 420px) {
    .to__house {
        width: 35px;
    }
}

.addto {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 10px 10px 15px;
}

.addto__services {
    display: flex;
    margin-right: 10px;
    align-items: center;
}

.addto__time {
    display: flex;
    margin-right: 10px;
    align-items: center;
}

.addto__txt {
    margin-left: 1.2rem;
    text-transform: uppercase;
    font-size: .9rem;
}

@media screen and (max-width: 430px) {
    .addto__txt {
        font-size: .6rem;
    }
}

.addto__descr {
    margin-right: .6rem;
    text-transform: uppercase;
    font-size: .9rem;
    text-align: right;
}

@media screen and (max-width: 430px) {
    .addto__descr {
        font-size: .6rem;
    }
}

.time {
    margin: 0px 0 10px 47px;
}

.additional__block {
    margin: .1rem 3rem;
    display: flex;
}

.additional__txt {
    margin-right: .5rem;
    text-transform: uppercase;
}

/* Small checkbox */
.switch__small {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    margin-top: .1rem;
}

.switch__small input {
    display: none;
}

.switch__check {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.switch__check:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    top: 2px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    transition: .4s;
}

input:checked + .switch__check {
    background-color: #eb9c14;
}

input:focus + .switch__check {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch__check:before {
    transform: translateX(13px);
}

/* Rounded checkbox */
.switch__check.round {
    border-radius: 34px;
}

.switch__check.round:before {
    border-radius: 50%;
}

.cars {
    display: flex;
    justify-content: center;
    background-color: #ababab;
}

.cars__block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5rem .6rem .5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .cars__block {
        padding: .5rem .3rem .5rem;
    }
}

@media screen and (max-width: 430px) {
    .cars__block {
        padding: .5rem .6rem .5rem;
    }
}

@media screen and (max-width: 380px) {
    .cars__block {
        padding: .5rem .2rem .5rem;
    }
}

.cars__wrap {
    margin-right: .3rem;
}

.cars__wrap:hover {
    background-color: #13b313;
}

.cars__img {
    max-width: 120px;
    padding: .1rem;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .cars__img {
        width: 75px;
    }
}

@media screen and (max-width: 430px) {
    .cars__img {
        width: 50px;
    }
}

.cars__txt {
    font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
    .cars__txt {
        font-size: 1rem;
    }
}

@media screen and (max-width: 430px) {
    .cars__txt {
        font-size: .8rem;
    }
}

@media screen and (max-width: 380px) {
    .cars__txt {
        font-size: .7rem;
    }
}

.cars__coast {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
}

@media screen and (max-width: 430px) {
    .cars__coast {
        font-size: 1.5rem;
    }
}

.cars__active {
    background-color: #13b313;
}

.addsum {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addsum__title {
    text-transform: uppercase;
    font-size: .9rem;
    margin: 0 1rem 0 .5rem;
}

.addsum__number {
    margin: 0 .3rem;
    width: 4rem;
    padding: 1px 5px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 500;
    color: black;
}

.buttonzakaz {
    display: flex;

    justify-content: center;
}

.blockhide__block {
    display: flex;
}

.blockhide__adress {
    width: 55px;
    margin-right: 5px;
}

@media screen and (max-width: 420px) {
    .blockhide__adress {
        width: 35px;
    }
}

.blockhide__porch {
    width: 55px;
    margin-right: 5px;
}

.blockhide__porch::-webkit-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.blockhide__porch::-moz-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.blockhide__porch:-ms-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.blockhide__porch::-ms-input-placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

.blockhide__porch::placeholder {
    color: #ababab;
    padding: .1rem;
    font-size: .9rem;
}

@media screen and (max-width: 420px) {
    .blockhide__porch {
        width: 35px;
    }
}

.selectcity {
    margin-left: 2rem;
    width: 200px;
}

.selectcity__title {
    color: #000;
    padding: 5px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: #fbc633;
} 

/* Modal Window */
.modalhide {
    display: none;
}
.modaldriver {
    padding-top: 100px;
    background-color: #5252ca;
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0px;
    position: fixed;
    text-align: center;
}

.modaldriver__wrapper {
    display: block;
    margin: 0px auto 0 auto;
    width: 400px;
    height: 450px;
    background-color: #ababab;
    font-size: 17px;
    color: #5252ca;
    position: relative;
    font-weight: 500;
    padding: 10px;
    line-height: 1;
    z-index: 9998;
}

@media screen and (max-width: 500px) {
    .modaldriver__wrapper {
        width: 300px;
        top: 60%;
        left: 50%;
        margin-top: -225px;
        margin-left: -150px;
    }
}

.toblock {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 0 1rem;
}

.phone {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    padding: 0 1rem;
}

.phone__block {
    display: flex;
    margin: 20px 5px 0 0;
    width: 190px;
}

.tohide {
    display: none;
}

.textmodal__title {
    font-size: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    color: #fbc633;
}

.textmodal__close {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 28px;
    display: block;
    width: 28px;
    height: 28px;
    background-color: #fbc633;
    color: #5252ca;
    border-radius: 50%;
}

.textmodal__descr {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 10px;
}

.modalform {
    width: 350px;
    margin-left: 15px;
    text-align: left;
}

@media screen and (max-width: 500px) {
    .modalform {
        width: 250px;
    }
}

.modalform__input {
    color: #5252ca;
    padding: 5px;
    width: 350px;
    margin: 2px 0;
}

.modalform__input:nth-child(2) {
    margin-bottom: 25px;
}

@media screen and (max-width: 500px) {
    .modalform__input {
        width: 250px;
    }
}

.modalform__label::after {
    content: "Обзор";
    width: 70px;
    height: 25px;
    line-height: 21px;
    background-color: #5252ca;
    color: #fbc633;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: .9rem;
    text-align: center;
}

.modalform__label {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .modalform__label {
        width: 250px;
    }
}

.modalform__file {
    display: none;
}

.modalshort {
    width: 100px;
}

.modalform__btn {
    width: 250px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.modalform__choose {
    line-height: 25px;
    font-size: 1.2rem;
}

/*Call button animated*/
.callback-bt {
    background: #fbc633;
    border: 2px solid #fbc633;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3);
    cursor: pointer;
    height: 68px;
    text-align: center;
    width: 68px;
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 999;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
}

.callback-bt .text-call {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color: #5252ca;
    opacity: 0;
    font-size: 0;
    position: absolute;
    right: 12px;
    top: 27px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
    font-size: 11px;
}

.callback-bt:hover i {
    display: none;
}

.callback-bt:hover {
    z-index: 1;
    background: #fff;
    color: transparent;
    transition: .3s;
}

.callback-bt:hover i {
    color: #fbc633;
    font-size: 40px;
    transition: .3s;
}

.callback-bt i {
    color: #fff;
    font-size: 34px;
    transition: .3s;
    line-height: 66px;
    transition: .5s ease-in-out;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 0 rgba(250, 199, 51, 0.2), 0 0 0 0 rgba(250, 199, 51, 0.1);
    }

    40% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 15px rgba(250, 199, 51, 0.2), 0 0 0 0 rgba(250, 199, 51, 0.1);
    }

    80% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 30px rgba(250, 199, 51, 0.2), 0 0 0 26.7px rgba(250, 199, 51, 0.1);
    }

    100% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 30px rgba(250, 199, 51, 0.2), 0 0 0 40px rgba(250, 199, 51, 0.1);
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 0 rgba(250, 199, 51, 0.2), 0 0 0 0 rgba(250, 199, 51, 0.1);
    }

    40% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 15px rgba(250, 199, 51, 0.2), 0 0 0 0 rgba(250, 199, 51, 0.1);
    }

    80% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 30px rgba(250, 199, 51, 0.2), 0 0 0 26.7px rgba(250, 199, 51, 0.1);
    }

    100% {
        box-shadow: 0 8px 10px rgba(250, 199, 51, 0.3), 0 0 0 30px rgba(250, 199, 51, 0.2), 0 0 0 40px rgba(250, 199, 51, 0.1);
    }
}

/* animations icon */
@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

.vivify {
    -webkit-animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-duration: .8s;
    animation-fill-mode: both;
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.pulsate {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
    transform-origin: center;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0.8, 0.8, 0.8);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulsate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0.8, 0.8, 0.8);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        transform: scale3d(1, 1, 1);
    }
}

.blink {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hitLeft {
    -webkit-animation-name: hitLeft;
    animation-name: hitLeft;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes hitLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translateX(20px) rotate(4deg);
    }
}

@keyframes hitLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translateX(20px) rotate(4deg);
    }
}

.hitRight {
    -webkit-animation-name: hitRight;
    animation-name: hitRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes hitRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translateX(-20px) rotate(-4deg);
    }
}

@keyframes hitRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translateX(-20px) rotate(-4deg);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

@keyframes shake {
    10% {
        transform: translateX(-10px);
    }

    20% {
        transform: translateX(10px);
    }

    30% {
        transform: translateX(-10px);
    }

    40% {
        transform: translateX(10px);
    }

    50% {
        transform: translateX(-10px);
    }

    60% {
        transform: translateX(10px);
    }

    70% {
        transform: translateX(-10px);
    }

    80% {
        transform: translateX(10px);
    }

    90% {
        transform: translateX(-10px);
    }
}

.ball {
    -webkit-animation-name: ball;
    animation-name: ball;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.ball_l {
    -webkit-animation-name: ball;
    animation-name: ball;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}



@-webkit-keyframes ball {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform: translate3d(0, 0, 0);
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -100px, 0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -30px, 0);
    }

    75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }

    85% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -15px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes ball {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform: translate3d(0, 0, 0);
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -100px, 0);
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -30px, 0);
    }

    75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }

    85% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        transform: translate3d(0, -15px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0);
    }
}

.pullUp {
    -webkit-animation-name: pullUp;
    animation-name: pullUp;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes pullUp {
    0% {
        transform: scale3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(1, 0, 1);
        transform-origin: center bottom;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pullUp {
    0% {
        transform: scale3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(1, 0, 1);
        transform-origin: center bottom;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

.pullDown {
    -webkit-animation-name: pullDown;
    animation-name: pullDown;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes pullDown {
    0% {
        transform: scale3d(0, 0, 0);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(1, 0, 1);
        transform-origin: center top;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pullDown {
    0% {
        transform: scale3d(0, 0, 0);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(1, 0, 1);
        transform-origin: center top;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

.pullLeft {
    -webkit-animation-name: pullLeft;
    animation-name: pullLeft;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes pullLeft {
    0% {
        transform: scale3d(0, 1, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(0, 1, 1);
        transform-origin: center left;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pullLeft {
    0% {
        transform: scale3d(0, 1, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(0, 1, 1);
        transform-origin: center left;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

.pullRight {
    -webkit-animation-name: pullRight;
    animation-name: pullRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes pullRight {
    0% {
        transform: scale3d(0, 1, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(0, 1, 1);
        transform-origin: center right;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pullRight {
    0% {
        transform: scale3d(0, 1, 1);
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scale3d(0, 1, 1);
        transform-origin: center right;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: scale3d(1, 1, 1);
    }
}

.jumpInLeft {
    -webkit-animation-name: jumpInLeft;
    animation-name: jumpInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes jumpInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    }

    70% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    }

    90% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }
}

@keyframes jumpInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    }

    70% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    }

    90% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }
}

.jumpInRight {
    -webkit-animation-name: jumpInRight;
    animation-name: jumpInRight;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes jumpInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    }

    70% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    }

    90% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }
}

@keyframes jumpInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    }

    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    }

    70% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    }

    90% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }
}

.jumpOutRight {
    -webkit-animation-name: jumpOutRight;
    animation-name: jumpOutRight;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes jumpOutRight {
    0% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }

    30% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    }

    70% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    }
}

@keyframes jumpOutRight {
    0% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }

    30% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
    }

    70% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
    }
}

.jumpOutLeft {
    -webkit-animation-name: jumpOutLeft;
    animation-name: jumpOutLeft;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes jumpOutLeft {
    0% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }

    30% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    }

    70% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    }
}

@keyframes jumpOutLeft {
    0% {
        transform: scale3d(1, 1, 1) rotate(0deg);
    }

    30% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    }

    70% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    }
}

.rollInLeft {
    -webkit-animation-name: rollInLeft;
    animation-name: rollInLeft;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(-400px) rotate(445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateX(20px) rotate(20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes rollInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(-400px) rotate(445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateX(20px) rotate(20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }
}

.rollInRight {
    -webkit-animation-name: rollInRight;
    animation-name: rollInRight;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateX(-20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes rollInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateX(-20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }
}

.rollInTop {
    -webkit-animation-name: rollInTop;
    animation-name: rollInTop;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollInTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(-400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateY(20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes rollInTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(-400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateY(20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }
}

.rollInBottom {
    -webkit-animation-name: rollInBottom;
    animation-name: rollInBottom;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollInBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateY(-20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes rollInBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(400px) rotate(-445deg);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    50% {
        transform: translateY(-20px) rotate(-20deg);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }
}

.rollOutLeft {
    -webkit-animation-name: rollOutLeft;
    animation-name: rollOutLeft;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollOutLeft {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateX(20px) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(-400px) rotate(-445deg);
    }
}

@keyframes rollOutLeft {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateX(20px) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(-400px) rotate(-445deg);
    }
}

.rollOutRight {
    -webkit-animation-name: rollOutRight;
    animation-name: rollOutRight;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollOutRight {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateX(-20px) rotate(20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(400px) rotate(445deg);
    }
}

@keyframes rollOutRight {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateX(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateX(-20px) rotate(20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateX(400px) rotate(445deg);
    }
}

.rollOutTop {
    -webkit-animation-name: rollOutTop;
    animation-name: rollOutTop;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollOutTop {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateY(20px) rotate(20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(-400px) rotate(445deg);
    }
}

@keyframes rollOutTop {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateY(20px) rotate(20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(-400px) rotate(445deg);
    }
}

.rollOutBottom {
    -webkit-animation-name: rollOutBottom;
    animation-name: rollOutBottom;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@-webkit-keyframes rollOutBottom {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateY(-20px) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(400px) rotate(-445deg);
    }
}

@keyframes rollOutBottom {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: translateY(0) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform: translateY(-20px) rotate(-20deg);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translateY(400px) rotate(-445deg);
    }
}

.popIn {
    -webkit-animation-name: popIn;
    animation-name: popIn;
}

@-webkit-keyframes popIn {
    0% {
        transform: scale3d(0, 0, 0);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes popIn {
    0% {
        transform: scale3d(0, 0, 0);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

.popInLeft {
    -webkit-animation-name: popInLeft;
    animation-name: popInLeft;
}

@-webkit-keyframes popInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    }

    40% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes popInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    }

    40% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

.popInRight {
    -webkit-animation-name: popInRight;
    animation-name: popInRight;
}

@-webkit-keyframes popInRight {
    0% {
        transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes popInRight {
    0% {
        transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }
}

.popInTop {
    -webkit-animation-name: popInTop;
    animation-name: popInTop;
}

@-webkit-keyframes popInTop {
    0% {
        transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@keyframes popInTop {
    0% {
        transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

.popInBottom {
    -webkit-animation-name: popInBottom;
    animation-name: popInBottom;
}

@-webkit-keyframes popInBottom {
    0% {
        transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@keyframes popInBottom {
    0% {
        transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
        opacity: 0;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

.popOut {
    -webkit-animation-name: popOut;
    animation-name: popOut;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes popOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes popOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08);
    }

    80% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.popOutLeft {
    -webkit-animation-name: popOutLeft;
    animation-name: popOutLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes popOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: left center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
    }
}

@keyframes popOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: left center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
    }
}

.popOutRight {
    -webkit-animation-name: popOutRight;
    animation-name: popOutRight;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes popOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: right center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
    }
}

@keyframes popOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: right center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
    }
}

.popOutTop {
    -webkit-animation-name: popOutTop;
    animation-name: popOutTop;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes popOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: top center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
    }
}

@keyframes popOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: top center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
    }
}

.popOutBottom {
    -webkit-animation-name: popOutBottom;
    animation-name: popOutBottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes popOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: bottom center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
    }
}

@keyframes popOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
        transform-origin: bottom center;
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
    }
}

.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flip {
    from {
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    50% {
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    to {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    }
}

@keyframes flip {
    from {
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    50% {
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    to {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes flipInX {
    from {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    }

    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
    }

    to {
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    }

    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
    }

    to {
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes flipInY {
    from {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    }

    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    }

    to {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    }
}

@keyframes flipInY {
    from {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    }

    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    }

    to {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
}

@-webkit-keyframes flipOutX {
    from {
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    }
}

@keyframes flipOutX {
    from {
        transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
    }
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes flipOutY {
    from {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    }
}

@keyframes flipOutY {
    from {
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeInRight {
    0% {
        transform: translate3d(400px, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        transform: translate3d(400px, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeInLeft {
    0% {
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeInTop {
    0% {
        transform: translate3d(0, -400px, 0);
        opacity: 0;
    }

    50% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInTop {
    0% {
        transform: translate3d(0, -400px, 0);
        opacity: 0;
    }

    50% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeInBottom {
    0% {
        transform: translate3d(0, 400px, 0);
        opacity: 0;
    }

    50% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translate3d(0, 400px, 0);
        opacity: 0;
    }

    50% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

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

    100% {
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(-400px, 0, 0);
        opacity: 0;
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

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

    100% {
        transform: translate3d(400px, 0, 0);
        opacity: 0;
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(400px, 0, 0);
        opacity: 0;
    }
}

.fadeOutTop {
    -webkit-animation-name: fadeOutTop;
    animation-name: fadeOutTop;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeOutTop {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    40% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, -300px, 0);
        opacity: 0;
    }
}

@keyframes fadeOutTop {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    40% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, -300px, 0);
        opacity: 0;
    }
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes fadeOutBottom {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    40% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 300px, 0);
        opacity: 0;
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    40% {
        opacity: .2;
    }

    100% {
        transform: translate3d(0, 300px, 0);
        opacity: 0;
    }
}

.driveInLeft {
    -webkit-animation-name: driveInLeft;
    animation-name: driveInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveInLeft {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(-400px, 0, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(30px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes driveInLeft {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(-400px, 0, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(30px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

.driveInRight {
    -webkit-animation-name: driveInRight;
    animation-name: driveInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveInRight {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(400px, 0, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(-30px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes driveInRight {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(400px, 0, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(-30px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

.driveInTop {
    -webkit-animation-name: driveInTop;
    animation-name: driveInTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveInTop {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, -400px, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes driveInTop {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, -400px, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

.driveInBottom {
    -webkit-animation-name: driveInBottom;
    animation-name: driveInBottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveInBottom {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 300px, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, -30px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes driveInBottom {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 300px, 0);
    }

    30% {
        opacity: 1;
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, -30px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
}

.driveOutLeft {
    -webkit-animation-name: driveOutLeft;
    animation-name: driveOutLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(30px, 0, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(-400px, 0, 0);
    }
}

@keyframes driveOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(30px, 0, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(-400px, 0, 0);
    }
}

.driveOutRight {
    -webkit-animation-name: driveOutRight;
    animation-name: driveOutRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(-30px, 0, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(400px, 0, 0);
    }
}

@keyframes driveOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(-30px, 0, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(400px, 0, 0);
    }
}

.driveOutTop {
    -webkit-animation-name: driveOutTop;
    animation-name: driveOutTop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, 30px, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, -400px, 0);
    }
}

@keyframes driveOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, 30px, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, -400px, 0);
    }
}

.driveOutBottom {
    -webkit-animation-name: driveOutBottom;
    animation-name: driveOutBottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes driveOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, -30px, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 300px, 0);
    }
}

@keyframes driveOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transform: translate3d(0, -30px, 0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: translate3d(0, 300px, 0);
    }
}

.spin {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

@-webkit-keyframes spin {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: rotateZ(0deg);
        transform-origin: center center;
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: rotateZ(-20deg);
        transform-origin: center center;
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: rotateZ(380deg);
        transform-origin: center center;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: rotateZ(360deg);
        transform-origin: center center;
    }
}

@keyframes spin {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: rotateZ(0deg);
        transform-origin: center center;
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: rotateZ(-20deg);
        transform-origin: center center;
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: rotateZ(380deg);
        transform-origin: center center;
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: rotateZ(360deg);
        transform-origin: center center;
    }
}

.spinIn {
    -webkit-animation-name: spinIn;
    animation-name: spinIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes spinIn {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: rotateZ(0deg) scale3d(0, 0, 0);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    70% {
        transform: rotateZ(380deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    100% {
        transform: rotateZ(360deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }
}

@keyframes spinIn {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: rotateZ(0deg) scale3d(0, 0, 0);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    70% {
        transform: rotateZ(380deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    100% {
        transform: rotateZ(360deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }
}

.spinOut {
    -webkit-animation-name: spinOut;
    animation-name: spinOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes spinOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: rotateZ(0deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    20% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: rotateZ(-20deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: rotateZ(360deg) scale3d(0, 0, 0);
        transform-origin: center center;
    }
}

@keyframes spinOut {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transform: rotateZ(0deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    20% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: rotateZ(-20deg) scale3d(1, 1, 1);
        transform-origin: center center;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        transform: rotateZ(360deg) scale3d(0, 0, 0);
        transform-origin: center center;
    }
}

.swoopInLeft {
    -webkit-animation-name: swoopInLeft;
    animation-name: swoopInLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopInLeft {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(-400px, 0, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleX(1) translate3d(20px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }
}

@keyframes swoopInLeft {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(-400px, 0, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleX(1) translate3d(20px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }
}

.swoopInRight {
    -webkit-animation-name: swoopInRight;
    animation-name: swoopInRight;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopInRight {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(400px, 0, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleX(1) translate3d(-20px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }
}

@keyframes swoopInRight {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(400px, 0, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleX(1) translate3d(-20px, 0, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }
}

.swoopInTop {
    -webkit-animation-name: swoopInTop;
    animation-name: swoopInTop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopInTop {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, -400px, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleY(1) translate3d(0, 20px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }
}

@keyframes swoopInTop {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, -400px, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleY(1) translate3d(0, 20px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }
}

.swoopInBottom {
    -webkit-animation-name: swoopInBottom;
    animation-name: swoopInBottom;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopInBottom {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, 250px, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleY(1) translate3d(0, -20px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }
}

@keyframes swoopInBottom {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, 250px, 0);
    }

    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    65% {
        transform: scaleY(1) translate3d(0, -20px, 0);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }
}

.swoopOutLeft {
    -webkit-animation-name: swoopOutLeft;
    animation-name: swoopOutLeft;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleX(1) translate3d(20px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(-400px, 0, 0);
    }
}

@keyframes swoopOutLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleX(1) translate3d(20px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(-400px, 0, 0);
    }
}

.swoopOutRight {
    -webkit-animation-name: swoopOutRight;
    animation-name: swoopOutRight;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleX(1) translate3d(-20px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(400px, 0, 0);
    }
}

@keyframes swoopOutRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleX(1) translate3d(-20px, 0, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleX(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1.5) translate3d(400px, 0, 0);
    }
}

.swoopOutTop {
    -webkit-animation-name: swoopOutTop;
    animation-name: swoopOutTop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleY(1) translate3d(0, 20px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, -400px, 0);
    }
}

@keyframes swoopOutTop {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleY(1) translate3d(0, 20px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, -400px, 0);
    }
}

.swoopOutBottom {
    -webkit-animation-name: swoopOutBottom;
    animation-name: swoopOutBottom;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

@-webkit-keyframes swoopOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleY(1) translate3d(0, -20px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, 200px, 0);
    }
}

@keyframes swoopOutBottom {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1) translate3d(0, 0, 0);
    }

    40% {
        opacity: 1;
        transform: scaleY(1) translate3d(0, -20px, 0);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        transform: scaleY(1.2) translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleY(1.5) translate3d(0, 200px, 0);
    }
}

.fold {
    -webkit-animation-name: fold;
    animation-name: fold;
}

@-webkit-keyframes fold {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(1, 0.4, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 0.4, 1);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: scale3d(0.2, 0.2, 0.2);
    }
}

@keyframes fold {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(1, 0.4, 1);
    }

    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 0.4, 1);
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: scale3d(0.2, 0.2, 0.2);
    }
}

.unfold {
    -webkit-animation-name: unfold;
    animation-name: unfold;
}

@-webkit-keyframes unfold {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(0, 0, 0);
    }

    30% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 0.4, 1);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 1, 1);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes unfold {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transform: scale3d(0, 0, 0);
    }

    30% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 0.4, 1);
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: scale3d(0.4, 1, 1);
    }

    100% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: scale3d(1, 1, 1);
    }
}

.delay-100 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.delay-150 {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}

.duration-100 {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
}

.duration-150 {
    -webkit-animation-duration: 150ms;
    animation-duration: 150ms;
}

.delay-200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.delay-250 {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

.duration-200 {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

.duration-250 {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
}

.delay-300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.delay-350 {
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms;
}

.duration-300 {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.duration-350 {
    -webkit-animation-duration: 350ms;
    animation-duration: 350ms;
}

.delay-400 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.delay-450 {
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms;
}

.duration-400 {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.duration-450 {
    -webkit-animation-duration: 450ms;
    animation-duration: 450ms;
}

.delay-500 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.delay-550 {
    -webkit-animation-delay: 550ms;
    animation-delay: 550ms;
}

.duration-500 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.duration-550 {
    -webkit-animation-duration: 550ms;
    animation-duration: 550ms;
}

.delay-600 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.delay-650 {
    -webkit-animation-delay: 650ms;
    animation-delay: 650ms;
}

.duration-600 {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
}

.duration-650 {
    -webkit-animation-duration: 650ms;
    animation-duration: 650ms;
}

.delay-700 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.delay-750 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
}

.duration-700 {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
}

.duration-750 {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
}

.delay-800 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.delay-850 {
    -webkit-animation-delay: 850ms;
    animation-delay: 850ms;
}

.duration-800 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

.duration-850 {
    -webkit-animation-duration: 850ms;
    animation-duration: 850ms;
}

.delay-900 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.delay-950 {
    -webkit-animation-delay: 950ms;
    animation-delay: 950ms;
}

.duration-900 {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
}

.duration-950 {
    -webkit-animation-duration: 950ms;
    animation-duration: 950ms;
}

.delay-1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-1250 {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms;
}

.delay-1500 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-1750 {
    -webkit-animation-delay: 1750ms;
    animation-delay: 1750ms;
}

.duration-1000 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.duration-1250 {
    -webkit-animation-duration: 1250ms;
    animation-duration: 1250ms;
}

.duration-1500 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.duration-1750 {
    -webkit-animation-duration: 1750ms;
    animation-duration: 1750ms;
}

.delay-2000 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay-2250 {
    -webkit-animation-delay: 2250ms;
    animation-delay: 2250ms;
}

.delay-2500 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay-2750 {
    -webkit-animation-delay: 2750ms;
    animation-delay: 2750ms;
}

.duration-2000 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.duration-2250 {
    -webkit-animation-duration: 2250ms;
    animation-duration: 2250ms;
}

.duration-2500 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

.duration-2750 {
    -webkit-animation-duration: 2750ms;
    animation-duration: 2750ms;
}

.delay-3000 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.delay-3250 {
    -webkit-animation-delay: 3250ms;
    animation-delay: 3250ms;
}

.delay-3500 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.delay-3750 {
    -webkit-animation-delay: 3750ms;
    animation-delay: 3750ms;
}

.duration-3000 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.duration-3250 {
    -webkit-animation-duration: 3250ms;
    animation-duration: 3250ms;
}

.duration-3500 {
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

.duration-3750 {
    -webkit-animation-duration: 3750ms;
    animation-duration: 3750ms;
}

.delay-4000 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.delay-4250 {
    -webkit-animation-delay: 4250ms;
    animation-delay: 4250ms;
}

.delay-4500 {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.delay-4750 {
    -webkit-animation-delay: 4750ms;
    animation-delay: 4750ms;
}

.duration-4000 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.duration-4250 {
    -webkit-animation-duration: 4250ms;
    animation-duration: 4250ms;
}

.duration-4500 {
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}

.duration-4750 {
    -webkit-animation-duration: 4750ms;
    animation-duration: 4750ms;
}

.delay-5000 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.delay-5250 {
    -webkit-animation-delay: 5250ms;
    animation-delay: 5250ms;
}

.delay-5500 {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

.delay-5750 {
    -webkit-animation-delay: 5750ms;
    animation-delay: 5750ms;
}

.duration-5000 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.duration-5250 {
    -webkit-animation-duration: 5250ms;
    animation-duration: 5250ms;
}

.duration-5500 {
    -webkit-animation-duration: 5.5s;
    animation-duration: 5.5s;
}

.duration-5750 {
    -webkit-animation-duration: 5750ms;
    animation-duration: 5750ms;
}

.duration-6000 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.duration-6250 {
    -webkit-animation-duration: 6250ms;
    animation-duration: 6250ms;
}

.duration-6500 {
    -webkit-animation-duration: 6.5s;
    animation-duration: 6.5s;
}

.duration-6750 {
    -webkit-animation-duration: 6750ms;
    animation-duration: 6750ms;
}

.duration-7000 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}

.duration-7250 {
    -webkit-animation-duration: 7250ms;
    animation-duration: 7250ms;
}

.duration-7500 {
    -webkit-animation-duration: 7.5s;
    animation-duration: 7.5s;
}

.duration-7750 {
    -webkit-animation-duration: 7750ms;
    animation-duration: 7750ms;
}

.duration-8000 {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}

.duration-8250 {
    -webkit-animation-duration: 8250ms;
    animation-duration: 8250ms;
}

.duration-8500 {
    -webkit-animation-duration: 8.5s;
    animation-duration: 8.5s;
}

.duration-8750 {
    -webkit-animation-duration: 8750ms;
    animation-duration: 8750ms;
}

.duration-9000 {
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
}

.duration-9250 {
    -webkit-animation-duration: 9250ms;
    animation-duration: 9250ms;
}

.duration-9500 {
    -webkit-animation-duration: 9.5s;
    animation-duration: 9.5s;
}

.duration-9750 {
    -webkit-animation-duration: 9750ms;
    animation-duration: 9750ms;
}

.duration-10000 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.duration-10250 {
    -webkit-animation-duration: 10250ms;
    animation-duration: 10250ms;
}

.duration-10500 {
    -webkit-animation-duration: 10.5s;
    animation-duration: 10.5s;
}

.duration-10750 {
    -webkit-animation-duration: 10750ms;
    animation-duration: 10750ms;
}