* {

    margin: 0;

    padding: 0;

}



@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Gill Sans Std';

    src: url("../fonts/GillSansStd-Bold.woff2") format("woff2"), url("../fonts/GillSansStd-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Prata';

    src: url("../fonts/Prata-Regular.woff2") format("woff2"), url("../fonts/Prata-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Yeseva One';

    src: url("../fonts/YesevaOne-Regular.woff2") format("woff2"), url("../fonts/YesevaOne-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("../fonts/NunitoSans-Regular.woff2") format("woff2"), url("../fonts/NunitoSans-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("..fonts/NunitoSans-Light.woff2") format("woff2"), url("..fonts/NunitoSans-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url('../fonts/NunitoSans-Bold.eot');

    src: url('../fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NunitoSans-Bold.woff2') format('woff2'), url('../fonts/NunitoSans-Bold.woff') format('woff'), url('../fonts/NunitoSans-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url('../fonts/NunitoSans-SemiBold.eot');

    src: url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NunitoSans-SemiBold.woff2') format('woff2'), url('../fonts/NunitoSans-SemiBold.woff') format('woff'), url('../fonts/NunitoSans-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

}



html {

    overflow-x: hidden;

}



body {

    box-sizing: border-box;

    padding: 0 !important;

    color: #333333;

    font-size: 16px;

    line-height: 30px;

    transition: .3s all;

    position: relative;

    font-family: 'Nunito Sans';

    font-weight: normal;

    letter-spacing: .25px;

}



body h1,

body h2,

body h3,

body h4,

body h5,

body h6,

body p,

body label,

body ul,

body li,

body .card,

body a {

    text-decoration: none !important;

    font-size: inherit;

}



body .list-inline-item {

    margin-right: 0 !important;

}



body .container {

    max-width: 1210px;

    width: 1210px;

}



header .header-menu {

    padding: 10px 0;

}



header .header-menu .row {

    align-items: center;

}



header .header-menu .right ul {

    display: inline-flex;

    justify-content: flex-end;

    width: 100%;

    margin-bottom: 0;

}



header .header-menu .right ul li {

    list-style: none;

    padding-left: 30px;

}



header .header-menu .right ul li:first-child {

    padding-left: 0;

}



header .header-menu .right ul li:last-child {

    padding-left: 10px;

    margin-left: 15px;

    position: relative;

}



header .header-menu .right ul li:last-child:after {

    content: "";

    width: 1px;

    height: 15px;

    background: #333333;

    position: absolute;

    left: 0;

    top: 8px;

}



header .header-menu .right ul li a {

    display: block;

    color: #333333;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: bold;

}



header .header-menu .right ul li a:hover {

    color: #520710;

}



header .header-menu .right ul li a.active {

    color: #cd9c3d;

}



header .header-menu .right ul li select {

    font-size: 14px;

    font-weight: bold;

    border: 0;

    outline: none;

}



header .header-menu .right ul li .search {

    position: relative;

}



header .header-menu .right ul li .search .info-search {

    position: absolute;

    right: 0;

    opacity: 0;

    z-index: -1;

    visibility: hidden;

    transition: .3s all;

}



header .header-menu .right ul li .search .info-search input {

    height: 30px;

    border-radius: 0;

    border: 2px solid #531017;

    font-size: 14px;

    width: 250px;

    outline: none;

}



header .header-menu .right ul li:hover .info-search {

    transition: .3s all;

    z-index: 1;

    opacity: 1;

    visibility: visible;

}



footer {

    font-family: 'Prata';

    font-size: 13px;

    color: #b7b7b7;

}



footer .footer-top {

    padding: 40px 0 60px 0;

    background: #531017;

}



footer .footer-top p {

    margin-bottom: 10px;

}



footer .footer-top p a {

    color: #cd9c3d;

}



footer .title-footer {

    margin-bottom: 20px;

    height: 95px;

    line-height: 95px;

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Nunito Sans';

}



footer .social {

    margin-top: -35px;

    position: relative;

}



footer .social ul li {

    padding-right: 15px;

}



footer .social ul li a {

    display: block;

    color: #cd9c3d;

    font-size: 18px;

}



footer .menu-footer {

    margin-top: 45px;

    padding-left: 80px;

}



footer .menu-footer ul {

    flex-wrap: wrap;

    display: inline-flex;

}



footer .menu-footer ul li {

    margin-bottom: 10px;

    flex: 0 0 45%;

}



footer .menu-footer ul li a {

    font-size: 14px;

    color: #fff;

    transition: .3s all;

}



footer .menu-footer ul li a:hover {

    transition: .3s all;

    color: #cd9c3d;

}



footer .footer-sent {

    padding-top: 60px;

}



footer .footer-sent .col-md-8 {

    padding-left: 0;

}



footer .footer-sent span {

    color: #cd9c3d;

    font-size: 24px;

}



footer .footer-sent .right {

    position: relative;

}



footer .footer-sent .right input {

    border: 0;

    border-bottom: 1px solid #b7b7b7;

    width: 100%;

    height: 35px;

    background: transparent;

    font-size: 14px;

    color: #b7b7b7;

    outline: none;

}



footer .footer-sent .right button {

    border: 0;

    background: transparent;

    width: 35px;

    height: 35px;

    color: #cd9c3d;

    font-size: 18px;

    position: absolute;

    right: 0;

    top: -2px;

}



footer .reserved {

    padding: 15px 0;

    color: #b7b7b7;

    background: #3f0c11;

}



footer .reserved .row {

    align-items: center;

}



footer .reserved .right {

    font-family: 'Nunito Sans';

    font-weight: normal;

    font-size: 14px;

}





/*  Menu  */



.modal-backdrop.show {

    z-index: -1;

    opacity: 0;

}



#box-about #myModal.fade.show {

    background-color: rgba(0, 0, 0, 0.5);

}



@-webkit-keyframes upDown {

    0% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px);

    }

    50% {

        -webkit-transform: translateY(5px);

        transform: translateY(5px);

    }

    100% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px);

    }

}



@-moz-keyframes upDown {

    0% {

        -moz-transform: translateY(-5px);

        transform: translateY(-5px);

    }

    50% {

        -moz-transform: translateY(5px);

        transform: translateY(5px);

    }

    100% {

        -moz-transform: translateY(-5px);

        transform: translateY(-5px);

    }

}



@keyframes upDown {

    0% {

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

        transform: translateY(-5px);

    }

    50% {

        -webkit-transform: translateY(5px);

        -moz-transform: translateY(5px);

        transform: translateY(5px);

    }

    100% {

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

        transform: translateY(-5px);

    }

}



@-webkit-keyframes boxShadow {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

    40% {

        -webkit-box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    60% {

        -webkit-box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

}



@-moz-keyframes boxShadow {

    0% {

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

    40% {

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    60% {

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    100% {

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

}



@keyframes boxShadow {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

    40% {

        -webkit-box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    60% {

        -webkit-box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 15px 3px rgba(196, 196, 196, 0.6);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

        box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.6);

    }

}



@media (min-width: 230px) {

    .btn {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        background-color: #fff;

        border: 0;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        outline: none;

        cursor: pointer;

    }

    main #banenr .scroll {

        -webkit-animation: boxShadow 2s infinite;

        -moz-animation: boxShadow 2s infinite;

        animation: boxShadow 2s infinite;

    }

    main #banenr .scroll>a i {

        -webkit-animation: upDown 2s infinite;

        -moz-animation: upDown 2s infinite;

        animation: upDown 2s infinite;

    }

    main #box-product .content .item .avarta a {

        display: block;

        width: 100%;

    }

    main #box-product .content .item .avarta a img {

        width: 100%;

    }

    main #partner .list-part .item .info .desc {

        width: 100%;

        overflow: hidden;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis;

        line-height: 25px;

        -webkit-line-clamp: 6;

        max-height: -webkit-calc(25px * 6);

        max-height: -moz-calc(25px * 6);

        max-height: calc(25px * 6);

        display: -webkit-box;

        -webkit-box-orient: vertical;

    }

    main #sent-prod {

        background-image: url(../../images/bn-product.png);

        position: relative;

    }

    main #sent-prod .bg__link {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        display: block;

        z-index: 1;

        cursor: pointer;

    }

    main #sent-prod span,

    main #sent-prod .btn__register {

        position: relative;

        z-index: 2;

    }

    main #sent-prod .right .btn__register {

        width: 150px;

        height: 50px;

        cursor: pointer;

        text-transform: uppercase;

        color: #fff;

        border: 0;

        background: #000000;

        border-radius: 3px;

    }

    main #box-about .right .info .readmore a {

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    main #box-about .right .info .readmore a:hover {

        background-color: #363636;

        color: #fff;

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    main #box-about .right .info .readmore a:hover img {

        -webkit-filter: brightness(0) invert(1);

        filter: brightness(0) invert(1);

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

}



@media (max-width: 767.98px) {

    main #sent-prod .left {

        width: 100%;

        text-align: center;

        margin-bottom: 10px;

    }

    main #sent-prod .right {

        padding-left: 0;

    }

    main #sent-prod .right .btn__register {

        margin-left: auto;

        margin-right: auto;

    }

}



@media (min-width: 768px) {

    header .header-menu .pc__menu .pc__menu-item {

        position: relative;

    }

    header .header-menu .pc__menu .pc__menu-item a {

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    header .header-menu .pc__menu .pc__menu-item a:hover {

        color: #cd9c3d;

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    header .header-menu .pc__menu .pc__menu-item:hover>ul {

        -webkit-transform: rotateX(0);

        -moz-transform: rotateX(0);

        transform: rotateX(0);

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

        opacity: 1;

    }

    header .header-menu .pc__menu .pc__menu-item:hover>ul li:hover>ul {

        -webkit-transform: rotateX(0);

        -moz-transform: rotateX(0);

        transform: rotateX(0);

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

        opacity: 1;

    }

    header .header-menu .pc__menu .pc__menu-item ul {

        position: absolute;

        top: 100%;

        background-color: #fff;

        left: 19px;

        width: -webkit-max-content;

        width: -moz-max-content;

        width: max-content;

        display: block;

        z-index: 3;

        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);

        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);

        -webkit-transform: rotateX(-90deg);

        -moz-transform: rotateX(-90deg);

        transform: rotateX(-90deg);

        -webkit-transform-origin: 0% 0%;

        -moz-transform-origin: 0% 0%;

        -ms-transform-origin: 0% 0%;

        transform-origin: 0% 0%;

        opacity: 0;

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    header .header-menu .pc__menu .pc__menu-item ul>li {

        margin-left: 0;

        padding-left: 0;

        position: relative;

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    header .header-menu .pc__menu .pc__menu-item ul>li::after {

        display: none;

    }

    header .header-menu .pc__menu .pc__menu-item ul>li a {

        padding: 5px 10px;

        font-weight: 400;

        line-height: 24px;

    }

    header .header-menu .pc__menu .pc__menu-item ul>li ul {

        left: 100%;

        top: 0;

        -webkit-transition: all 0.3s;

        -o-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }

    header .header-menu .pc__menu .pc__menu-item>ul {

        top: -webkit-calc(100% + 15px);

        top: -moz-calc(100% + 15px);

        top: calc(100% + 15px);

    }

    header .header-menu .pc__menu .pc__menu-item>ul::before {

        content: '';

        position: absolute;

        top: -20px;

        left: 0;

        width: 100%;

        height: 20px;

        background-color: transparent;

    }

}



@media (max-width: 991.98px) {

    header .menu-mobile {

        display: block !important;

        padding: 5px 0;

    }

    header .header-menu {

        display: none;

    }

}



@media (min-width: 1024px) {

    header .header-menu .pc__menu .pc__menu-item ul {

        left: 30px;

    }

    header .header-menu .right ul li a {

        font-size: 14px;

    }

}



@media (min-width: 1200px) {

    header .header-menu .pc__menu .pc__menu-item>a {

        font-size: 18px;

    }

    header .header-menu .right ul li a {

        font-size: 14px;

    }

}





/*  Menu  */



main section #myModal .modal-dialog {

    max-width: 1180px;

}



main section #myModal .modal-dialog .content-video iframe {

    width: 100%;

}



main section .title {

    padding: 55px 0 40px 0;

}



main section .title h2 {

    margin-bottom: 0;

    font-size: 37px;

    font-family: 'Yeseva One';

    display: none;

}



main #partner .title h2 {

    display: block;

}



main #banenr {

    position: relative;

}



main #banenr .caption {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    /*z-index: 1;*/

    font-size: 72px;

    font-family: 'Yeseva One';

    display: flex;

    text-align: center;

    align-items: center;

    z-index: 2;

}



main #banenr .caption.caption-cate h1 {

    font-size: 60px;

}



main #banenr .scroll {

    position: absolute;

    bottom: 60px;

    width: 60px;

    height: 60px;

    line-height: 60px;

    left: calc(50% - 30px);

    border: 1px solid rgba(255, 255, 255, 0.72);

    text-align: center;

    border-radius: 50%;

    z-index: 2;

}



main #banenr .scroll a {

    display: block;

    font-weight: bold;

    color: #fff;

    font-size: 20px;

    border: 1px solid #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 50%;

    margin: 4px auto 0 auto;

}



main #banenr .avarta:after {

    content: "";

    width: 100%;

    height: 100%;

    /* background: #000000; */

    opacity: .4;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

}



main #box-about {

    background: #f8f8f8;

    padding-top: 95px;

}



main #box-about .row {

    align-items: center;

}



main #box-about .col-md-6:first-child {

    padding-left: 0;

}



main #box-about .left {

    position: relative;

}



main #box-about .left .icon-play {

    position: absolute;

    left: 0;

    top: 0;

    display: inline-flex;

    width: 100%;

    height: 100%;

    align-items: center;

}



main #box-about .left .icon-play .icon {

    width: 100%;

    text-align: center;

}



main #box-about .right {

    width: 570px;

    padding: 0 20px 0 70px;

}



main #box-about .right .info h2 {

    font-size: 49px;

    font-family: 'Yeseva One';

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;

}



main #box-about .right .info h2:after {

    content: "";

    width: 60px;

    height: 2px;

    background: #facf5a;

    position: absolute;

    left: 0;

    bottom: 0;

}



main #box-about .right .info .desc {

    font-family: 'Nunito Sans';

}



main #box-about .right .info .readmore {

    margin-top: 40px;

}



main #box-about .right .info .readmore a {

    display: block;

    width: 180px;

    height: 60px;

    border: 2px solid #363636;

    border-radius: 3px;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

    line-height: 60px;

    color: #363636;

}



main #box-about .right .info .readmore a img {

    position: relative;

    top: -2px;

    left: 10px;

}



main #box-product .content .col-md-3 {

    padding: .5px;

}



main #box-product .content .item {

    height: 100%;

    position: relative;

}



main #box-product .content .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #531017;

    opacity: .2;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}



main #box-product .content .item .avarta {

    overflow: hidden;

}



main #box-product .content .item .avarta img {

    transition: .7s all;

    height: 500px;

    object-fit: cover;

}



main #box-product .content .item .info {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 25px;

    z-index: 2;

}



main #box-product .content .item .info h3 {

    margin-bottom: 0;

}



main #box-product .content .item .info h3 a {

    font-family: 'Yeseva One';

    font-size: 35px;

    color: #fff;

}



main #box-product .content .item .info-abs {

    position: absolute;

    display: inline-flex;

    align-items: center;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    padding: 80px 40px;

    background-image: linear-gradient(rgba(83, 16, 23, 0.8), #000000);

    color: #fff;

    z-index: 3;

    transition: .7s all;

    transform: scale(0);

}



main #box-product .content .item .info-abs .info-prd {

    width: 100%;

}



main #box-product .content .item .info-abs h3 {

    margin-bottom: 35px;

}



main #box-product .content .item .info-abs h3 a {

    font-family: 'Yeseva One';

    font-size: 37px;

    color: #fff;

}



main #box-product .content .item .info-abs .desc {

    font-size: 15px;

}



main #box-product .content .item .info-abs .readmore {

    margin-top: 70px;

}



main #box-product .content .item .info-abs .readmore ul {

    margin-bottom: 0;

    display: inline-flex;

    width: 100%;

}



main #box-product .content .item .info-abs .readmore ul li {

    flex: 0 0 50%;

}



main #box-product .content .item .info-abs .readmore ul li a {

    display: block;

    height: 56px;

    width: 100%;

    border: 2px solid #fff;

    border-radius: 4px;

    text-align: center;

    line-height: 55px;

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

}



main #box-product .content .item .info-abs .readmore ul li:first-child {

    padding-right: 10px;

}



main #box-product .content .item .info-abs .readmore ul li:first-child a {

    position: relative;

}



main #box-product .content .item .info-abs .readmore ul li:first-child a img {

    position: relative;

    top: -3px;

    left: 10px;

}



main #box-product .content .item .info-abs .readmore ul li:last-child {

    padding-left: 10px;

}



main #box-product .content .item .info-abs .readmore ul li:last-child a {

    background: #fff;

    color: #531017;

}



main #box-product .content .item:hover .avarta img {

    transition: .7s all;

    transform: scale(1.1);

}



main #box-product .content .item:hover .info-abs {

    transition: .7s all;

    transform: scale(1);

}



main #partner {

    border-top: 1px solid #dddddd;

}



main #partner .title {

    padding-top: 30px;

    padding-bottom: 25px;

}



main #partner .list-part .row {

    margin-left: -10px;

    margin-right: -10px;

}



main #partner .list-part .col-md-2 {

    max-width: 20%;

    flex: 0 0 20%;

    padding: 0 10px;

}



main #partner .list-part .item .avarta {

    overflow: hidden;

    margin-bottom: 20px;

}



main #partner .list-part .item .avarta img {

    width: 100%;

    height: 170px;

    object-fit: cover;

}



main #partner .list-part .item .info h3 {

    margin-bottom: 0;

}



main #partner .list-part .item .info h3 a {

    font-family: 'Yeseva One';

    font-size: 19px;

    color: #333333;

    margin-bottom: 5px;

    display: block;

}



main #partner .list-part .item .info .desc {

    font-size: 15px;

    line-height: 25px;

    color: #707070;

}



main #item-product {

    background: #f5f7f7;

    padding-bottom: 70px;

}



main #item-product .title {

    text-align: center;

}



main #item-product .list-item .item .avarta {

    overflow: hidden;

}



main #item-product .list-item .item .avarta img {

    height: 400px;

}



main #item-product .list-item .item .avarta a {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

}



main #item-product .list-item .item .avarta a:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: linear-gradient(#fff0, #000000);

    position: absolute;

    left: 0;

    top: 0;

    opacity: .6;

}



main #item-product .list-item .item .info h3 {

    margin-bottom: 0;

}



main #item-product .list-item .item .info h3 a {

    display: block;

    color: #333333;

    font-family: 'Yeseva One';

    font-size: 19px;

    padding: 20px 0 10px 0;

}



main #item-product .list-item .item .info p {

    margin-bottom: 0;

    font-size: 15px;

    line-height: 24px;

}



main #relation {

    margin-bottom: 60px;

}



main #relation .title {

    padding-bottom: 30px;

}



main #relation .swiper-wrapper {

    align-items: center;

}



main #relation .item .avarta {

    text-align: center;

}



main #box-news .title {

    padding-bottom: 30px;

    text-align: center;

}



main #box-news .nav-tabs {

    width: 100%;

    justify-content: center;

    border: 0;

    margin-bottom: 55px;

}



main #box-news .nav-tabs .nav-item {

    padding: 0 15px;

}



main #box-news .nav-tabs .nav-item a {

    font-size: 15px;

    display: block;

    padding: 3px 22px;

    background: #520710;

    border-radius: 3px;

    border: 0;

    color: #fff;

    transition: .3s all;

}



main #box-news .nav-tabs .nav-item a:hover {

    transition: .3s all;

    background: #facf5a;

    color: #333333;

}



main #box-news .nav-tabs .nav-item a.active {

    background: #facf5a;

    color: #333333;

    font-weight: bold;

}



main #box-news .tab-content .tab-pane.active {

    opacity: 1;

}



main #box-news .tab-content .list-item-new {

    padding-bottom: 60px;

}



main #box-news .tab-content .list-item-new .item {

    margin-bottom: 30px;

}



main #box-news .tab-content .list-item-new .item .avarta {

    overflow: hidden;

}



main #box-news .tab-content .list-item-new .item .avarta img {

    transition: .3s all;

    width: 100%;

    height: 165px;

    object-fit: cover;

}



main #box-news .tab-content .list-item-new .item .info h3 {

    margin-bottom: 0;

}



main #box-news .tab-content .list-item-new .item .info h3 a {

    display: block;

    padding: 15px 0 3px 0;

    font-family: 'Yeseva One';

    font-size: 19px;

    color: #333333;

}



main #box-news .tab-content .list-item-new .item .info .date {

    font-size: 13px;

    color: #cd9c3d;

    font-family: 'Roboto';

}



main #box-news .tab-content .list-item-new .item .info p {

    font-size: 15px;

    line-height: 29px;

    margin-bottom: 0;

}



main #about {

    padding: 80px 0 100px 0;

}



main #about .title-about {

    text-align: center;

    font-size: 47px;

    font-family: 'Yeseva One';

    margin-bottom: 20px;

    line-height: initial;

    display: none;

}



main #about .info-about {

    text-align: center;

    font-size: 15px;

    width: 980px;

    margin: 0 auto;

    letter-spacing: 0.25px;

    padding: 0 9px;

    padding-bottom: 90px;

}



main #about .info-about p {

    margin-bottom: 0;

}



main #about .info-about .title-about {

    font-size: 47px;

    margin-bottom: 40px;

    display: none;

}



main #about .philosophy {

    padding: 70px 0;

    background: #f8f9f9;

}



main #about .philosophy p {

    margin-bottom: 0;

    text-align: center;

    width: 700px;

    margin: 0 auto;

    line-height: 23px;

    font-family: 'Yeseva One';

    font-size: 18px;

}



main #about .philosophy .list-philos {

    margin-top: 60px;

}



main #about .philosophy .list-philos .row {

    margin-left: -10px;

    margin-right: -10px;

}



main #about .philosophy .list-philos .row .col-lg-2 {

    padding: 0 10px;

}



main #about .philosophy .list-philos .item .avarta {

    overflow: hidden;

    text-align: center;

}



main #about .philosophy .list-philos .item .avarta img {

    /* width: 100%;

  height: 168px; */

    object-fit: cover;

}



main #about .philosophy .list-philos .item .info h3 {

    margin-bottom: 0;

}



main #about .philosophy .list-philos .item .info h3 a {

    font-family: 'Yeseva One';

    display: block;

    font-size: 17px;

    color: #363636;

    margin-top: 20px;

    line-height: 24px;

    display: none;

}



main #about .history {

    padding-top: 100px;

}



main #about .history p {

    width: 773px;

    margin: 0 auto;

    text-align: center;

    line-height: 30px;

    color: #707070;

    margin-bottom: 100px;

}



main #about .history .item {

    position: relative;

    display: inline-block;

    width: 100%;

    margin-bottom: 100px;

    clear: both;

}



main #about .history .item:after {

    content: "";

    width: 9px;

    height: 9px;

    background: #363636;

    border-radius: 50%;

    position: absolute;

    left: calc(50% - 4px);

    top: calc(50% + 1px);

    z-index: 2;

}



main #about .history .item:before {

    content: "";

    width: 23px;

    height: 23px;

    border: 1px solid #aaa;

    background: transparent;

    border-radius: 50%;

    position: absolute;

    left: calc(50% - 11px);

    top: calc(50% - 6px);

}



main #about .history .item:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

}



main #about .history .item:nth-child(2n) .col-md-6:nth-child(2n) {

    order: 1;

    padding-right: 70px;

    padding-left: 15px;

}



main #about .history .item:nth-child(2n) .col-md-6:nth-child(2n+1) {

    order: 2;

}



main #about .history .item:nth-child(2n) .col-md-6:nth-child(2n+1) .caption-his {

    text-align: left;

}



main #about .history .item:nth-child(2n) .col-md-6:nth-child(2n+1) .caption-his p {

    float: unset;

}



main #about .history .item:nth-child(2n+1) .col-md-6:nth-child(2n+1) {

    padding-right: 70px;

    padding-left: 15px;

}



main #about .history .item .col-md-6 {

    padding-left: 70px;

}



main #about .history .item p {

    width: 310px;

    margin: 0;

    text-align: left;

}



main #about .history .list-history .item .row {

    align-items: center;

}



main #about .history .item .caption-his {

    text-align: right;

    /* padding-top: 45%; */

}



main #about .history .item .caption-his .date h3 {

    font-family: 'Yeseva One';

    font-size: 19px;

}



main #about .history .item .caption-his p {

    text-align: right;

    float: right;

}



main #about .history .item .avarta {

    overflow: hidden;

}



main #about .history .item .avarta img {

    width: 100%;

    height: 436px;

    object-fit: cover;

}



main #about .history .list-history {

    position: relative;

}



main #about .history .list-history:after {

    content: "";

    width: 1px;

    height: 100%;

    background: #ddd;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 1;

}



main #contact .place {

    margin: 80px 0;

}



main #contact .place .content {

    background: #f8f8f8;

    padding: 60px 80px 0 80px;

}



main #contact .place .content h2 {

    padding: 20px 0 45px 0;

    font-size: 36px;

    font-family: 'Yeseva One';

}



main #contact .place .content .title-info {

    font-size: 19px;

    margin-bottom: 25px;

    font-family: 'Yeseva One';

}



main #contact .place .content .list-info {

    padding-bottom: 60px;

}



main #contact .place .content .list-info p {

    margin-bottom: 0;

}



main #contact .place .content .social {

    padding: 35px 0;

    border-top: 1px solid #ddd;

}



main #contact .place .content .social ul {

    margin-bottom: 0;

    text-align: center;

}



main #contact .place .content .social ul li {

    padding: 0 10px;

}



main #contact .place .content .social ul li a {

    color: #363636;

    font-size: 18px;

}



main #contact .contact-sent {

    background: #f8f8f8;

    padding: 100px 0;

}



main #contact .contact-sent .content {

    background: #fff;

    padding: 100px;

}



main #contact .contact-sent .item {

    margin-bottom: 25px;

}



main #contact .contact-sent .item input {

    border-radius: 0;

    border: 0;

    height: 100px;

    background: #f8f8f8;

    padding: 0 25px;

    font-size: 17px;

    outline: none;

}



main #contact .contact-sent .item textarea {

    border-radius: 0;

    border: 0;

    height: 210px;

    background: #f8f8f8;

    padding: 25px;

    font-size: 17px;

    outline: none;

}



main #contact .contact-sent .item button {

    outline: none;

    height: 55px;

    width: 175px;

    font-size: 14px;

    text-transform: uppercase;

    cursor: pointer;

    transition: .3s all;

    border: 2px solid #333333;

    background: transparent;

    border-radius: 3px;

    position: relative;

    top: 25px;

}



main #contact .contact-sent .item button:hover {

    transition: .3s all;

    background: #cd9c3d;

    border: 2px solid #cd9c3d;

    color: #fff;

}



main #contact .contact-sent .item:last-child {

    margin-bottom: 0;

    text-align: center;

}



main #contact .maps iframe {

    width: 100%;

    height: 500px;

}



main #news .new-tabs {

    padding: 30px 0;

    border-bottom: 1px solid #ddd;

}



main #news .new-tabs ul {

    margin-bottom: 0;

}



main #news .new-tabs ul li {

    padding-right: 35px;

}



main #news .new-tabs ul li a {

    font-size: 17px;

    color: #707070;

    font-family: 'Yeseva One';

    letter-spacing: .25px;

}



main #news .new-tabs ul li a:hover {

    color: #cd9c3d;

}



main #news .new-tabs ul li a.active {

    color: #cd9c3d;

}



main #news .new-tabs ul li:last-child {

    padding-right: 0;

}



main #news .list-news {

    padding-top: 100px;

}



main #news .list-news .item {

    padding-bottom: 100px;

}



main #news .list-news .item .row {

    align-items: center;

}



main #news .list-news .item .avarta {

    width: 680px;

    overflow: hidden;

}



main #news .list-news .item .avarta img {

    width: 100%;

    height: 400px;

    object-fit: cover;

}



main #news .list-news .item .info {

    text-align: right;

    width: 450px;

    float: right;

}



main #news .list-news .item .info .date {

    font-size: 14px;

    color: #cd9c3d;

}



main #news .list-news .item .info h3 {

    margin-bottom: 0;

}



main #news .list-news .item .info h3 a {

    display: block;

    font-size: 30px;

    color: #363636;

    line-height: 45px;

    font-family: 'Yeseva One';

    padding-bottom: 15px;

}



main #news .list-news .item .info h3 a:hover {

    color: #cd9c3d;

}



main #news .list-news .item .info .desc {

    letter-spacing: .25px;

}



main #news .list-news .item .info .view-more {

    margin-top: 30px;

    display: none;

}



main #news .list-news .item .info .view-more a {

    display: block;

    width: 175px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    border: 2px solid #333333;

    border-radius: 3px;

    font-size: 14px;

    text-transform: uppercase;

    color: #363636;

    float: right;

}



main #news .list-news .item .info .view-more a img {

    position: relative;

    padding-left: 10px;

    top: -2px;

}



main #news .list-news .item:nth-child(2n) .col-md-5 {

    order: 1;

}



main #news .list-news .item:nth-child(2n) .col-md-5 .info {

    text-align: left;

}



main #news .list-news .item:nth-child(2n) .col-md-5 .info .view-more a {

    float: none;

}



main #news .list-news .item:nth-child(2n) .col-md-7 {

    order: 2;

}



main #new-detail .content {

    width: 780px;

    margin: 0 auto;

    padding: 80px 0;

}



main #new-detail .content .date {

    font-size: 16px;

    color: #cd9c3d;

}



main #new-detail .content h1 {

    font-size: 36px;

    color: #363636;

    line-height: 48px;

    padding: 15px 0 45px 0;

    font-family: 'Yeseva One';

}



main #new-detail .content .info-detail p {

    margin-bottom: 30px;

}



main #new-detail .content .like-share ul li {

    padding-right: 15px;

}



main #new-detail .content .like-share ul li a {

    display: block;

    font-size: 18px;

    color: #531017;

}



main #new-detail .other-new .list-other .col-md-4 {

    padding: 0;

}



main #new-detail .other-new .list-other .item {

    position: relative;

}



main #new-detail .other-new .list-other .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: linear-gradient(#fff0, #000000);

    position: absolute;

    left: 0;

    top: 0;

    opacity: .7;

    z-index: 1;

}



main #new-detail .other-new .list-other .item .avarta {

    overflow: hidden;

}



main #new-detail .other-new .list-other .item .avarta img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



main #new-detail .other-new .list-other .item .info {

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 0;

    padding: 20px;

}



main #new-detail .other-new .list-other .item .info .date {

    font-size: 14px;

    color: #b7b7b7;

}



main #new-detail .other-new .list-other .item .info h3 {

    margin-bottom: 0;

}



main #new-detail .other-new .list-other .item .info h3 a {

    font-family: 'Yeseva One';

    display: block;

    font-size: 22px;

    color: #fff;

    line-height: 34px;

}



main #new-detail .other-new .list-other .item .info h3 a:hover {

    color: #cd9c3d
}



main #educate {

    padding: 100px 0 40px 0;

}



main #educate .avarta-bn {

    padding: 60px 0;

}



main #educate .item h2 {

    font-family: 'Yeseva One';

    line-height: 36px;

    font-size: 36px;

    display: none;

}



main #educate .item p {

    font-size: 16px;

    color: #464646;

    line-height: 36px;

}



main #educate .item .col-md-6:nth-child(2n) {

    padding-left: 55px;

}



main #educate .item .col-md-6:nth-child(2n+1) {

    padding-right: 55px;

}



main #educate .other-edu {

    border-top: 1px solid #ddd;

    margin-top: 60px;

}



main #educate .other-edu.other-prod {

    margin-top: 0;

    border-top: 0;

    padding-bottom: 40px;

}



main #educate .other-edu.other-prod .list-other .item {

    background: #f1f3f4;

    height: 100%;

}



main #educate .other-edu.other-prod .list-other .item .avarta {

    margin-bottom: 0;

}



main #educate .other-edu.other-prod .list-other .item .avarta img {

    height: 310px;

    object-fit: cover;

}



main #educate .other-edu.other-prod .list-other .item .info {

    text-align: center;

    padding: 5px 15px 25px 15px;

}



main #educate .other-edu .title {

    text-align: center;

}



main #educate .other-edu .list-other .item .avarta {

    overflow: hidden;

    margin-bottom: 15px;

}



main #educate .other-edu .list-other .item .avarta img {

    width: 100%;

    height: 230px;

    object-fit: cover;

}



main #educate .other-edu .list-other .item .info h3 {

    margin-bottom: 0;

}



main #educate .other-edu .list-other .item .info h3 a {

    display: block;

    font-family: 'Yeseva One';

    color: #363636;

    font-size: 17px;

    line-height: 30px;

}



main #educate .other-edu .list-other .item .info .date {

    font-size: 13px;

    color: #cd9c3d;

    font-family: 'Roboto';

}



main #educate .other-edu .list-other .item .info .desc {

    font-size: 15px;

}



main #educate .regis-sent {

    background: #f8f9f9;

    padding: 35px 0;

    margin-top: 60px;

}



main #educate .regis-sent .row {

    align-items: center;

}



main #educate .regis-sent span {

    font-size: 25px;

    font-family: 'Yeseva One';

}



main #educate .regis-sent .right {

    position: relative;

}



main #educate .regis-sent .right input {

    border-radius: 0;

    border: 0;

    background: transparent;

    border-bottom: 1px solid #ddd;

    height: 50px;

    padding-right: 150px;

}



main #educate .regis-sent .right button {

    height: 50px;

    width: 150px;

    text-transform: uppercase;

    color: #fff;

    background: #000000;

    cursor: pointer;

    font-size: 14px;

    position: absolute;

    top: 0;

    right: 0;

    border: 0;

    border-radius: 3px;

}



main #sent-prod {

    padding: 25px 0;

    border-top: 1px solid #ddd;

}



main #sent-prod .row {

    align-items: center;

}



main #sent-prod .left {

    text-align: right;

    font-size: 25px;

    color: #fbfbfb;

    font-family: 'Yeseva One';

}



main #sent-prod .right {

    padding-left: 100px;

}



main #sent-prod .right button {

    width: 150px;

    height: 50px;

    cursor: pointer;

    text-transform: uppercase;

    color: #fff;

    border: 0;

    background: #000000;

    border-radius: 3px;

}



main #thumbs {

    background: #f5f7f7;

}



main #thumbs .nav-tabs {

    border: 0;

    padding: 25px 0;

}



main #thumbs .nav-tabs li {

    padding-right: 30px;

}



main #thumbs .nav-tabs li a {

    background: transparent;

    padding: 0;

    border: 0;

    text-transform: uppercase;

    color: #acacac;

    border-bottom: 1px solid transparent;

    transition: .3s all;

    font-family: 'Yeseva One';

    font-size: 15px;

}



main #thumbs .nav-tabs li a:hover {

    transition: .3s all;

    color: #363636;

    border-bottom: 1px solid #363636;

}



main #thumbs .nav-tabs li a.active {

    color: #363636;

    border-bottom: 1px solid #363636;

}



main #thumbs .tab-content {

    padding: 100px 0;

}



main #thumbs .tab-content .tab-pane.active {

    opacity: 1;

}



main #thumbs .tab-content .tab-pane .list-item-new .col-md-6 {

    position: unset;

}



main #thumbs .tab-content .tab-pane .list-item-new .row {

    align-items: center;

}



main #thumbs .tab-content .tab-pane .list-item-new .avarta {

    overflow: hidden;

    text-align: center;

}



main #thumbs .tab-content .tab-pane .list-item-new .avarta img {

    max-width: 100%;

    /* width: 540px;

  height: 540px;

  object-fit: cover;

  border-radius: 50%; */

}



main #thumbs .tab-content .tab-pane .list-item-new .item {

    position: relative;

    z-index: 2;

}





/* main #thumbs .tab-content .tab-pane .list-item-new .item:after {

  content: "";

  width: 540px;

  height: 540px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  top: 10px;

  z-index: -1;

  left: 190px;

  opacity: .9;

} */



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent {

    position: relative;

    z-index: 2;

    text-align: center;

}



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent h3 {

    font-size: 45px;

    font-family: 'Yeseva One';

    color: #111111;

    padding-bottom: 20px;

    margin-bottom: 35px;

    margin-top: 20px;

    border-bottom: 1px solid #f3ae00;

}



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent h3 a {

    color: #111111;

}



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent .desc {

    font-size: 15px;

    margin-bottom: 30px;

}



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent .view-more a {

    display: block;

    width: 150px;

    height: 55px;

    line-height: 55px;

    color: #fff;

    font-size: 15px;

    color: #fff;

    background: #000000;

    border-radius: 3px;

    text-align: center;

}



main #thumbs .tab-content .tab-pane .list-item-new .info-tabcontent .view-more a img {

    position: relative;

    top: -2px;

    padding-left: 10px;

}



.regis-fixed {

    position: fixed;

    bottom: 0;

    right: 0;

    z-index: 10;

}



.regis-fixed a {

    color: #fff;

    display: block;

    width: max-content;

    background: #cd9c3d;

    text-transform: uppercase;

    padding: 0 20px;

    height: 40px;

    line-height: 40px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



main #about .philosophy .title-about {

    display: block;

}





/*# sourceMappingURL=style.css.map */



@media (min-width: 230px) {

    #addon__society .addon__item {

        position: fixed;

        z-index: 99;

    }

    #addon__society .addon__item.right {

        bottom: 140px;

        right: 24px;

    }

    #addon__society .addon__item.right .addon__icon {

        width: 60px;

        height: 60px;

        border-radius: 50%;

        background: #0084FF;

        -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        margin-top: 1.5rem;

        padding: 12px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    #addon__society .addon__item.right .addon__icon.hot-line {

        background: #6DBB44;

    }

    #addon__society .addon__item.right .addon__icon.hot-line img {

        -webkit-animation: phonering-alo-circle 1s infinite;

        -moz-animation: phonering-alo-circle 1s infinite;

        animation: phonering-alo-circle 1s infinite;

    }

}



@-webkit-keyframes boxShadow {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(197, 0, 13, 0.3), 0 0 0 0 #fff;

        box-shadow: 0 0 0 0 rgba(197, 0, 13, 0.3), 0 0 0 0 #fff;

    }

    75% {

        -webkit-box-shadow: 0 0 0 6px rgba(197, 0, 13, 0.3);

        box-shadow: 0 0 0 6px rgba(197, 0, 13, 0.3);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0px rgba(197, 0, 13, 0.3);

        box-shadow: 0 0 0 0px rgba(197, 0, 13, 0.3);

    }

}



@-moz-keyframes boxShadow {

    0% {

        box-shadow: 0 0 0 0 rgba(197, 0, 13, 0.3), 0 0 0 0 #fff;

    }

    75% {

        box-shadow: 0 0 0 6px rgba(197, 0, 13, 0.3);

    }

    100% {

        box-shadow: 0 0 0 0px rgba(197, 0, 13, 0.3);

    }

}



@keyframes boxShadow {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(197, 0, 13, 0.3), 0 0 0 0 #fff;

        box-shadow: 0 0 0 0 rgba(197, 0, 13, 0.3), 0 0 0 0 #fff;

    }

    75% {

        -webkit-box-shadow: 0 0 0 6px rgba(197, 0, 13, 0.3);

        box-shadow: 0 0 0 6px rgba(197, 0, 13, 0.3);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0px rgba(197, 0, 13, 0.3);

        box-shadow: 0 0 0 0px rgba(197, 0, 13, 0.3);

    }

}



@-webkit-keyframes phonering-alo-circle {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

}



@-moz-keyframes phonering-alo-circle {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

}



@keyframes phonering-alo-circle {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);

    }

    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg);

    }

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

    }

}



@charset "UTF-8";



/*!

 * animate.css - https://animate.style/

 * Version - 4.1.1

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2020 Animate.css

 */



:root {

    --animate-duration: 1s;

    --animate-delay: 1s;

    --animate-repeat: 1;

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-duration: var(--animate-duration);

    animation-duration: var(--animate-duration);

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.animated.repeat-1 {

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-iteration-count: var(--animate-repeat);

    animation-iteration-count: var(--animate-repeat);

}



.animated.repeat-2 {

    -webkit-animation-iteration-count: calc(1 * 2);

    animation-iteration-count: calc(1 * 2);

    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);

    animation-iteration-count: calc(var(--animate-repeat) * 2);

}



.animated.repeat-3 {

    -webkit-animation-iteration-count: calc(1 * 3);

    animation-iteration-count: calc(1 * 3);

    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);

    animation-iteration-count: calc(var(--animate-repeat) * 3);

}



.animated.delay-1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

    -webkit-animation-delay: var(--animate-delay);

    animation-delay: var(--animate-delay);

}



.animated.delay-2s {

    -webkit-animation-delay: calc(1s * 2);

    animation-delay: calc(1s * 2);

    -webkit-animation-delay: calc(var(--animate-delay) * 2);

    animation-delay: calc(var(--animate-delay) * 2);

}



.animated.delay-3s {

    -webkit-animation-delay: calc(1s * 3);

    animation-delay: calc(1s * 3);

    -webkit-animation-delay: calc(var(--animate-delay) * 3);

    animation-delay: calc(var(--animate-delay) * 3);

}



.animated.delay-4s {

    -webkit-animation-delay: calc(1s * 4);

    animation-delay: calc(1s * 4);

    -webkit-animation-delay: calc(var(--animate-delay) * 4);

    animation-delay: calc(var(--animate-delay) * 4);

}



.animated.delay-5s {

    -webkit-animation-delay: calc(1s * 5);

    animation-delay: calc(1s * 5);

    -webkit-animation-delay: calc(var(--animate-delay) * 5);

    animation-delay: calc(var(--animate-delay) * 5);

}



.animated.faster {

    -webkit-animation-duration: calc(1s / 2);

    animation-duration: calc(1s / 2);

    -webkit-animation-duration: calc(var(--animate-duration) / 2);

    animation-duration: calc(var(--animate-duration) / 2);

}



.animated.fast {

    -webkit-animation-duration: calc(1s * 0.8);

    animation-duration: calc(1s * 0.8);

    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);

    animation-duration: calc(var(--animate-duration) * 0.8);

}



.animated.slow {

    -webkit-animation-duration: calc(1s * 2);

    animation-duration: calc(1s * 2);

    -webkit-animation-duration: calc(var(--animate-duration) * 2);

    animation-duration: calc(var(--animate-duration) * 2);

}



.animated.slower {

    -webkit-animation-duration: calc(1s * 3);

    animation-duration: calc(1s * 3);

    -webkit-animation-duration: calc(var(--animate-duration) * 3);

    animation-duration: calc(var(--animate-duration) * 3);

}



@media print,

(prefers-reduced-motion: reduce) {

    .animated {

        -webkit-animation-duration: 1ms !important;

        animation-duration: 1ms !important;

        -webkit-transition-duration: 1ms !important;

        transition-duration: 1ms !important;

        -webkit-animation-iteration-count: 1 !important;

        animation-iteration-count: 1 !important;

    }

    .animated[class*='Out'] {

        opacity: 0;

    }

}





/* Attention seekers  */



@-webkit-keyframes bounce {

    from,

    20%,

    53%,

    to {

        -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);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -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);

        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);

        transform: translate3d(0, -30px, 0) scaleY(1.1);

    }

    70% {

        -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);

        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);

        transform: translate3d(0, -15px, 0) scaleY(1.05);

    }

    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);

        transform: translate3d(0, 0, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);

        transform: translate3d(0, -4px, 0) scaleY(1.02);

    }

}



@keyframes bounce {

    from,

    20%,

    53%,

    to {

        -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);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    40%,

    43% {

        -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);

        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);

        transform: translate3d(0, -30px, 0) scaleY(1.1);

    }

    70% {

        -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);

        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);

        transform: translate3d(0, -15px, 0) scaleY(1.05);

    }

    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);

        transform: translate3d(0, 0, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);

        transform: translate3d(0, -4px, 0) scaleY(1.02);

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}



@-webkit-keyframes flash {

    from,

    50%,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}



@keyframes flash {

    from,

    50%,

    to {

        opacity: 1;

    }

    25%,

    75% {

        opacity: 0;

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash;

}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes pulse {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

}



@-webkit-keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes rubberBand {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    30% {

        -webkit-transform: scale3d(1.25, 0.75, 1);

        transform: scale3d(1.25, 0.75, 1);

    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1);

    }

    50% {

        -webkit-transform: scale3d(1.15, 0.85, 1);

        transform: scale3d(1.15, 0.85, 1);

    }

    65% {

        -webkit-transform: scale3d(0.95, 1.05, 1);

        transform: scale3d(0.95, 1.05, 1);

    }

    75% {

        -webkit-transform: scale3d(1.05, 0.95, 1);

        transform: scale3d(1.05, 0.95, 1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

}



@-webkit-keyframes shakeX {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}



@keyframes shakeX {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0);

    }

}



.shakeX {

    -webkit-animation-name: shakeX;

    animation-name: shakeX;

}



@-webkit-keyframes shakeY {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

}



@keyframes shakeY {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0);

    }

}



.shakeY {

    -webkit-animation-name: shakeY;

    animation-name: shakeY;

}



@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg);

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg);

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg);

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg);

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake;

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg);

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg);

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg);

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg);

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

}



@-webkit-keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes tada {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes wobble {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes wobble {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

}



@-webkit-keyframes jello {

    from,

    11.1%,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}



@keyframes jello {

    from,

    11.1%,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg);

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg);

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg);

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg);

    }

    66.6% {

        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

        transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

    77.7% {

        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

        transform: skewX(0.390625deg) skewY(0.390625deg);

    }

    88.8% {

        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

}



.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.heartBeat {

    -webkit-animation-name: heartBeat;

    animation-name: heartBeat;

    -webkit-animation-duration: calc(1s * 1.3);

    animation-duration: calc(1s * 1.3);

    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);

    animation-duration: calc(var(--animate-duration) * 1.3);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

}





/* Back entrances */



@-webkit-keyframes backInDown {

    0% {

        -webkit-transform: translateY(-1200px) scale(0.7);

        transform: translateY(-1200px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



@keyframes backInDown {

    0% {

        -webkit-transform: translateY(-1200px) scale(0.7);

        transform: translateY(-1200px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



.backInDown {

    -webkit-animation-name: backInDown;

    animation-name: backInDown;

}



@-webkit-keyframes backInLeft {

    0% {

        -webkit-transform: translateX(-2000px) scale(0.7);

        transform: translateX(-2000px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



@keyframes backInLeft {

    0% {

        -webkit-transform: translateX(-2000px) scale(0.7);

        transform: translateX(-2000px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



.backInLeft {

    -webkit-animation-name: backInLeft;

    animation-name: backInLeft;

}



@-webkit-keyframes backInRight {

    0% {

        -webkit-transform: translateX(2000px) scale(0.7);

        transform: translateX(2000px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



@keyframes backInRight {

    0% {

        -webkit-transform: translateX(2000px) scale(0.7);

        transform: translateX(2000px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



.backInRight {

    -webkit-animation-name: backInRight;

    animation-name: backInRight;

}



@-webkit-keyframes backInUp {

    0% {

        -webkit-transform: translateY(1200px) scale(0.7);

        transform: translateY(1200px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



@keyframes backInUp {

    0% {

        -webkit-transform: translateY(1200px) scale(0.7);

        transform: translateY(1200px) scale(0.7);

        opacity: 0.7;

    }

    80% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}



.backInUp {

    -webkit-animation-name: backInUp;

    animation-name: backInUp;

}





/* Back exits */



@-webkit-keyframes backOutDown {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateY(700px) scale(0.7);

        transform: translateY(700px) scale(0.7);

        opacity: 0.7;

    }

}



@keyframes backOutDown {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateY(700px) scale(0.7);

        transform: translateY(700px) scale(0.7);

        opacity: 0.7;

    }

}



.backOutDown {

    -webkit-animation-name: backOutDown;

    animation-name: backOutDown;

}



@-webkit-keyframes backOutLeft {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateX(-2000px) scale(0.7);

        transform: translateX(-2000px) scale(0.7);

        opacity: 0.7;

    }

}



@keyframes backOutLeft {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateX(-2000px) scale(0.7);

        transform: translateX(-2000px) scale(0.7);

        opacity: 0.7;

    }

}



.backOutLeft {

    -webkit-animation-name: backOutLeft;

    animation-name: backOutLeft;

}



@-webkit-keyframes backOutRight {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateX(2000px) scale(0.7);

        transform: translateX(2000px) scale(0.7);

        opacity: 0.7;

    }

}



@keyframes backOutRight {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateX(0px) scale(0.7);

        transform: translateX(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateX(2000px) scale(0.7);

        transform: translateX(2000px) scale(0.7);

        opacity: 0.7;

    }

}



.backOutRight {

    -webkit-animation-name: backOutRight;

    animation-name: backOutRight;

}



@-webkit-keyframes backOutUp {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateY(-700px) scale(0.7);

        transform: translateY(-700px) scale(0.7);

        opacity: 0.7;

    }

}



@keyframes backOutUp {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

    20% {

        -webkit-transform: translateY(0px) scale(0.7);

        transform: translateY(0px) scale(0.7);

        opacity: 0.7;

    }

    100% {

        -webkit-transform: translateY(-700px) scale(0.7);

        transform: translateY(-700px) scale(0.7);

        opacity: 0.7;

    }

}



.backOutUp {

    -webkit-animation-name: backOutUp;

    animation-name: backOutUp;

}





/* Bouncing entrances  */



@-webkit-keyframes bounceIn {

    from,

    20%,

    40%,

    60%,

    80%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes bounceIn {

    from,

    20%,

    40%,

    60%,

    80%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(0.97, 0.97, 0.97);

        transform: scale3d(0.97, 0.97, 0.97);

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.bounceIn {

    -webkit-animation-duration: calc(1s * 0.75);

    animation-duration: calc(1s * 0.75);

    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

    animation-duration: calc(var(--animate-duration) * 0.75);

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);

        transform: translate3d(0, -3000px, 0) scaleY(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);

        transform: translate3d(0, 25px, 0) scaleY(0.9);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);

        transform: translate3d(0, -10px, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);

        transform: translate3d(0, 5px, 0) scaleY(0.985);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInDown {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);

        transform: translate3d(0, -3000px, 0) scaleY(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);

        transform: translate3d(0, 25px, 0) scaleY(0.9);

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);

        transform: translate3d(0, -10px, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);

        transform: translate3d(0, 5px, 0) scaleY(0.985);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);

        transform: translate3d(-3000px, 0, 0) scaleX(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);

        transform: translate3d(25px, 0, 0) scaleX(1);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);

        transform: translate3d(-10px, 0, 0) scaleX(0.98);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);

        transform: translate3d(5px, 0, 0) scaleX(0.995);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInLeft {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);

        transform: translate3d(-3000px, 0, 0) scaleX(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);

        transform: translate3d(25px, 0, 0) scaleX(1);

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);

        transform: translate3d(-10px, 0, 0) scaleX(0.98);

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);

        transform: translate3d(5px, 0, 0) scaleX(0.995);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);

        transform: translate3d(3000px, 0, 0) scaleX(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);

        transform: translate3d(-25px, 0, 0) scaleX(1);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);

        transform: translate3d(10px, 0, 0) scaleX(0.98);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);

        transform: translate3d(-5px, 0, 0) scaleX(0.995);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInRight {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);

        transform: translate3d(3000px, 0, 0) scaleX(3);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);

        transform: translate3d(-25px, 0, 0) scaleX(1);

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);

        transform: translate3d(10px, 0, 0) scaleX(0.98);

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);

        transform: translate3d(-5px, 0, 0) scaleX(0.995);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);

        transform: translate3d(0, 3000px, 0) scaleY(5);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

        transform: translate3d(0, -20px, 0) scaleY(0.9);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);

        transform: translate3d(0, 10px, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);

        transform: translate3d(0, -5px, 0) scaleY(0.985);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes bounceInUp {

    from,

    60%,

    75%,

    90%,

    to {

        -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);

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);

        transform: translate3d(0, 3000px, 0) scaleY(5);

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

        transform: translate3d(0, -20px, 0) scaleY(0.9);

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);

        transform: translate3d(0, 10px, 0) scaleY(0.95);

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);

        transform: translate3d(0, -5px, 0) scaleY(0.985);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

}





/* Bouncing exits  */



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9);

        transform: scale3d(0.9, 0.9, 0.9);

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

}



.bounceOut {

    -webkit-animation-duration: calc(1s * 0.75);

    animation-duration: calc(1s * 0.75);

    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

    animation-duration: calc(var(--animate-duration) * 0.75);

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);

        transform: translate3d(0, 10px, 0) scaleY(0.985);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

        transform: translate3d(0, -20px, 0) scaleY(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);

        transform: translate3d(0, 2000px, 0) scaleY(3);

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);

        transform: translate3d(0, 10px, 0) scaleY(0.985);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);

        transform: translate3d(0, -20px, 0) scaleY(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);

        transform: translate3d(0, 2000px, 0) scaleY(3);

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);

        transform: translate3d(20px, 0, 0) scaleX(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);

        transform: translate3d(-2000px, 0, 0) scaleX(2);

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);

        transform: translate3d(20px, 0, 0) scaleX(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);

        transform: translate3d(-2000px, 0, 0) scaleX(2);

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);

        transform: translate3d(-20px, 0, 0) scaleX(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);

        transform: translate3d(2000px, 0, 0) scaleX(2);

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);

        transform: translate3d(-20px, 0, 0) scaleX(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);

        transform: translate3d(2000px, 0, 0) scaleX(2);

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);

        transform: translate3d(0, -10px, 0) scaleY(0.985);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);

        transform: translate3d(0, 20px, 0) scaleY(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);

        transform: translate3d(0, -2000px, 0) scaleY(3);

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);

        transform: translate3d(0, -10px, 0) scaleY(0.985);

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);

        transform: translate3d(0, 20px, 0) scaleY(0.9);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);

        transform: translate3d(0, -2000px, 0) scaleY(3);

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

}





/* Fading entrances  */



@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeInTopLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, -100%, 0);

        transform: translate3d(-100%, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInTopLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, -100%, 0);

        transform: translate3d(-100%, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInTopLeft {

    -webkit-animation-name: fadeInTopLeft;

    animation-name: fadeInTopLeft;

}



@-webkit-keyframes fadeInTopRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, -100%, 0);

        transform: translate3d(100%, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInTopRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, -100%, 0);

        transform: translate3d(100%, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInTopRight {

    -webkit-animation-name: fadeInTopRight;

    animation-name: fadeInTopRight;

}



@-webkit-keyframes fadeInBottomLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 100%, 0);

        transform: translate3d(-100%, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInBottomLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 100%, 0);

        transform: translate3d(-100%, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInBottomLeft {

    -webkit-animation-name: fadeInBottomLeft;

    animation-name: fadeInBottomLeft;

}



@-webkit-keyframes fadeInBottomRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 100%, 0);

        transform: translate3d(100%, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes fadeInBottomRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 100%, 0);

        transform: translate3d(100%, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.fadeInBottomRight {

    -webkit-animation-name: fadeInBottomRight;

    animation-name: fadeInBottomRight;

}





/* Fading exits */



@-webkit-keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



@keyframes fadeOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes fadeOutDown {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



@keyframes fadeOutDownBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0);

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes fadeOutLeft {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



@keyframes fadeOutLeftBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0);

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes fadeOutRight {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



@keyframes fadeOutRightBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0);

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes fadeOutUp {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



@keyframes fadeOutUpBig {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0);

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

}



@-webkit-keyframes fadeOutTopLeft {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, -100%, 0);

        transform: translate3d(-100%, -100%, 0);

    }

}



@keyframes fadeOutTopLeft {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, -100%, 0);

        transform: translate3d(-100%, -100%, 0);

    }

}



.fadeOutTopLeft {

    -webkit-animation-name: fadeOutTopLeft;

    animation-name: fadeOutTopLeft;

}



@-webkit-keyframes fadeOutTopRight {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, -100%, 0);

        transform: translate3d(100%, -100%, 0);

    }

}



@keyframes fadeOutTopRight {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, -100%, 0);

        transform: translate3d(100%, -100%, 0);

    }

}



.fadeOutTopRight {

    -webkit-animation-name: fadeOutTopRight;

    animation-name: fadeOutTopRight;

}



@-webkit-keyframes fadeOutBottomRight {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 100%, 0);

        transform: translate3d(100%, 100%, 0);

    }

}



@keyframes fadeOutBottomRight {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 100%, 0);

        transform: translate3d(100%, 100%, 0);

    }

}



.fadeOutBottomRight {

    -webkit-animation-name: fadeOutBottomRight;

    animation-name: fadeOutBottomRight;

}



@-webkit-keyframes fadeOutBottomLeft {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 100%, 0);

        transform: translate3d(-100%, 100%, 0);

    }

}



@keyframes fadeOutBottomLeft {

    from {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 100%, 0);

        transform: translate3d(-100%, 100%, 0);

    }

}



.fadeOutBottomLeft {

    -webkit-animation-name: fadeOutBottomLeft;

    animation-name: fadeOutBottomLeft;

}





/* Flippers */



@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



@keyframes flip {

    from {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    40% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

    50% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    to {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

}



@-webkit-keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;

}



@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

}



.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}



@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;

    }

}



.flipOutX {

    -webkit-animation-duration: calc(1s * 0.75);

    animation-duration: calc(1s * 0.75);

    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

    animation-duration: calc(var(--animate-duration) * 0.75);

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}



@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;

    }

}



.flipOutY {

    -webkit-animation-duration: calc(1s * 0.75);

    animation-duration: calc(1s * 0.75);

    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);

    animation-duration: calc(var(--animate-duration) * 0.75);

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

}





/* Lightspeed */



@-webkit-keyframes lightSpeedInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes lightSpeedInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.lightSpeedInRight {

    -webkit-animation-name: lightSpeedInRight;

    animation-name: lightSpeedInRight;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);

        transform: translate3d(-100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(-20deg);

        transform: skewX(-20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(5deg);

        transform: skewX(5deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes lightSpeedInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);

        transform: translate3d(-100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

    60% {

        -webkit-transform: skewX(-20deg);

        transform: skewX(-20deg);

        opacity: 1;

    }

    80% {

        -webkit-transform: skewX(5deg);

        transform: skewX(5deg);

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.lightSpeedInLeft {

    -webkit-animation-name: lightSpeedInLeft;

    animation-name: lightSpeedInLeft;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOutRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}



@keyframes lightSpeedOutRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;

    }

}



.lightSpeedOutRight {

    -webkit-animation-name: lightSpeedOutRight;

    animation-name: lightSpeedOutRight;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

}



@-webkit-keyframes lightSpeedOutLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);

        transform: translate3d(-100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

}



@keyframes lightSpeedOutLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);

        transform: translate3d(-100%, 0, 0) skewX(-30deg);

        opacity: 0;

    }

}



.lightSpeedOutLeft {

    -webkit-animation-name: lightSpeedOutLeft;

    animation-name: lightSpeedOutLeft;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

}





/* Rotating entrances */



@-webkit-keyframes rotateIn {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateIn {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

    -webkit-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInDownLeft {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInDownRight {

    from {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

}



@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInUpLeft {

    from {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



@keyframes rotateInUpRight {

    from {

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

}





/* Rotating exits */



@-webkit-keyframes rotateOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}



@keyframes rotateOut {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0;

    }

}



.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;

    -webkit-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes rotateOutDownLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}



@keyframes rotateOutDownLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0;

    }

}



.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



@-webkit-keyframes rotateOutDownRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



@keyframes rotateOutDownRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

}



@-webkit-keyframes rotateOutUpLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



@keyframes rotateOutUpLeft {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0;

    }

}



.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



@-webkit-keyframes rotateOutUpRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}



@keyframes rotateOutUpRight {

    from {

        opacity: 1;

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0;

    }

}



.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

}





/* Specials */



@-webkit-keyframes hinge {

    0% {

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}



@keyframes hinge {

    0% {

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1;

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0;

    }

}



.hinge {

    -webkit-animation-duration: calc(1s * 2);

    animation-duration: calc(1s * 2);

    -webkit-animation-duration: calc(var(--animate-duration) * 2);

    animation-duration: calc(var(--animate-duration) * 2);

    -webkit-animation-name: hinge;

    animation-name: hinge;

    -webkit-transform-origin: top left;

    transform-origin: top left;

}



@-webkit-keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(0.1) rotate(30deg);

        transform: scale(0.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg);

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg);

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.jackInTheBox {

    -webkit-animation-name: jackInTheBox;

    animation-name: jackInTheBox;

}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

}





/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}



@keyframes rollOut {

    from {

        opacity: 1;

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

    }

}



.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;

}





/* Zooming entrances */



@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}



@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    50% {

        opacity: 1;

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

        -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);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

}





/* Zooming exits */



@-webkit-keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}



@keyframes zoomOut {

    from {

        opacity: 1;

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(0.3, 0.3, 0.3);

        transform: scale3d(0.3, 0.3, 0.3);

    }

    to {

        opacity: 0;

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -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);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

        -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);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

        transform: scale(0.1) translate3d(-2000px, 0, 0);

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

    -webkit-transform-origin: left center;

    transform-origin: left center;

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    }

    to {

        opacity: 0;

        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

        transform: scale(0.1) translate3d(2000px, 0, 0);

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

    -webkit-transform-origin: right center;

    transform-origin: right center;

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -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);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

        -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);

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

}





/* Sliding entrances */



@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible;

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

}





/* Sliding exits */



@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

}



.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

    }

}



.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

}



.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

}



.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

}


/* customs-alls */

main #thumbs .tab-content .tab-pane .list-item-new>.row>[class^=col] {
    width: 50%;
    flex: unset;
}

main #thumbs .tab-content .tab-pane .list-item-new>.row>[class^=col]:nth-child(1) {
    width: 45%;
}

main #thumbs .tab-content .tab-pane .list-item-new>.row>[class^=col]:nth-child(2) {
    width: 55%;
}

main #thumbs .tab-content .tab-pane .list-item-new .avarta .item {
    padding-right: 30px;
}

main #thumbs .tab-content .tab-pane .list-item-new .avarta {
    position: relative;
    height: 1px;
    display: flex;
    padding-top: 100%;
    width: 100%;
    overflow: unset;
}

main #thumbs .tab-content .tab-pane .list-item-new .item .avarta:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #FFFFFF;
    border-radius: 1000px;
    width: 100%;
    height: 100%;
    transform: translateX(30%);
}

main #thumbs .tab-content .tab-pane .list-item-new .item .avarta img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1000px;
    z-index: 10;
}

.fb_reset .fb_dialog .fb_dialog_content iframe {
    bottom: 60px !important;
}

#fb-root>div:first-child {
    transform: translateY(-60px);
}

@media (max-width: 1199.98px) {
    #addon__society .addon__item.right {
        bottom: 125px;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
    footer .reserved .left {
        text-align: left;
    }

    footer .footer-sent {
        display: block !important;
    }

    footer .footer-sent .right input {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
}

@media (max-width: 576.98px) {}

@media (max-width: 320.98px) {}