/* Minification failed. Returning unminified contents.
(23,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(100,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(167,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-secondary'
(201,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(229,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(237,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(253,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(282,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(286,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(328,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(337,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(367,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-primary'
(455,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-light'
(477,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(483,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray'
(489,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(679,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary'
(766,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(849,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(858,32): run-time error CSS1039: Token not allowed after unary operator: '-sc-primary'
(889,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-secondary'
(1023,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-primary'
(1181,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1202,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray'
(1216,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1241,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray'
(1257,40): run-time error CSS1046: Expect comma, found '0'
(1257,44): run-time error CSS1046: Expect comma, found '/'
(1902,39): run-time error CSS1046: Expect comma, found '0'
(1902,43): run-time error CSS1046: Expect comma, found '/'
(1928,13): run-time error CSS1035: Expected colon, found 'Fl'
(1972,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1973,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1978,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(1979,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(2034,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(2073,27): run-time error CSS1046: Expect comma, found '0'
(2073,31): run-time error CSS1046: Expect comma, found '/'
(2168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2176,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2177,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2190,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2191,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2197,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2198,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2204,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2205,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat'
(2211,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2212,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2218,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2219,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2225,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2226,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2232,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2233,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2239,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2240,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay'
(2246,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2247,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2253,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2254,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2260,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2261,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2267,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(2268,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3006,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3007,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3455,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3456,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3794,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(3795,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5030,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5031,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5079,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5080,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5648,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
(5649,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration'
 */
/*=========================
	All css
==========================*/
 

/*@import url("../vendors/animate/animate.min.css");*/


/*=========================
	All css
==========================*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
*/
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Rubik', sans-serif;
*/
html,
body {
    font-size: 1rem;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f6fff5;
    overflow: auto;
}

    html, body[dir=rtl] {
        width: 100vw;
        overflow-x: hidden;
    }

header {
    padding-top: 2rem;
}

dl, ul, ol {
    list-style-position: outside;
}
/* section  {
  margin-top: 6rem;
} */

/*cookie note */
#cookieNots {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 5px;
    background: #003;
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: none;
    z-index: 99999
}

#closeCookieNote {
    font-size: 10px;
    margin: 0 12px;
    cursor: pointer;
    opacity: 0.7;
}

    #closeCookieNote:hover {
        opacity: 1;
    }

#NoteIcon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

#noteText {
    font-size: 40px;
}

#noteText {
    width: 70%;
    margin: auto;
    font-size: 17px;
}

.waiting {
    display: none;
}

.feather {
    width: 24px;
    height: 24px;
    stroke: var(--bs-primary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

hr.divider {
    border-top-color: #e0e0e0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-width: 0;
    border-style: solid;
    border-top-color: #d2dde5;
    border-top-width: 1px;
    height: 0;
    width: 100%;
}


body[dir=rtl] .logo {
    width: 200px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-ar.svg');
}

body[dir=ltr] .logo {
    width: 200px;
    height: 37.5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-en.svg');
}

.gradient {
    background: rgb(0, 204, 153);
    background: linear-gradient( 0deg, rgba(0, 204, 153, 1) 0%, #000033 100% );
}

.up-card {
    border: 1px solid #e0e0e0;
}

.ovpr-dark:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 0deg, rgba(0, 204, 153, 1) 0%, rgba(2, 2, 105, 1) 100%) !important;
    opacity: 0.30;
}

body[dir=rtl] .ovpr-dark:after {
    left: auto;
    right: 0
}

.rounded-20 {
    border-radius: 20px !important
}

.bg-dark-secondary {
    background-color: var(--bs-dark-secondary);
    color: #fff !important;
}
/*start navbar*/
.navbar-toggler {
    padding: 0;
    border: 0;
}

body[dir=rtl] .navbar-toggler {
    margin-left: 15px;
}

.dark-navbar .navbar-toggler {
    background-color: #f5f5f5;
}

.menu-logo {
    color: #EFBB20;
    width: 155px;
    height: 45px;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    background-size: contain;
    padding-right: 20px;
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-en.svg');
    background-repeat: no-repeat;
}

.nav-link:hover, .dark-navbar .nav-link:hover {
    color: var(--bs-primary) !important;
}

.dark-navbar .menu-logo {
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-dark-en.svg');
    background-repeat: no-repeat;
}


body[dir=rtl] .menu-logo {
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-ar.svg');
    background-repeat: no-repeat;
    background-position-x: right;
}

body[dir=rtl] .dark-navbar .menu-logo {
    background-image: url('/Areas/NGO_Academy/Assets/img/logo/ngo-academy-logo-dark-ar.svg');
    background-repeat: no-repeat;
    background-position-x: right;
}



.dark-navbar .nav-link {
    color: #fff !important;
}

.light-navbar .nav-link {
    color: var(--bs-secondary);
}

.nav-link {
    font-weight: 400 !important;
}

.nav-link {
    color: var(--bs-primary);
    display: inline-block !important;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    padding: 0.2em 0;
    overflow: hidden;
}

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.1em;
        background-color: var(--bs-primary);
        transition: all 300ms;
        opacity: 1;
        transform: translate3d(-101%, 0, 0);
    }

body[dir=rtl] .nav-link::after {
    transform: translate3d(101%, 0, 0);
}

.nav-link:hover {
    color: var(--bs-primary);
    background: none;
}

    .nav-link:hover::after,
    .nav-link:focus::after {
        transform: translate3d(0, 0, 0);
    }

body[dir=rtl] .nav-link:hover::after,
body[dir=rtl] .nav-link:focus::after {
    transform: translate3d(0, 0, 0);
}



/*end navbar*/
h1, h2, h3, h4 {
    color: var(--bs-secondary) !important;
}

a {
    color: var(--bs-primary);
    font-weight: 200 !important;
}

p {
    color: #505050 !important;
}

h1 {
    font-size: 70px;
    font-weight: bolder !important;
}

h2 {
    font-size: 64px;
    font-weight: bolder !important;
}

h3 {
    font-size: 30px;
    font-weight: bolder !important;
}

h4 {
    font-size: 25px;
    font-weight: 600 !important;
}

hr {
    margin: 1rem 0;
    border: 2px;
    border-top: 1px solid #9d9daf;
}

.btn-primary,
.btn-light-primary {
    color: #fff !important;
    font-weight: 600 !important;
}

.btn-outline-primary {
    font-weight: 400 !important;
    border: 2px solid var(--bs-primary);
}

body[dir=rtl] .btn-outline-primary:hover {
    color: #fff !important;
}


a {
    color: var(--bs-primary);
    outline: 0 none;
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: 0 none;
    }

    a:active, a:hover {
        color: #333333;
    }

p {
    color: #333333;
}



/* start header section */



h1.background {
    position: relative;
    z-index: 1;
}

.background:before {
    border-top: 25px solid var(--bs-light-primary);
    content: "";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: -25px;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

body[dir=rtl] .background:before {
    right: -25px;
    left: 0;
}

.highlight {
    /* background: url(/Areas/NGO_Academy/Assets/img//brush-stroke-banner.png); */
    background: url(https://www.andyhooke.co.uk/wp-content/uploads/2018/02/yellow-brushstroke.png);
    background-repeat: no-repeat;
    background-size: 100% 95%;
    padding: 8px 0;
}
/* end header section */

/* start mission section */


.page-mission {
    font-size: 1.25rem;
    position: relative;
    background-color: #f6fff5;
    /* background-repeat: no-repeat;
    background-size: 50% 164%; */
    background-position: left center;
    /* opacity: 0.6; */
    padding: 4rem 0;
    margin: 0 0;
    /* overflow: hidden; */
}

body[dir=rtl] .page-mission {
    background-position: right center;
}

.page-mission::before {
    content: "";
    background-image: url(/Areas/NGO_Academy/Assets/img//Logo_Icon.png);
    background-repeat: no-repeat;
    background-size: 700px 700px;
    position: absolute;
    top: -81px;
    right: 0px;
    bottom: -53px;
    left: 11px;
    opacity: 0.3;
    z-index: 1 !important;
}

body[dir=rtl] .page-mission::before {
    left: 0px;
    right: 11px;
}

.page-mission img {
    z-index: 2 !important;
}
/* .page-mission h2 {
  font-size: 64px;
} */

/* end mission section */

/* start learningCenter section */

.page-learningCenter .icon {
    color: #fff;
    height: 5rem;
    width: 5rem;
    font-size: 1.75rem;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon .feather {
    stroke: var(--bs-light);
}

.page-learningCenter .header {
    margin: 0 0 30px 0px;
    padding: 6px 0px;
}



.section {
    position: relative;
    box-shadow: 0 1px 7px #e2e8ed;
    /* border-radius: 5%; */
    padding: 30px 10px;
    margin: 6px;
    background-color: #f6fff5;
    height: 350px !important;
}

    .section h1 {
        font-size: 20px;
        color: var(--bs-secondary);
    }

    .section p {
        padding: 0 4px;
        font-size: 16px;
        color: var(--bs-gray);
    }

    .section span {
        padding: 0 4px;
        font-size: 12px;
        color: var(--bs-primary);
    }
/* end learningCenter section */

/* start ftfTraining section */
.section_ftfTraining {
    margin: 6rem 0;
}

    .section_ftfTraining .card {
        overflow: hidden;
    }

        .section_ftfTraining .card::before {
            content: "";
            background-image: url(/Areas/NGO_Academy/Assets/img//Logo_Icon.png);
            background-repeat: no-repeat;
            background-size: 200px 200px;
            position: absolute;
            opacity: 0.1;
            top: 306px;
            right: 0;
            bottom: 0;
            left: -46px;
            z-index: 1 !important;
        }

body[dir=rtl] .section_ftfTraining .card::before {
    left: 0;
    right: -46px;
}
/* end ftfTraining section */
/* start testimonials section */
.section-testimonial {
    padding-bottom: 6rem;
}

    .section-testimonial .card {
        border-radius: 1.25rem !important;
    }

        .section-testimonial .card h1:before {
            content: "\f10e";
            font-family: fontawesome;
            color: #c1f9eb;
            font-size: 50px;
            position: absolute;
            top: 33px;
            right: 67px;
            bottom: 0px;
            z-index: 1 !important;
        }

body[dir=rtl] .section-testimonial .card h1:before {
    left: 67px;
    right: auto;
}

.section-testimonial .card-body {
    color: #4a4a64;
    z-index: 3 !important;
}

.section-testimonial p {
    /*text-indent: 60px;*/
}

.section-testimonial span {
    text-indent: 50px;
    font-size: 12px;
}

.owl-theme .owl-nav span {
    display: none !important;
}
/* .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
} */

.owl-prev {
    background-image: url(/Areas/NGO_Academy/Assets/img//prev.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px !important;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 30px;
    right: 70px;
    margin-left: -20px;
    /* display: block !important; */
}

body[dir=rtl] .owl-prev {
    right: auto;
    left: 70px;
    margin-right: -20px;
    margin-left: 0;
}

.owl-next {
    background-image: url(/Areas/NGO_Academy/Assets/img//next.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px !important;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 30px;
    right: 21px;
    display: block !important;
    border: 3px solid black;
}

body[dir=rtl] .owl-next {
    left: 21px;
    right: auto;
}

.owl-prev:hover {
    background: transparent !important;
    background-image: url(/Areas/NGO_Academy/Assets/img//dark-prev.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px !important;
}

.owl-next:hover {
    background: transparent !important;
    background-image: url(/Areas/NGO_Academy/Assets/img//dark-next.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px !important;
}


/* end testimonials section */


/* start  section-learningCenter new */

.section-learning-center {
    position: relative !important;
    margin: 90px 0px 130px 0px !important;
    background-image: url(/Areas/NGO_Academy/Assets/img//website-parallax-background-C.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 700px;
}

    .section-learning-center .continer {
        position: relative;
        z-index: 1;
    }

.lc-title {
    margin: 10px 0;
    color: #fff !important;
}

    .lc-title h1 {
        margin: 2rem 0;
        color: #fff !important;
    }

    .lc-title p {
        padding: 0 4px;
        font-size: 40px;
        color: #fff !important;
    }

.lc-bx {
    box-shadow: 0 0 25px 0 rgba(29,25,0,0.25);
    transition: all 0.5s;
    position: relative;
    background-color: #fff;
}

    .lc-bx [class*="feature-"] {
        box-shadow: 0 0 25px 0 rgba(29,25,0,0.15);
        margin-top: -30px;
        position: relative;
        top: -42px;
        margin-bottom: -20px;
    }

    .lc-bx .info-bx {
        padding: 30px;
        height: 300px;
    }

.info-bx h4 {
    font-size: 25px;
    color: var(--bs-secondary) !important;
}

.info-bx p {
    font-size: 16px;
}

.lc-bx:hover {
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
}

.feature-box-sm {
    width: 100px;
    height: 100px;
    line-height: 90px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    justify-content: center;
}

    .feature-box-sm .feather {
        width: 40px;
        height: 40px;
    }

.section-learning-center .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}
/* end */













/* start online-traning section */
.section-online-traning {
    position: relative !important;
    margin: 40px 0px 60px 0px !important;
    background-color: #f6fff5;
}
/* .ot-title p{
font-size:25px;
} */
.ot-title h1 {
    margin: 2rem 0;
}

.ot-title p {
    padding: 0 4px;
    font-size: 40px;
    color: #fff !important;
}

/* Event Box */

.event-bx {
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(29,25,0,0.25);
}

.upcoming-event-carousel {
    margin-top: -15px;
}

    .upcoming-event-carousel .item {
        padding: 15px;
    }

.event-bx .info-bx {
    padding: 30px;
}

.event-time {
    color: #fff;
    background-color: var(--bs-primary);
    text-align: center;
    padding: 15px 10px;
    border-radius: 4px;
    margin-right: 20px;
}

body[dir=rtl] .event-time {
    margin-right: 0;
    margin-left: 20px;
}

.event-time .event-date {
    font-size: 55px;
    font-family: rubik;
    font-weight: 700;
    line-height: 55px;
}

.event-info .event-title {
    font-family: rubik;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 24px;
}

.media-post li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    text-transform: capitalize;
    margin-right: 5px;
}

body[dir=rtl] .media-post li {
    margin-left: 5px;
    margin-right: 0;
}

.event-info .media-post {
    margin-bottom: 10px;
}

    .event-info .media-post li a {
        text-transform: capitalize;
        font-size: 14px;
        color: #757575;
    }

.event-info p {
    color: #454545;
    margin-bottom: 0;
    font-family: rubik;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.upcoming-event-carousel .owl-item {
    box-shadow: none;
    transform: scale(0.9);
    transition: all 0.5s;
    opacity: 0.4;
}

    .upcoming-event-carousel .owl-item .item {
        padding: 0;
    }

    .upcoming-event-carousel .owl-item.active.center .item {
        padding: 15px;
    }

    .upcoming-event-carousel .owl-item.active.center {
        transform: scale(1);
        transition: all 0.5s;
        opacity: 1;
    }

.upcoming-event-carousel.owl-btn-1 .owl-prev,
.upcoming-event-carousel.owl-btn-1 .owl-next {
    margin: 0 100px !important;
    font-size: 20px;
    background-color: var(--bs-primary);
    width: 50px;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

    .upcoming-event-carousel.owl-btn-1 .owl-prev:hover,
    .upcoming-event-carousel.owl-btn-1 .owl-next:hover {
        background-color: var(--sc-primary);
    }



/* end online-traning section */

/* section space */
.section-sp1 {
    padding-top: 80px;
    padding-bottom: 50px;
}

.section-sp2 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-sp3 {
    padding-top: 80px;
    padding-bottom: 0;
}

.section-sp4 {
    padding-top: 50px;
    padding-bottom: 50px;
}
/*   */

/* start newsletter section */
.section-newsletter {
    background-color: var(--bs-dark-secondary) !important;
    padding: 80px 0;
}




/* end newsletter section */
footer {
    background-color: #fff;
}



.footer-title {
    font-size: 15px;
    color: #000033;
    margin-bottom: 25px;
}

.footer-list, .footer-list a {
    font-size: 15px;
    color: #808489;
    font-weight: 300;
}

    .footer-list li {
        margin-top: 15px;
    }

footer i.ei-facebook {
    padding: 6px;
    background: #4267b2;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

footer i.ei-twitter {
    padding: 6px;
    background: #2fa0f2;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

footer i.ei-linkedin {
    padding: 6px;
    background: #1f73b1;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

body[dir=rtl] footer i {
    margin-right: 0;
    margin-left: 5px;
}

.fcb {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 110 110' fill='%233c5a99' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M100,89.3c0,3-1,5.5-3.1,7.6s-4.6,3.1-7.6,3.1h-19V60.5h13.4l2-15.2H70.3v-9.6c0-2.4,0.4-4.2,1.3-5.4c1.2-1.3,3.2-2,6-2h8 V15c-3.1-0.4-7-0.7-11.6-0.7c-6,0-10.7,1.7-14.2,5.2s-5.2,8.4-5.2,14.6v11.2H41.1v15.2h13.6V100h-44c-3,0-5.5-1-7.6-3.1 S0,92.3,0,89.3V10.7c0-3,1-5.5,3.1-7.6S7.7,0,10.7,0h78.6c3,0,5.5,1,7.6,3.1s3.1,4.6,3.1,7.6V89.3z'/%3E%3C/svg%3E");
}



.ttr {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 110 110' fill='%231da1f2' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M89.3,0c3,0,5.5,1,7.6,3.1s3.1,4.6,3.1,7.6v78.6c0,3-1,5.5-3.1,7.6s-4.6,3.1-7.6,3.1H10.7c-3,0-5.5-1-7.6-3.1S0,92.3,0,89.3 V10.7c0-3,1-5.5,3.1-7.6S7.7,0,10.7,0H89.3z M78.3,35.5c2.8-2.1,5.3-4.6,7.4-7.6c-2.8,1.2-5.7,1.9-8.5,2.2c3.1-1.9,5.3-4.6,6.5-8 c-3,1.8-6.1,3-9.4,3.6C71.5,22.5,68,21,63.8,21c-3,0-5.7,0.8-8.1,2.5s-4.3,3.8-5.5,6.6s-1.4,5.8-0.7,9c-6.1-0.3-11.8-1.8-17-4.6 s-9.7-6.4-13.4-10.8c-1.3,2.2-2,4.7-2,7.3s0.6,5,1.8,7.1c1.2,2.2,2.8,3.9,4.9,5.2c-2.4-0.1-4.6-0.8-6.7-2v0.2c0,3.6,1.1,6.7,3.3,9.4 c2.2,2.7,5.1,4.4,8.5,5.1c-2.1,0.4-4.3,0.5-6.7,0.2c0.9,3,2.6,5.4,5.1,7.3c2.5,1.9,5.4,2.8,8.5,2.8c-5.4,4.2-11.4,6.3-18.1,6.3h-3.6 c6.8,4.3,14.4,6.5,22.5,6.5c8.5,0,16.1-2.2,22.8-6.5c6-3.9,10.6-9.2,14.1-15.8c3.1-6.3,4.7-12.7,4.7-19.4V35.5z'/%3E%3C/svg%3E%0A");
}

.ing {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 110 110' fill='%23d62a88' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M99.8,29.2c0.1,4.2,0.2,11.1,0.2,20.8s-0.1,16.6-0.3,20.9s-0.9,7.9-1.9,11c-1.3,3.7-3.4,7-6.1,9.7s-6,4.8-9.7,6.1 c-3.1,1-6.8,1.7-11,1.9S59.7,100,50,100s-16.6-0.1-20.9-0.3s-7.9-0.9-11-2.1c-3.7-1.2-7-3.2-9.7-5.9s-4.8-6-6.1-9.7 c-1-3.1-1.7-6.8-1.9-11S0,59.7,0,50s0.1-16.6,0.3-20.9s0.9-7.9,1.9-11c1.3-3.7,3.4-7,6.1-9.7s6-4.8,9.7-6.1c3.1-1,6.8-1.7,11-1.9 S40.3,0,50,0s16.6,0.1,20.9,0.3s7.9,0.9,11,1.9c3.7,1.3,7,3.4,9.7,6.1s4.8,6,6.1,9.7C98.8,21.2,99.5,24.9,99.8,29.2z M89.1,79.5 c0.9-2.5,1.5-6.5,1.8-12.1c0.1-3.3,0.2-7.9,0.2-13.8v-7.1c0-6.1-0.1-10.7-0.2-13.8c-0.3-5.7-0.9-9.7-1.8-12.1 c-1.8-4.6-5-7.8-9.6-9.6c-2.4-0.9-6.4-1.5-12.1-1.8C64.1,9,59.5,8.9,53.6,8.9h-7.1c-6,0-10.6,0.1-13.8,0.2 c-5.5,0.3-9.5,0.9-12.1,1.8c-4.6,1.8-7.8,5-9.6,9.6c-0.9,2.4-1.5,6.4-1.8,12.1C9,35.9,8.9,40.5,8.9,46.4v7.1c0,6,0.1,10.6,0.2,13.8 c0.3,5.5,0.9,9.5,1.8,12.1c1.9,4.6,5.1,7.8,9.6,9.6c2.5,0.9,6.5,1.5,12.1,1.8c3.3,0.1,7.9,0.2,13.8,0.2h7.1c6.1,0,10.7-0.1,13.8-0.2 c5.7-0.3,9.7-0.9,12.1-1.8C84.1,87.1,87.3,83.9,89.1,79.5z M50,24.3c4.6,0,8.9,1.2,12.8,3.5s7.1,5.4,9.4,9.4s3.5,8.2,3.5,12.8 s-1.2,8.9-3.5,12.8s-5.4,7.1-9.4,9.4s-8.2,3.5-12.8,3.5s-8.9-1.2-12.8-3.5s-7.1-5.4-9.4-9.4s-3.5-8.2-3.5-12.8s1.2-8.9,3.5-12.8 s5.4-7.1,9.4-9.4S45.4,24.3,50,24.3z M50,66.7c4.6,0,8.6-1.6,11.8-4.9s4.9-7.2,4.9-11.8s-1.6-8.6-4.9-11.8 c-3.3-3.3-7.2-4.9-11.8-4.9s-8.6,1.6-11.8,4.9c-3.3,3.3-4.9,7.2-4.9,11.8s1.6,8.6,4.9,11.8C41.4,65.1,45.4,66.7,50,66.7z M82.8,23.2 c0-1.6-0.6-3.1-1.8-4.2c-1.2-1.2-2.6-1.8-4.2-1.8c-1.6,0-3.1,0.6-4.2,1.8c-1.2,1.2-1.8,2.6-1.8,4.2c0,1.6,0.6,3.1,1.8,4.2 c1.2,1.2,2.6,1.8,4.2,1.8c1.6,0,3-0.6,4.1-1.8C82,26.3,82.7,24.9,82.8,23.2z'/%3E%3C/svg%3E");
}

.lkn {
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 110 110' fill='%230073b1' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M92.9,0c1.9,0,3.6,0.7,5,2.1s2.1,3.1,2.1,5v85.7c0,1.9-0.7,3.6-2.1,5s-3.1,2.1-5,2.1H7.1c-1.9,0-3.6-0.7-5-2.1 S0,94.8,0,92.9V7.1c0-1.9,0.7-3.6,2.1-5S5.2,0,7.1,0H92.9z M22.8,31.5c2.4,0,4.4-0.9,6.1-2.6s2.6-3.7,2.6-6s-0.9-4.3-2.6-6 s-3.8-2.6-6.1-2.6s-4.4,0.9-6,2.6s-2.5,3.7-2.5,6s0.8,4.3,2.5,6S20.4,31.5,22.8,31.5z M30.1,85.7h0.2V37.9h-15v47.8H30.1z M85.7,85.7V59.6c0-7.4-1-12.9-3.1-16.3c-2.8-4.3-7.7-6.5-14.5-6.5c-3.4,0-6.5,0.8-9.2,2.5c-2.2,1.3-3.9,3.1-4.9,5.1h-0.2v-6.5H39.5 v47.8h14.7V62.1c0-3.7,0.5-6.5,1.6-8.5c1.5-2.5,3.9-3.8,7.4-3.8s5.7,1.4,6.7,4.2c0.7,1.8,1.1,4.6,1.1,8.5v23.2H85.7z'/%3E%3C/svg%3E%0A");
}

.ytb {
    width: 21px;
    height: 15px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 142.2 100' fill='%23ff0000' style='enable-background:new 0 0 142.2 100;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cpath d='M139.3,15.6c1.2,4.7,2.1,11.8,2.6,21.4l0.3,13l-0.3,13c-0.5,9.7-1.4,16.9-2.6,21.6c-0.9,3-2.4,5.6-4.7,7.8 c-2.3,2.3-4.9,3.8-8.1,4.7c-4.5,1.2-15.1,2.1-31.8,2.6L71.1,100l-23.7-0.3c-16.7-0.5-27.3-1.4-31.8-2.6c-3.1-0.9-5.8-2.4-8.1-4.7 c-2.3-2.3-3.8-4.9-4.7-7.8C1.6,79.9,0.8,72.7,0.3,63L0,50c0-3.8,0.1-8.2,0.3-13c0.5-9.5,1.4-16.7,2.6-21.4c0.9-3.1,2.4-5.8,4.7-8.1 s4.9-3.8,8.1-4.7c4.5-1.2,15.1-2.1,31.8-2.6L71.1,0l23.7,0.3c16.7,0.5,27.3,1.4,31.8,2.6c3.1,0.9,5.8,2.4,8.1,4.7 S138.5,12.5,139.3,15.6z M56.5,71.4L93.8,50L56.5,28.9V71.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.socailMedia {
    margin-left: 30px;
    color: #808489;
}

body[dir=rtl] .socailMedia {
    margin-left: 0;
    margin-right: 30px;
}
/*end footer  section*/

@media only screen and (max-width: 1000px) {

    .row {
        margin-left: 5px;
        margin-right: 5px;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 44px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }

    .background:before {
        border-top: 12px solid var(--bs-light-primary);
        width: 358px;
        left: -113px
    }

    body[dir=rtl] .background:before {
        left: 0;
        right: -113px
    }

    /*.menu-logo {
        width: 100px;
        max-width: 100px;
        margin-left: 5px;
        margin-top: 10px;*/
    /*height: 50px;*/
    /*}*/
    /**/
    /*.mission-background {
        right: auto;
        left: -166px;
        transform: scale( -1,  1);
    }*/


    .mission-background {
        right: auto;
        left: -166px;
        transform: scale(-1, 1);
    }

    body[dir=rtl] .mission-background {
        position: absolute;
        left: auto;
        right: -166px;
        width: 100%;
        z-index: 0;
        opacity: 0.3;
        transform: scale( 1, 1) !important;
    }

    body[dir=rtl] .menu-logo {
        margin-left: 0;
        margin-right: 5px;
    }

    .testimonial-bx {
        margin: 6px;
    }

    .event-bx .info-bx {
        padding: 15px 10px 5px 10px;
    }

        .event-bx .info-bx:nth-child(3) {
            padding: 0px 10px 5px 10px;
        }

    .event-info p {
        display: none;
    }

    .section_ftfTraining {
        padding: 3rem 1rem;
    }

    .section-bx {
        margin-left: 26px;
        margin-right: 10px;
    }

    body[dir=rtl] .section-bx {
        margin-right: 26px;
        margin-left: 10px;
    }
}


/*start learningcenter*/
/*.search-bx {
    padding: 10px 10px;
    justify-content:center

}*/
.search-bx .form-control-plaintext {
    color: #fff !important;
    border: 0px !important;
    background-color: transparent;
}

.search-bx input:focus {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}

.search-bx .fa-search {
    margin: auto 5px;
    padding: 0 5px;
    color: rgba(255, 255, 255, 0.5);
}

.search-bx .input-group {
    border: 1px gray solid;
    padding: 10px;
    background-color: #8989BC;
    flex-wrap: nowrap !important;
}

#formSearch::placeholder {
    color: rgba(255, 255, 255, 0.5);
}



/* start learning center sections */

.lc-section {
    padding: 5rem 0;
}

.section-bx {
    border-radius: 10px;
    /*border: 1px solid rgba(255,255,255,0.2);*/
    /*border: 1px solid #e0e0e0;*/
    background-color: #FAFAFF;
    padding: 20px 20px 15px 20px;
    height: 100%;
    /*box-shadow: 0 0 15px 0 rgb(29 25 0 / 11%)*/
    /*box-shadow: 0 0 15px 0 rgba(29,25,0,0.25);*/
    transition: 300ms all;
}

    .section-bx:hover {
        background: #fff;
        box-shadow: 0px 5px 1.7rem -0.2rem #0000001f;
        border: 0px solid #e0e0e0;
    }

    .section-bx i, .sd-bx i {
        margin-right: 10px;
    }

body[dir=rtl] .section-bx i, body[dir=rtl] .sd-bx i {
    margin-left: 10px;
    margin-right: 0px;
}

.section-bx i {
    margin-right: 10px;
}

body[dir=rtl] .section-bx i {
    margin-right: 0px;
    margin-left: 10px;
}

.section-bx h3 {
    color: var(--bs-primary);
    font-weight: 300;
    font-size: 45px;
}



.icon-bx img {
    margin-right: 5px;
    padding: 5px;
    height: 85px;
    aspect-ratio: 1 / 1;
}



.info-bx span {
    border-top: 1px solid #EEEEEE;
    padding: 10px 0;
    margin-bottom: 15px 0;
    font-size: 12px;
    color: var(--bs-gray);
}

.section-bx .title-bx, .sd-bx .title-bx {
    padding-top: 3px;
    padding-left: 3px;
}

    .section-bx .title-bx h4 {
        font-size: 20px;
        font-weight: 600 !important;
    }

        .section-bx .title-bx h4:hover {
            color: var(--bs-primary) !important;
            transition: 300ms all;
        }

body[dir=rtl] .section-bx .title-bx, .sd-bx .title-bx {
    padding-left: 0;
    padding-right: 3px;
}

.desc-bx p, .post-bx p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}
/* end learning center sections */
/* start learning center post */

.section-details-bx {
    padding: 20px 0;
}

.lc-section-details .info-bx {
    font-size: 14px;
    color: var(--bs-gray);
}


.lc-section-details, .lc-post-details {
    background-color: #FAFAFF;
    padding: 30px 0;
}

    .lc-section-details .post-bx {
        /*  padding: 30px 20px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden !important;*/

        background: #FFFFFF;
        box-shadow: 0px 7px 15px rgb(0 0 0 / 10%);
        border-radius: 20.0827px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 10px 20px;
        position: static;
        height: 250px;
    }

.section-details-bx .icon-bx {
}


.post-details > * {
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.84) !important;
    line-height: 1.56 !important;
}

.post-details img {
    max-width: 100%;
    height: auto;
    margin: 5px;
}




/* end learning center post */






/*[class^="fa-"], [class*=" fa-"] {
    font-family: 'fontawsome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
.testamonial-background-img img {
    width: 100%;
    object-fit: cover;
}



.testamonial-container {
    background: #FAFAFF;
    padding: 10px;
    border-radius: 0;
}

    .testamonial-container .title {
        font-size: 39px;
        color: #020269;
    }

    .testamonial-container .testamonial-body {
        position: relative;
        z-index: 1;
        font-size: 14px
    }

    .testamonial-container .owl-carousel .item {
        padding-top: 15px
    }

        .testamonial-container .owl-carousel .item::before {
            content: "";
            background: url(../img/qoute-icon.svg);
            width: 50px;
            height: 50px;
            display: block;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            z-index: -1;
            top: -0px;
            left: 0;
        }

body[dir=rtl] .testamonial-container .owl-carousel .item::before, body[dir=rtl] .arror-more {
    transform: scale(-1, -1);
}

body[dir=rtl] .testamonial-container .owl-carousel .item::before {
    left: auto;
    right: 0
}


.testamonial-container .corsoule-controller {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 50%;
    font-size: 12px;
    transition: 100ms all ease-in-out;
    cursor: pointer
}

    .testamonial-container .corsoule-controller:hover {
        background: #60609F;
        color: white !important
    }

.mission-img {
    padding: 0;
    z-index: 2;
    object-fit: cover;
    height: 350px;
    width: 45%;
    position: absolute;
    left: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

body[dir=rtl] .mission-img {
    left: auto;
    right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.mission-background {
    position: absolute;
    left: auto;
    right: -166px;
    width: 100%;
    z-index: 0;
    opacity: 0.3;
}

body[dir=rtl] .mission-background {
    right: auto;
    left: -166px;
    transform: scale(-1, 1);
}

.laerningCenter-card {
    background: #FAFAFF;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    transition: 300ms all;
    height: 370px
}

    .laerningCenter-card .icon img {
        width: 35px
    }

    .laerningCenter-card .title {
        line-height: 1.5 !important;
        color: #003 !important;
        transition: 300ms all;
    }

    .laerningCenter-card .icon img {
        color: #00cc99 !important
    }

    .laerningCenter-card:hover {
        background: #fff;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    }

        .laerningCenter-card:hover .title {
            color: #00cc99 !important
        }



.learnin-center-carousel-container .item {
    margin: 10px
}

.section-padding-50 {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-padding-60 {
    padding-top: 40px;
    padding-bottom: 40px
}

.online-training-item .training-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}


.online-training-item {
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 10px 11px -11px #00000014, 0px 20px 20px -13px #0000003d, 0px 64px 30px -44px #00000012;
}

.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.bubble {
    position: absolute;
    background: #f0f0ff;
    border-radius: 50%;
    z-index: 1;
    bottom: 0;
    aspect-ratio: auto 1 / 1;
}

.left-bubble {
    right: auto;
    left: -22%;
    width: 39%;
    top: 36px;
}

body[dir=rtl]
.left-bubble {
    left: auto;
    right: -22%;
}

.right-bubble {
    left: auto;
    right: -120px;
    width: 28%;
    bottom: -28px;
}

body[dir=rtl] .right-bubble {
    right: auto;
    left: -120px;
}

.fs-14 {
    font-size: 14px
}

#TrainingFAQ .accordion-item {
    background: transparent;
    margin-bottom: 10px;
    border: none
}

#TrainingFAQ .accordion-button {
    background: #F6F6F6;
    padding: 20px 40px;
    border-bottom: none
}

    #TrainingFAQ .accordion-button:not(.collapsed) {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom: none
    }

    #TrainingFAQ .accordion-button.collapsed {
        border-radius: 20px
    }

.training-background {
    height: auto
}

.training-content-section {
    margin-top: -10rem
}


/*------ navbar menu */
.window {
    width: 100%
}

    .window .header {
        position: absolute;
        display: block;
        height: 0px;
        top: 0;
        right: 0;
        width: 100%;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        z-index: 999999999;
        transition: all 0.5s ease-out, background 1s ease-out;
        transition-delay: 0.2s;
        background: rgb(0,0,145);
        background: linear-gradient(4deg, rgba(0,0,145,1) 0%, rgba(0,0,51,1) 100%);
    }

.burger-container {
    position: relative;
    display: inline-block;
    width: 50px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .burger-container .burger {
        width: 18px;
        height: 8px;
        position: relative;
        display: block;
        margin: -4px auto 0;
        top: 50%;
    }

        .burger-container .burger .bar {
            width: 100%;
            height: 1px;
            display: block;
            position: relative;
            background: #003;
            transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
            transition-delay: 0s;
        }

.dark-navbar .burger-container .burger .bar {
    background: #fff;
}

.burger-container .burger .bar.topBar {
    transform: translateY(0px) rotate(0deg);
}

.burger-container .burger .bar.btmBar {
    transform: translateY(6px) rotate(0deg);
}




.window .header ul.menu {
    position: relative;
    display: block;
    list-style: none;
}

    .window .header ul.menu li.menu-item {
        margin-top: 5px;
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }

        .window .header ul.menu li.menu-item:nth-child(1) {
            transition-delay: 0.49s;
        }

        .window .header ul.menu li.menu-item:nth-child(2) {
            transition-delay: 0.42s;
        }

        .window .header ul.menu li.menu-item:nth-child(3) {
            transition-delay: 0.35s;
        }

        .window .header ul.menu li.menu-item:nth-child(4) {
            transition-delay: 0.28s;
        }

        .window .header ul.menu li.menu-item:nth-child(5) {
            transition-delay: 0.21s;
        }

        .window .header ul.menu li.menu-item:nth-child(6) {
            transition-delay: 0.14s;
        }

        .window .header ul.menu li.menu-item:nth-child(7) {
            transition-delay: 0.07s;
        }

        .window .header ul.menu li.menu-item a {
            position: relative;
            color: #FFF;
            font-weight: 100;
            text-decoration: none;
            font-size: 22px;
            line-height: 2.35;
            font-weight: 200;
            width: calc(100% - 20px);
        }

.window .header.menu-opened {
    height: 100vh;
    transition-delay: 0.25s;
    opacity: 1
}

.burger-container.menu-opened {
    transform: rotate(90deg);
}

    .burger-container.menu-opened .burger .bar {
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition-delay: 0.2s;
        background: #fff !important;
    }

        .burger-container.menu-opened .burger .bar.topBar {
            transform: translateY(4px) rotate(45deg);
        }

        .burger-container.menu-opened .burger .bar.btmBar {
            transform: translateY(3px) rotate(-45deg);
        }

.window .header.menu-opened ul.menu li.menu-item {
    transform: scale(1) translateY(0px);
    opacity: 1;
}

    .window .header.menu-opened ul.menu li.menu-item:nth-child(1) {
        transition-delay: 0.27s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(2) {
        transition-delay: 0.34s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(3) {
        transition-delay: 0.41s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(4) {
        transition-delay: 0.48s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(5) {
        transition-delay: 0.55s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(6) {
        transition-delay: 0.62s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(7) {
        transition-delay: 0.69s;
    }

.window .header.menu-opened .icon.icon-bag {
    transform: translateX(75px);
    transition-delay: 0.3s;
}


/*------- end navbar menu*/


@media(max-width:575px) {
}

#OnlineTraining-carousel .owl-nav {
    margin-top: 45px
}

#OnlineTraining-carousel .owl-dots {
    text-align: center;
}


    #OnlineTraining-carousel .owl-dots .owl-dot {
        color: inherit;
        border: none;
        padding: 0 !important;
        width: 10px;
        height: 10px;
        background: #02026954;
        margin: 3px;
        border-radius: 50%;
    }

        #OnlineTraining-carousel .owl-dots .owl-dot.active {
            background: #020269;
        }

.training-testamonial-avatar {
    width: 50%;
    margin-bottom: 15px;
    aspect-ratio: auto 1 / 1;
    border-radius: 50%
}

.learning-section-image {
    width: 100%;
    border-radius: 15px;
}

@media(min-width:576px) {
}

@media(max-width:767px) {

    .training-background {
        background-image: none !important
    }
}

@media(min-width:992px) {

    .burger-container,
    .window {
        display: none
    }

    .training-testamonial-avatar {
        width: 100%;
        margin-bottom: 0;
    }

    .training-background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 100vh
    }

    .training-content-section {
        margin-top: auto
    }

    .online-training-item {
        background: #fff;
        width: 80vw;
        overflow: hidden;
        box-shadow: 0px 10px 11px -11px #00000014, 0px 20px 20px -13px #0000003d, 0px 64px 30px -44px #00000012;
        margin-right: 8px
    }

    body[dir=rtl] .online-training-item {
        margin-right: 0;
        margin-left: 8px
    }

    .OnlineTraining-carousel-container {
        padding-left: 7.5rem;
    }

    body[dir=rtl] .OnlineTraining-carousel-container {
        padding-right: 7.5rem;
        padding-left: 0;
    }

    .OnlineTraining-carousel-container .item {
        padding-left: 1.5rem;
        margin: 0px
    }

    body[dir=rtl] .OnlineTraining-carousel-container .item {
        padding-left: 0;
        padding-right: 1.5rem;
    }

    .section-padding-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .section-padding-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .mission-background {
        position: absolute;
        left: -250px;
        right: auto;
        width: 58%;
        z-index: 0;
        opacity: 0.3;
        z-index: 1;
    }

    body[dir=rtl] .mission-background {
        right: -250px;
        left: auto;
    }

    .section-sm {
        padding: 80px 0;
    }

    .learnin-center-carousel-container {
        padding-left: 5.5rem;
    }

        .learnin-center-carousel-container .item {
            padding-left: 1.5rem;
            margin: 0px
        }

    body[dir=rtl] .learnin-center-carousel-container {
        padding-right: 5.5rem;
        padding-left: 0;
    }

        body[dir=rtl] .learnin-center-carousel-container .item {
            padding-right: 1.5rem;
            padding-left: 0;
        }

    .testamonial-section {
        padding-left: 119px;
        padding-right: 119px
    }

    body[dir=rtl] .testamonial-section {
        padding-right: 119px;
        padding-left: 119px
    }

    .testamonial-container {
        padding: 25px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
    }

    .testamonial-background-img img {
        width: 100%;
        object-fit: contain;
    }

    .testamonial-container .testamonial-body {
        font-size: 16px;
    }

    .search-empty-state {
    }

    search-empty-state.search-empty-state img {
        width: 300px;
    }
}


#section-list {
    /* padding-top: 2.25rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d2dde5;*/
    padding Fl: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
}

    #section-list h4 {
        color: #5d646f;
    }

    /*   #section-list   {
        list-style: none;
        margin-bottom: 30px !important;
        border: 0;
        margin: 0;
        padding: 0;
    }*/

    /*#section-list a  {*/
    /*padding: 0.75rem 1.25rem;*/

    /*}*/

    #section-list a {
        margin-bottom: -1px;
        vertical-align: baseline !important;
        display: inline-block;
        padding: 10px !important;
        width: 100%;
        color: #222 !important;
        font-weight: 500 !important;
        font-size: 14px;
        margin: 3px 0px;
    }

body[dir=rtl] #section-list a {
    border-right: 3px solid #f2f2f2;
}

body[dir=ltr] #section-list a {
    border-left: 3px solid #f2f2f2;
}


body[dir=rtl] #section-list .active, body[dir=rtl] #section-list a:hover {
    border-right: 3px solid var(--bs-primary);
    color: var(--bs-primary) !important;
    background: #fff;
}

body[dir=ltr] #section-list .active, body[dir=ltr] #section-list a:hover {
    border-left: 3px solid var(--bs-primary);
    color: var(--bs-primary) !important;
    background: #fff;
}

.section-header h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 0.5rem;
}

.section-header span {
    font-size: 12px;
    line-height: 1.3;
}

body[dir=rtl] .section-container {
    padding: 30px;
    border-right: 2px solid #f2f2f2;
}

body[dir=ltr] .section-container {
    /*background: #FFFFFF;
    box-shadow: 0 1px 6px rgb(57 73 76 / 35%);*/
    padding: 30px;
    /*border-radius: 10px;*/
    border-left: 2px solid #f2f2f2;
}

.section-container .tab-content {
    overflow: hidden;
}
/*  start  resources */
.resources-section {
    background-color: #FAFAFF;
    padding: 30px 0;
}

.resources-box {
    background: #FFFFFF;
    box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20.0827px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px 20px;
    height: 100%;
}

    .resources-box .title-bx h5 {
        padding: 3px 0px;
        font-size: 16px;
        font-weight: 500;
        color: var(--bs-primary) !important;
    }

    .resources-box .desc-bx {
        font-weight: normal;
        font-size: 13px;
    }

.ellipsis-text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.resources-box .icon-bx {
    margin: 25px 0px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

span.field-validation-error {
    color: red;
    font-size: 13px;
    padding: 13px;
}

iframe.ql-video {
    width: 90%;
    aspect-ratio: 16/9;
    margin: 0 auto;
    display: block;
}


.timeline {
    position: relative;
}

    .timeline:after {
        content: " ";
        width: 1px;
        background: rgb(0 0 0 / 9%);
        height: 100%;
        top: 0;
        left: 50%;
        z-index: 1;
        margin: auto;
        position: absolute;
    }

/*.tag-box .active {
    background: #0c9;
    color: #fff;
}*/
/*.badge {
    font-weight: 400 !important;
    font-size: 1rem !important;
    background-color: transparent !important;
    border: 1px solid var(--bs-primary) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
}*/
/*  end  resources */



.grecaptcha-badge {
    visibility: hidden;
}

#CreateAccountDialog .modal-dialog .modal-content {
    background-color: #fff;
    background-image: url("/Assets/img/CreateAccountBackground.svg");
    background-position: 0px -50px;
    background-repeat: no-repeat;
    background-size: 400%;
    min-height: 400px;
    width: 100%;
    border-radius: 15px !important;
    overflow-x: hidden;
}

    #CreateAccountDialog .modal-dialog .modal-content .modal-body {
        background: #ffffff94;
    }

.modal-body .title {
    font-size: 3rem
}

#blob {
    display: none;
    position: absolute;
    top: -60%;
    right: -25%;
}

#CreateAccountDialog .close {
    background-color: none;
    position: absolute;
    top: 16px;
    right: 32px;
    border: 2px solid;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #003;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #CreateAccountDialog .close:hover {
        color: #00cc99;
    }


#CreateAccountDialog .startFreeTrail {
    background: rgb(0, 204, 153);
    color: white;
    font-weight: bold!important;
    border-radius: 25px;
    padding: 15px 35px;
}

@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: 0.5s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
        animation-iteration-count: calc(var(--animate-repeat)*2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: 3;
        animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
        animation-iteration-count: calc(var(--animate-repeat)*3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay)*2);
        animation-delay: calc(var(--animate-delay)*2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay)*3);
        animation-delay: calc(var(--animate-delay)*3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay)*4);
        animation-delay: calc(var(--animate-delay)*4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay)*5);
        animation-delay: calc(var(--animate-delay)*5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration)/2);
        animation-duration: calc(var(--animate-duration)/2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration)*0.8);
        animation-duration: calc(var(--animate-duration)*0.8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration)*2);
        animation-duration: calc(var(--animate-duration)*2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration)*3);
        animation-duration: calc(var(--animate-duration)*3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__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
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

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

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

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

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

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

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

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

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

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

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

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

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

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

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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 {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*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(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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 {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(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: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

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

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}