@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* @import url(../font/spartan/stylesheet.css); */
@import url(../vendors/bootstrap/css/bootstrap.css);
@import url(../vendors/swiper/swiper.min.css);
@import url(../vendors/select2/css/select2.min.css);

:root {
    --accent: #01A46F;
    --second: #70CCA5;
    --third: #FFF2ED;
    --fourth: #0c8c95;

    --yellow: #FFA800;
    --secondary: #74C519;
    --grey: #525252;
    --orange: #EB691B;
    --green: #0DB209;
    --red: #93141a;
    --blue: #134490;

    --text: #232424;
    --text2: #464646;
    --text3: #9FA4AF;

    --dark: #202020;
    --light: #F6F8FD;
    --white: #ffffff;
    --white-05: rgba(255, 255, 255, 0.5);
    --black: #000000;

    --border: #efeaea;
    --background: #FFFFFF;

    --font1: 'Montserrat Alternates', sans-serif;
    --font2: 'Lato', sans-serif;
    --font3: "Open Sans", sans-serif;

    --transition: all .4s ease-in-out;
    --transition4: all .4s ease-in-out;
    --transition5: all .5s ease-in-out;
    --transition6: all .6s ease-in-out;
}


/* ------------------------------------ basic ------------------------------------ */
    *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
    body { font-family: var(--font3); font-weight: 500; font-size: 1rem; line-height: 150%; letter-spacing: 0.015rem; color: var(--text); background: var(--background); overflow-x: hidden; -webkit-font-smoothing: antialiased; }

    ::-moz-selection { background: var(--accent); color: var(--white); }
    ::selection { background: var(--accent); color: var(--white); }

    a { color: var(--text2); text-decoration: none; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    *:focus { text-decoration: none; outline: none; }
    a:focus, a:hover, a:active, *:focus,
    a:focus h1, a:hover h1, a:active h1,
    a:focus h2, a:hover h2, a:active h2,
    a:focus h3, a:hover h3, a:active h3,
    a:focus h4, a:hover h4, a:active h4,
    a:focus h5, a:hover h5, a:active h5,
    a:focus h6, a:hover h6, a:active h6 { 
        color: var(--accent); outline: none; text-decoration: none; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); 
    }


/*---------------------------Event----------------------------------------------------*/
.promo-box {
    margin-bottom: 20px;
    border: 2px solid #00a268;
}
@media (max-width: 480px){
    .frame-mobile {
        margin:0 20px;
    }
}

.promo-box .promo-info {
    width: 100px;
    text-align: center;
    padding-top: 13px;
}
.promo-box .promo-info {
    background: #fff;
    left: -47px;
    top: 85px;
}
div.box {
    position: relative;
    z-index: 2;
    background: #00A268;
    padding: 20px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 16%);
}

.promo-discount {
    font-size: 20px;
    color: #00a268;
    font-weight: 600;
}
.date {
    font-size: 15px;
    font-weight: bold;
    color: #333;
}
.promo-box .promo-info .promo-desc {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    padding-top: 2px;
}
.promo-desc {
    font-size: 20px !important;
    color: #00a268;
    font-weight: 600;
}
.promo-box .promo-info .promo-desc:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 54px;
    margin-left: -27px;
    height: 2px;
    top: 0;
    overflow: hidden;
    background: #00a268;
}
.event {
    position: relative;
    top: -60px;
    margin-top: -24px;
    margin-left: 20%;
}
.evt {
    padding-right: 10px;
}
.evt a {
    margin-top: 20px;
    font-size: 1.1em;
    font-weight: 600;
    color: #00a268!important;
}
/*a:not(.btn) {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}*/

.event p {
    margin-top: 0px;
    padding: 0px 20px 0px 0px;
}
.event h4{
    font-size: 14px;
}



/*---------------------------End Event------------------------------------------------*/

/*--------------------------gallery--------------------------------------------------*/

.gal-img {
    display: block;
    padding: 0px 6px;
    overflow: hidden;
    max-width: 340px;
    position: relative;
    padding: 7px;
    margin: 0px 5px;
    border: 1px solid #e0e0e0;
}
.gal-img {
    display: block;
    padding: 0px 6px;
    overflow: hidden;
}
.gallery-item {
    padding-top: 10px;
    font-size: 16px;
    margin-top: 1px;
    text-align: center;
    background: url(../images/pj-shadow.jpg) no-repeat center;
}
.gal-img img {
    height: auto;
    overflow: hidden;
}
.gal-img .gal-more {
    background-color: rgba(11, 177, 229, 0.1);
}
.gal-img .gal-more {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transform: translate(0px, -350px);
    -moz-transform: translate(0px,-350px);
    -o-transform: translate(0px, -350px);
    -ms-transform: translate(0px, -350px);
    transform: translate(0px, -350px);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.gal-img .gal-more:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.gal-img .gal-more .mask-elem {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.gal-more ul li {
    display: inline-block;
}
a.gal-btn, .gal-btn-2 {
    background: #00a268;
    border: 3px solid #00a268;
    color: #ffffff;
}
a.gal-btn, .gal-btn-2 {
    border-radius: 50px;
    display: block;
    width: 86px;
    height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding-top: 6px;
}
.text_gal {
    padding-top: 14px;
    font-size: 16px;
    color: #00a268;
    text-align: center;
    font-weight: bold;
}
a.gal-btn, .gal-btn-2 {
    background: #00a268;
    border: 3px solid #00a268;
    color: #ffffff;
}
a.gal-btn:hover {
    color: #fff;
}
a:not(.btn):hover, a:not(.btn):focus {
    outline: none;
    text-decoration: none;
    color: var(--red);
}
a.gal-btn, .gal-btn-2 {
    border-radius: 50px;
    display: block;
    width: 86px;
    height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding-top: 6px;
}
.gal-img:hover .gal-more {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.gal-img .gal-more {
    background-color: rgba(11, 177, 229, 0.1);
}
.gal-img .gal-more {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transform: translate(0px, -350px);
    -moz-transform: translate(0px,-350px);
    -o-transform: translate(0px, -350px);
    -ms-transform: translate(0px, -350px);
    transform: translate(0px, -350px);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.gal-img .gal-more:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*--------------------------end gallery---------------------------------------------*/


    .not-found {
    position: relative;
    z-index: 4;
    width: 100%;
}

.icon-featur{
        position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0.25rem 2.5rem rgb(0 0 0 / 4%);
    margin-bottom: 1.25rem;
    margin: auto;
}

.cabang {
    margin-top: 5%;
    background: #fff;
}
.cabang-list > li .box {
    border: 1px solid #ddd;
    padding: 0px 0px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    position: relative;
    background: #fff;
    z-index: 10;
    margin-bottom: 25px;
    min-height: 300px;
}
.cabang-list > li .box::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 10px;
    right: 10px;
    height: 5px;
    border: solid #ddd;
    border-width: 0px 1px 1px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    background: inherit;
}
.cabang-list .thumbs {
    border: none;
    padding: 0px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    border: 5px solid #fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    margin: -43px auto 15px;
}
.contact_title {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}
hr {
    display: block;
    height: 0px;
    line-height: 0px;
    border: 0;
    margin: 16px 0;
    float: none;
    clear: both;
    padding: 0;
}
.cp {
    padding: 0px 20px 10px 20px;
    margin-left: 20px;
}
.cabang-list > li .box {
    border: 1px solid #ddd;
    padding: 0px 0px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
    position: relative;
    background: #fff;
    z-index: 10;
    margin-bottom: 25px;
    min-height: 300px;
}
.cabang-list > li .box h5 {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #00a268;
    margin-top: 6px;
}
.cabang h4 {
    background: #00a268;
    border-radius: 5px 5px 0 0;
    height: 70px;
}
.not-found div {
    max-width: 450px;
    margin: auto;
    background: var(--white);
    border-radius: 0.625rem;
    padding: 2.5rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.not-found span.icon {
    content: url(../not-found.png);
    max-width: 185px;
}
.not-found span.text {
    margin-top: 0.625rem;
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--text);
}

    a.hover:hover { text-decoration: underline !important; transition-duration: 0.3s; }
    a.hover-1 { text-decoration: none; background-image: linear-gradient(#999999, #999999); background-position: 1% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size cubic-bezier(0,.5,0,1) 0.3s; }
    a.hover-2:hover { text-decoration: none; background-size: 100% 2px; }
    a.hover-2 { text-decoration: none; background-image: linear-gradient(#f1f1f1, #f1f1f1); background-position: 1% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size cubic-bezier(0,.5,0,1) 0.3s; }
    a.hover-2:hover { text-decoration: none; background-size: 100% 50px; }
    a.hover-3:hover { margin-left: 3px; transition-duration: 0.2s; }
    a.hover-4:hover { padding-bottom: 3px; transition-duration: 0.2s; }

    .link { font-weight: 600; font-size: 1rem; line-height: 1.2; color: var(--accent); z-index: 4; }
    .link .icon { position: absolute; top: 2px; margin-left: 0.625rem; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .link:hover .icon { margin-left: 0.938rem; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .link-arrow { font-weight: 600; font-size: 1rem; line-height: 1.3; letter-spacing: -0.02rem; color: var(--text); z-index: 4; position: relative; padding-right: 1.7rem; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .link-arrow:before {
        content: '\e829';
        font-family: 'feather';
        position: absolute;
        top: -3px;
        bottom: 0;
        right: 0;
        margin-left: 0.313rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        background: var(--accent);
        font-size: 0.938rem;
        line-height: 1.25rem;
        text-align: center;
        color: var(--white);
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .link-arrow:hover:before { right: -0.313rem; color: var(--red); background: transparent; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .link-arrow.style-2:before { opacity: 0; visibility: hidden; }
    .link-arrow.style-2:hover:before { opacity: 1; visibility: visible; }

    h1, h2, h3, h4, h5, h6 { font-family: var(--font2); color: var(--text); }

    ul, ol { margin-bottom: 0; list-style-type: none; padding-left: 0; }
    .list-unstyled { padding-left: 0; list-style: none; }
    .list-inline { padding-left: 0; list-style: none; }
    .list-inline-item { display: inline-block; }
    .list-inline-item:not(:last-child) { margin-right: 0.5rem; }

    ul.disk { list-style-type: disc; padding-left: 1.25rem; margin-bottom: 0.625rem; }

    .font-weight-200, .fw-200 { font-weight: 200 !important; }
    .font-weight-light, .fw-300 { font-weight: 300 !important; }
    .font-weight-lighter, .fw-lighter { font-weight: lighter !important; }
    .font-weight-normal, .fw-400 { font-weight: 400 !important; }
    .font-weight-500, .fw-500 { font-weight: 500 !important; }
    .font-weight-600, .fw-600 { font-weight: 600 !important; }
    .font-weight-bold, .fw-bold { font-weight: 600 !important; }
    .font-weight-800, .fw-800 { font-weight: 800 !important; }
    .font-weight-900, .fw-900 { font-weight: 900 !important; }
    .font-weight-ultra, .fw-ultra { font-weight: 900 !important; }
    .font-weight-bolder, .fw-bolder { font-weight: 700 !important; }
    .font-italic { font-style: italic !important; }

    .img-sm { max-height: 35px; }

    .font-10 { font-size: 0.625rem !important; }
    .font-11 { font-size: 0.688rem !important; }
    .font-12 { font-size: 0.75rem !important; }
    .font-13 { font-size: 0.813rem !important; }
    .font-14 { font-size: 0.875rem !important; }
    .font-15 { font-size: 0.938rem !important; }
    .font-16 { font-size: 1rem !important; }
    .font-17 { font-size: 1.063rem !important; }
    .font-18 { font-size: 1.125rem !important; }
    .font-19 { font-size: 1.188rem !important; }
    .font-20 { font-size: 1.25rem !important; }
    .font-21 { font-size: 1.313rem !important; }
    .font-22 { font-size: 1.375rem !important; }
    .font-23 { font-size: 1.438rem !important; }
    .font-24 { font-size: 1.5rem !important; }
    .font-25 { font-size: 1.563rem !important; }

    .font-x-small { font-size: 0.688rem !important; }
    .font-small { font-size: 0.75rem !important; }
    .font-medium { font-size: 0.938rem !important; }
    .font-large { font-size: 1.25rem !important; }

    .lh-1 { line-height: 1; }
    .lh-2 { line-height: 1.2; }
    .lh-3 { line-height: 1.3; }
    .lh-4 { line-height: 1.4; }
    .lh-5 { line-height: 1.5; }
    .lh-23 { line-height: 2.3; }

    .ls { letter-spacing: 0.085rem !important; }

    .text-decoration-none { text-decoration: none !important; }
    .text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
    .word-break-all { word-break: break-all !important; }
    .text-reset { color: inherit !important; }

    .text-white { color: var(--white) !important; }
    .text-black { color: var(--black) !important; }
    .text-light { color: var(--light) !important; }
    .text-dark { color: var(--dark) !important; }
    .text-accent { color: var(--accent) !important; }
    .text-second { color: var(--second) !important; }
    .text-red { color: var(--red) !important; }
    .text-orange { color: var(--orange) !important; }
    .text-yellow { color: var(--yellow) !important; }
    .text-text { color: var(--text) !important; }
    .text-text2 { color: var(--text2) !important; }
    .text-text3 { color: var(--text3) !important; }

    .opacity-1 { opacity: 0.1; }
    .opacity-2 { opacity: 0.2; }
    .opacity-3 { opacity: 0.3; }
    .opacity-4 { opacity: 0.4; }
    .opacity-5 { opacity: 0.5; }
    .opacity-6 { opacity: 0.6; }
    .opacity-7 { opacity: 0.7; }
    .opacity-8 { opacity: 0.8; }
    .opacity-9 { opacity: 0.9; }
    .opacity-none { opacity: 1; }

    .text-decoration-none { text-decoration: none !important; }
    .text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
    .word-break-all { word-break: break-all !important; }
    .text-reset { color: inherit !important; }

    .visible { visibility: visible !important; }
    .invisible { visibility: hidden !important; }

    .p-absolute { position: absolute !important; }
    .p-relative { position: relative !important; }

    .overflow-auto { overflow: auto; }
    .overflow-hidden { overflow: hidden; }
    .line-heading { width: 65px; border-bottom: 4px solid var(--orange); }

    .cursor-default { cursor: default; }

    img { max-width: 100%; }
    .img { max-width: 100%; }
    .img-circle { background-size: cover !important; background-position: 50% 50%; border-radius: 50% !important; }
    .img-contain { object-fit: contain; position: 50% 50%; }
    .img-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: 50% 50%; }
    .img-intable { object-fit: contain; object-position: 50% 50%; max-height: 2.5rem; margin: auto; }

    .img-profile-xs { width: 2.5rem; height: 2.5rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }
    .img-profile-sm { width: 3.75rem; height: 3.75rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }
    .img-profile-md { width: 5rem; height: 5rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }
    .img-profile-lg { width: 7.5rem; height: 7.5rem; border-radius: 50%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }

    .text-limit-1-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical; }
    .text-limit-2-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .text-limit-3-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; }
    .text-limit-4-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; }
    .text-limit-5-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 5 !important; -webkit-box-orient: vertical; }

    .border-none { border: none; }
    .border-secondary { border: 1px solid var(--secondary) !important; }
    .border-top { border-top: 1px solid #ced4da !important; }
    .border-bottom-none { border-bottom: none !important; }

    .cr-default { cursor: default !important; }

    .shadow-none { box-shadow: none !important; }
    .shadow-md { box-shadow: 0 0.25rem 0.515rem rgba(0, 0, 0, 0.15) !important; }

    .jm-sticky-top { position: -webkit-sticky; position: sticky; top: 7em; }

    .trans-4, .trans-4:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .trans-5, .trans-5:hover { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

    .hv-shadow { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .hv-shadow:hover, .hv-shadow:focus { box-shadow: 0 0.5rem 2.5rem rgba(196, 196, 196, 0.25); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .hv-zoom { position: relative; overflow: hidden; }
    .hv-zoom img:not(.fix) { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .hv-zoom:hover img:not(.fix) { -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); -o-transform: scale(1.09); transform: scale(1.08); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    
    .cover-lr-white {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-image: -webkit-gradient(linear, right top, left top, color-stop(70%, hsla(0, 0%, 100%, 0)), to(var(--white))), -webkit-gradient(linear, right top, left top, from(var(--white)), color-stop(30%, hsla(0, 0%, 100%, 0)));
        background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 70%, var(--white)), linear-gradient(270deg, var(--white), hsla(0, 0%, 100%, 0) 30%);
    }

    .cover-grdlr { position: relative; }
    .cover-grdlr:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 5;
        width: 10%;
        height: 100%;
        background: linear-gradient(to right, var(--background) 40%, rgba(255, 255, 255, 0) 95%);
    }
    .cover-grdlr:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        width: 10%;
        height: 100%;background: linear-gradient(to left, var(--background) 40%, rgba(255, 255, 255, 0) 95%);
    }

    @media (max-width: 480px) {
        .cover-grdlr:before { width: 4%; }
        .cover-grdlr:after { width: 4%; }
    }
    
    #loader {
        display: none;
        position: relative;
        width: 100%;
        height: 150px;
        text-align: center;
        background: rgba(0, 0, 0, 0) url('<?php echo base_url();?>assets/front/img/loading-submit.gif') no-repeat center center;
        z-index: 100000;
    }

    @media (min-width: 992px) {
        .container { max-width: 1010px; }
    }
    @media (min-width: 1200px) {
        .container { max-width: 1210px; }
    }
    @media (min-width: 1400px) {
        .container { max-width: 1310px; }
    }

    .back-to-top {
        position: fixed;
        bottom: 30%;
        right: 1.975rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        border: 0;
        z-index: 99;
        font-size: 1.25rem;
        line-height: 2.4rem;
        color: var(--accent);
        text-align: center;
        cursor: pointer;
        background: var(--light);
        box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.03);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .back-to-top.active { bottom: 3.5rem; visibility: visible; opacity: 1; }
    .back-to-top:hover, .back-to-top:focus { opacity: 1; color: var(--white); background: var(--accent); -webkit-animation: pulse 1.7s infinite; -o-animation: pulse 1.7s infinite; animation: pulse 1.7s infinite; }
/* ------------------------------------ end basic ------------------------------------ */


/* ------------------------------------ general class ------------------------------------ */
    .wrap-site { position: relative; overflow: hidden; }
    .wrap-site:before {
        content: '';
        position: fixed;
        z-index: 888;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateX(140%);
        opacity: 0;
        visibility: hidden;
        background: rgba(255, 255, 255, 0.4);
        filter: contrast(0.4) blur(5px);
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .offcanvas-menu .wrap-site:before { opacity: 1; visibility: visible; transform: translateX(0%); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

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

    .mh-100 { min-height: 100vh; }

    @media (min-width: 576px) {
        .mh-sm-100 { min-height: 100vh; }
    }

    @media (min-width: 768px) {
        .mh-md-100 { min-height: 100vh; }
    }

    @media (min-width: 992px) {
        .mh-lg-100 { min-height: 100vh; }
    }

    @media (min-width: 1200px) {
        .mh-xl-100 { min-height: 100vh; }
    }

    .section { position: relative; }

    .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .section-md { padding-top: 5rem; padding-bottom: 5rem; }
    .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
    .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
        .section-md { padding-top: 5rem; padding-bottom: 5rem; }
        .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
        .section-md { padding-top: 5rem; padding-bottom: 5rem; }
        .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-lg { padding-top: 100px; padding-bottom: 100px; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-lg { padding-top: 5rem; padding-bottom: 5rem; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media (max-width: 767px) {
        .section-lg { padding-top: 5rem; padding-bottom: 5rem; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 0.938rem; padding-bottom: 0.938rem; }
    }

    
    .section-subheading { font-weight: 400; font-size: 1rem; line-height: 1.4; letter-spacing: -0.01rem; text-transform: uppercase; color: var(--red); }
    .section-heading-lg { font-weight: bold; font-size: 2.955rem; line-height: 1.2; color: var(--text); }
    .section-heading { font-weight: bold; font-size: 2.375rem; line-height: 1.2; color: var(--text); }
    .section-heading-sm { font-weight: bold; font-size: 1.875rem; line-height: 1.3; color: var(--text); }
    .section-heading-xs { font-weight: bold; font-size: 1.563rem; line-height: 1.3; color: var(--text); }
    .section-description-lg { font-weight: 500; font-size: 1.375rem; line-height: 140%; color: var(--text2); }
    .section-description { font-weight: 500; font-size: 1.125rem; line-height: 140%; color: var(--text2); }
    .section-description-md { font-weight: 500; font-size: 1rem; line-height: 150%; color: var(--text2); }
    .section-description-sm { font-weight: 400; font-size: 0.9rem; line-height: 2rem; color: var(--text2); }
    .section-description-xs { font-weight: 500; font-size: 0.75rem; line-height: 150%; color: var(--text2); }
    .section-description-xxs { font-weight: 500; font-size: 0.625rem; line-height: 150%; color: var(--text2); }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }
        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1.2rem; }
        .section-description-sm { font-size: 0.9rem; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }
        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-heading-lg { font-size: 2rem; }
        .section-heading { font-size: 2.188rem; }
        .section-heading-sm { font-size: 28px; }
        .section-description { font-size: 1rem; }
        .section-description-md { font-size: 0.935rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        .section-description { font-size: 1.063rem; }
        .section-description-md { font-size: 0.938rem; }
        .section-description-sm { font-size: 0.875rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }

    @media (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        .section-description { font-size: 1.063rem; }
        .section-description-md { font-size: 0.938rem; }
        .section-description-sm { font-size: 0.875rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }


    /*scrollable*/
    .scrollable {
        position: relative;
        display: -ms-flexbox;
        display: flex; 
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollable::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; cursor: pointer; }
    .scrollable::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0.8); -webkit-box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0.5); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable::-webkit-scrollbar-thumb:horizontal:hover,
    .scrollable::-webkit-scrollbar-thumb:vertical:hover { background: rgba(195, 195, 195, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .h-scrollable { overflow-y: hidden !important; overflow-x: auto !important; }


    /* title */
    .section-title { position: relative; overflow: hidden; margin-bottom: 1.25rem; }
    .section-title .subtitle { margin-bottom: 0.625rem; }
    .section-title .title { font-family: var(--font2); font-weight: bold; font-size: 2.2rem; line-height: 115%; letter-spacing: -0.02rem; color: var(--text); }
    .section-title .description { margin-bottom: 0.625rem; }
    .section-title .description { font-weight: normal; /*font-size: 0.875rem;*/ line-height: 160%; letter-spacing: 0.01rem; color: var(--text); }

    @media (max-width: 1200px) {
        .section-title .title { font-size: 2.25rem; }
        .section-title .subtitle { font-size: 0.938rem; }
    }
    @media (max-width: 768px) {
        .section-title .title { font-size: 1.875rem; }
    }
    @media (max-width: 480px) {
        .section-title .title { font-size: 1.5rem; }
    }


    /* play button */
    .play-button {
        position: absolute; 
        top: 0; 
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto; 
        width: 3.2rem; 
        height: 3.2rem; 
        border: 2.5px solid var(--white); 
        border-radius: 50%; 
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 5; 
    }
    .play-button .icon { font-size: 1.425rem; line-height: 1; color: var(--white); margin-bottom: 0; transform: translateX(2px) scale(1); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .play-button:hover { border-color: var(--accent); background: var(--accent); }
    .play-button:hover .icon { color: var(--white); transform: translateX(2px) scale(1.2); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }


    /* meta info */
    .meta-info { width: 100%; }
    .meta-info span { position: relative; font-weight: normal; font-size: 0.975rem; line-height: 1.2; color: var(--text2); }
    .meta-info span:not(:last-child) { margin-right: 1.25rem; }
    .meta-info.dots span:before { content: ''; position: absolute; top: 0.125rem; left: -0.975rem; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--accent); }
    .meta-info.dots span:first-child:before { opacity: 0; background: none; }


    /* social media */
    ul.social-media-list { position: relative; }
    ul.social-media-list li { display: inline-block; }
    ul.social-media-list li:not(:last-child) { margin-right: 0.925rem }
    ul.social-media-list li a { 
        display: inline-flex; 
        align-items: center;
        justify-content: center;
        position: relative; 
        width: 23px; 
        height: 23px; 
        font-size: 0.975rem; 
        line-height: 1; 
        color: var(--white); 
        text-align: center; 
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    ul.social-media-list li a i { position: relative; z-index: 2; }
    ul.social-media-list li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.4rem; z-index: 0; background: rgba(35, 25, 66, 0.2); opacity: 0; transform: scale(0); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    ul.social-media-list li a:hover { color: var(--white) !important; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    ul.social-media-list li a:hover:before { opacity: 1; transform: scale(1.2); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    ul.social-media-list.accent a { color: var(--accent); }
    ul.social-media-list.accent li a:before { background: var(--accent); }

    ul.social-media-list.style-2 li:not(:last-child) { margin-right: 0.6rem }
    ul.social-media-list.style-2 li a { width: 2rem; height: 2rem; line-height: 2rem; background: var(--text3); border-radius: 0.4rem; }
    ul.social-media-list.style-2 li a:before { background: var(--red); }
    ul.social-media-list.style-2 li a:hover:before { opacity: 1; transform: scale(1); }
/* ------------------------------------ end general class ------------------------------------ */


/* ------------------------------------ header ------------------------------------ */
    .header-topbar .inner { background: var(--fourth); padding: 0.625rem 1.25rem; font-size: 0.875rem; color: var(--white); }
    .header-topbar .left { text-align: left; }
    .header-topbar .center { text-align: center; }
    .header-topbar .right { text-align: right; }
    .header-topbar ul li a { color: var(--white); }
    .header-topbar ul li a:hover { color: var(--white); }
    .header-topbar ul li .icon { margin-right: 0.313rem; }
    .header-topbar ul:not(.social-media-list) li:not(:last-child) { margin-right: 1.825rem; }
    .header-topbar ul.social-media-list li a { font-size: 1rem; }
    
    @media (max-width: 1200px) {
        .header-topbar .center { text-align: right; }
        .header-topbar .right { display: none; }
    }
    @media (max-width: 992px) {
        .header-topbar .left { display: none; }
        .header-topbar .center { text-align: center; }
    }
    @media (max-width: 480px) {
        .header-topbar { display: none; }
    }


    .navbar-fix { position: fixed; top: 0; left: 0; width: 100%; padding: 0.5rem 0; z-index: 999; background: var(--white); box-shadow: 0 0.313rem 1rem 0 rgba(196, 203, 255, 0.15); }
    .offcanvas-icon { display: none; }
    .offcanvas-icon .nav-toggler { background: red; color: var(--dark); display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; }
    .offcanvas-icon .nav-toggler:hover { background: transparent; }

    .header-navbar .nav-toggler { width: 3rem; height: 3rem; border-radius: 0.4rem; background: transparent; display: flex; align-items: center; justify-content: center; text-align: center; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .nav-toggler span { font-size: 1.725rem; line-height: 1; color: var(--text2); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .nav-toggler:hover { background: var(--accent); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .nav-toggler:hover span { color: var(--white); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .header-navbar { background: var(--white); padding: 5px 0; }
    .header-navbar .site-logo a img { object-fit: contain; max-height: 90px; }

    /* primary menu */
    .header-navbar .primary-menu { display: flex; align-items: center; justify-content: end; }
    .header-navbar .primary-menu li { position: relative; }
    .header-navbar .primary-menu li:not(:last-child) { margin-right: 2rem; }
    .header-navbar .primary-menu li a { position: relative; overflow: hidden; font-weight: 500; font-size: 1rem; line-height: 1.4; color: var(--text2); text-transform: capitalize; padding: 0.625rem 0.313rem; }
    .header-navbar .primary-menu li a::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.2rem;
        border-radius: 0.25rem;
        background-color: var(--red);
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .4s ease-in-out;
    }
    .header-navbar .primary-menu li a:hover::before { transform-origin: left; transform: scaleX(1); }
    .header-navbar .primary-menu li a.active { font-weight: 600; }
    .header-navbar .primary-menu li a.active::before { transform-origin: left; transform: scaleX(1); }

    .header-navbar .primary-menu li .menu-trigger {
        position: absolute;
        top: 50%;
        right: -10px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        color: var(--dark);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }

    /* sub menu */
    .header-navbar .primary-menu li .submenu {
        position: absolute;
        top: 150%;
        left: 0;
        min-width: 250px;
        z-index: 99;
        height: auto;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        border-radius: 0.3rem;
        opacity: 0;
        visibility: hidden;
        background: var(--white);
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .header-navbar .primary-menu li > .menu-trigger i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .primary-menu li:hover > .submenu { visibility: visible; top: 120%; opacity: 1; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .primary-menu li:hover > .menu-trigger i { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .primary-menu li .submenu li:hover .submenu { visibility: visible; top: 100%; opacity: 1; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar .primary-menu li .submenu li a { font-weight: 500; font-size: 500; padding: 10px 20px; display: block; color: var(--dark); opacity: .6; }
    .header-navbar .primary-menu li .submenu li a:hover { color: var(--accent); opacity: 1; }
    .header-navbar .primary-menu li .submenu li { line-height: 1; margin: 0; }
    .header-navbar .primary-menu li .submenu li .submenu { left: 100%; top: 20%; }
    .header-navbar .primary-menu li .submenu li:hover > .submenu { top: 0; }
    .header-navbar .primary-menu li .submenu li .menu-trigger { right: 20px; color: var(--dark); }

    @media (max-width: 1200px) {
        .header-navbar .site-logo a img { max-width: 9rem; }
        
        .header-navbar .primary-menu li:not(:last-child) { margin-right: 1.8rem; }
    }
    @media (max-width: 992px) {
        .offcanvas-icon { display: block; }

        .header-navbar .site-navbar { display: none; }
    }
    @media (max-width: 768px) {
        .header-navbar .site-logo a img { max-width: 4.5rem; }
    }

    /* header mobile */
    .header-navbar.mobile-menu .site-navbar {
        position: fixed;
        right: 0;
        top: 0;
        width: 350px;
        height: 100vh;
        transform: translateX(100%);
        background: var(--white);
        border-left: 1px solid var(--light);
        display: block;
        z-index: 999;
        padding: 5rem 1.25rem;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .header-navbar.mobile-menu .site-navbar.menu-on { transform: translateX(0); }
    .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a:hover { color: #fff; }

    .header-navbar .site-navbar a.nav-close { display: none; }
    .header-navbar.mobile-menu .site-navbar a.nav-close { position: absolute; top: 1.25rem; right: 1.875rem; z-index: 2; width: 3rem; height: 3rem; border-radius: 0.4rem; background: rgba(0, 0, 0, 0.02); display: flex; align-items: center; justify-content: center; text-align: center; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .header-navbar.mobile-menu .site-navbar a.nav-close span { font-size: 1.725rem; line-height: 1; color: var(--text3); }
    
    .header-navbar.mobile-menu .primary-menu { display: block; }
    .header-navbar.mobile-menu .primary-menu li:not(:last-child) { margin-right: 0; border-bottom: 1px solid var(--light); }
    .header-navbar.mobile-menu .primary-menu li a { display: block; color: var(--text2); padding: 1.125rem 1.25rem; }
    
    .header-navbar.mobile-menu .primary-menu li .submenu {
        position: unset;
        width: 100%;
        opacity: 1;
        visibility: visible;
        background-color: var(--dark);
        border: none;
        transition: none;
        box-shadow: none;
        display: none;
    }
    .header-navbar.mobile-menu .primary-menu li .submenu li { border: none; border-top: 1px solid var(--light); }
    .header-navbar.mobile-menu .primary-menu li .menu-trigger {
        position: absolute;
        right: 0;
        top: 0;
        height: 45px;
        width: 45px;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transform: translate(0);
        transform: translate(0);
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        cursor: pointer;
        z-index: 2;
    }
    .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a { color: #fff; }
    .header-navbar.mobile-menu .site-navbar.menu-on .submenu li a:hover { border-color: transparent; }

    @media (max-width: 480px) {
        .header-navbar.mobile-menu .site-navbar { width: 300px; }
    }
/* ------------------------------------ end header ------------------------------------ */


/* ------------------------------------ swiper slider ------------------------------------ */
    .swiper-container { position: relative; height: 100%; }
    .swiper-button-next, .swiper-button-prev {
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        color: var(--white);
        opacity: 0.4;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .swiper-button-next:hover, .swiper-button-prev:hover { opacity: 1; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none ;}

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 30px;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }
    .swiper-button-prev { left: 0.625rem; right: auto; }
    .swiper-button-prev:after { content: 'prev'; }
    .swiper-button-next { right: 0.625rem; left: auto; }
    .swiper-button-next:after { content: 'next'; }

    .swiper-pagination-bullet { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .swiper-button-2 { background: var(--white); width: 2.313rem; height: 2.313rem; border-radius: 50%; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-button-2:after { font-size: 1rem; color: var(--dark); }
    .swiper-button-2:hover { box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-button-2.swiper-button-prev { left: -14px; }
    .swiper-button-2.swiper-button-next { right: -14px; }

    .swiper-pagination.swiper-pagination-bottom { bottom: -1.825rem; }
    .swiper-pagination-bullet-active { background: var(--accent) !important; }

    .swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet { 
        width: 0.6rem;
        height: 0.6rem;
        background: var(--text); 
        border: 1px solid transparent; 
        opacity: 0.1; 
    }
    .swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet:not(:last-child) { margin-right: 0.313rem; }
    .swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.25); opacity: 0.7; background: #EFF9F5 !important; border-color: var(--dark); }

    .swiper-pagination-line .swiper-pagination-bullet { border-radius: 3.125rem; background: rgba(0, 0, 0, 0.15); opacity: 1; }
    .swiper-pagination-line .swiper-pagination-bullet:not(:last-child) { margin-right: 0.313rem; }
    .swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.25rem; background: var(--second) !important; opacity: 1; }
/* ------------------------------------ end swiper slider ------------------------------------ */


/* ------------------------------------ swiper slider F------------------------------------ */
    .swiper-container { position: relative; height: 100%; }
    .f-swiper-button-next, .f-swiper-button-prev {
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        color: var(--white);
        opacity: 0.4;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .f-swiper-button-next:hover, .f-swiper-button-prev:hover { opacity: 1; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .f-swiper-button-next.swiper-button-disabled, .f-swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none ;}

    .f-swiper-button-next:after, .f-swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }
    .f-swiper-button-prev { left: 0.625rem; right: auto; }
    .f-swiper-button-prev:after { content: 'prev'; }
    .f-swiper-button-next { right: 0.625rem; left: auto; }
    .f-swiper-button-next:after { content: 'next'; }

    .swiper-pagination-bullet { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .swiper-button-2 { background: var(--white); width: 2.313rem; height: 2.313rem; border-radius: 50%; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-button-2:after { font-size: 1rem; color: var(--dark); }
    .swiper-button-2:hover { box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .swiper-button-2.f-swiper-button-prev { left: -14px; }
    .swiper-button-2.f-swiper-button-next { right: -14px; }

    .f-swiper-pagination.swiper-pagination-bottom { bottom: -1.825rem; }
    .f-swiper-pagination-bullet-active { background: var(--accent) !important; }

    .f-swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet { 
        width: 0.6rem;
        height: 0.6rem;
        background: var(--text); 
        border: 1px solid transparent; 
        opacity: 0.1; 
    }
    .f-swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet:not(:last-child) { margin-right: 0.313rem; }
    .f-swiper-pagination.pagination-bullet-2 .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.25); opacity: 0.7; background: #EFF9F5 !important; border-color: var(--dark); }

    .swiper-pagination-line .swiper-pagination-bullet { border-radius: 3.125rem; background: rgba(0, 0, 0, 0.15); opacity: 1; }
    .swiper-pagination-line .swiper-pagination-bullet:not(:last-child) { margin-right: 0.313rem; }
    .swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.25rem; background: var(--red) !important; opacity: 1; }
/* ------------------------------------ end swiper slider F------------------------------------ */


/* ------------------------------------ flex-column ------------------------------------ */
    .flex-col { 
        width: 100%; 
        margin-bottom: 0.938rem; 
        padding-left: 0.375rem; 
        padding-right: 0.375rem;
        -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; 
    }

    .flex-2-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-2-column .flex-col { flex-basis: 50%; -ms-flex: auto; }

    .flex-3-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-3-column .flex-col { flex-basis: 33.33%; -ms-flex: auto; }

    .flex-4-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-4-column .flex-col { flex-basis: 25%; -ms-flex: auto; }

    .flex-5-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-5-column .flex-col { flex-basis: 20%; -ms-flex: auto; }

    .flex-6-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-6-column .flex-col { flex-basis: 16.66%; -ms-flex: auto; }

    @media (max-width: 1200px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
        .flex-3-column .flex-col { flex-basis: 33.33%; }
        .flex-4-column .flex-col { flex-basis: 25%; }
        .flex-5-column .flex-col { flex-basis: 20%; }
        .flex-6-column .flex-col { flex-basis: 16.66%; }
    }
    @media (max-width: 992px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
        .flex-3-column .flex-col { flex-basis: 33.33%; }
        .flex-4-column .flex-col { flex-basis: 25%; }
        .flex-5-column .flex-col { flex-basis: 25%; }
        .flex-6-column .flex-col { flex-basis: 20%; }
    }
    @media (max-width: 768px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 50%; }
        .flex-4-column .flex-col { flex-basis: 33.33%; }
        .flex-5-column .flex-col { flex-basis: 33.33%; }
        .flex-6-column .flex-col { flex-basis: 25%; }
    }
    @media (max-width: 580px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 100%; }
        .flex-4-column .flex-col { flex-basis: 50%; }
        .flex-5-column .flex-col { flex-basis: 50%; }
        .flex-6-column .flex-col { flex-basis: 33.33%; }
    }
    @media (max-width: 480px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 100%; }
        .flex-4-column .flex-col { flex-basis: 100%; }
        .flex-5-column .flex-col { flex-basis: 100%; }
        .flex-6-column .flex-col { flex-basis: 50%; }
    }
/* ------------------------------------ end flex-column ------------------------------------ */


/* ------------------------------------ nav tabs ------------------------------------ */
    /*nav tabs style*/
    .nav-tabs-style { position: relative; border: 0; background: var(--white); }
    .nav-tabs-style.scrollable { padding-bottom: 0.313rem; }
    .nav-tabs-style.scrollable::-webkit-scrollbar { width: 0.5rem; height: 5px; }
    .nav-tabs-style .nav-item { background: none; border: 0; padding: 0 0.313rem; width: auto; }
    .nav-tabs-style .nav-item .nav-link {
        position: relative;
        width: 100%;
        border-radius: 0;
        border: 0;
        background: var(--light);
        display: inline-block;
        font-weight: 500;
        font-size: 0.938rem;
        color: var(--text3);
        white-space: nowrap;
        text-align: center;
        padding: 0.625rem 1.625rem;
        border-radius: 0.4rem;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .nav-tabs-style .nav-item .nav-link.active { background: var(--accent); color: var(--white); }

    @media (max-width: 768px) {
        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 2rem; font-size: 0.938rem; } 
    }
    @media (max-width: 480px) {
        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 1.25rem; } 
    }
/* ------------------------------------ end nav tabs ------------------------------------ */
    

/* ------------------------------------ card ------------------------------------ */
    .card-style { position: relative; background: var(--white); border: none; border-radius: 0.625rem; }
    .card-style .card-header { background: transparent; border: 0; padding: 0.938rem; padding-bottom: 0; }
    .card-style .card-header .title { font-weight: bold; font-size: 1.25rem; line-height: 140%; margin-bottom: 0; }
    .card-style .card-body { padding: 0.938rem; }

    .card-shadow { box-shadow: 0 0.25rem 0.625rem 0 rgba(18, 28, 46, 0.08); }
    .card-bordered { border: 1px solid var(--light); }
    .card-bordered.dashed { border-style: dashed; }
/* ------------------------------------ end card ------------------------------------ */


/* ------------------------------------ badge ------------------------------------ */
    .badge { position: relative; border: 1px solid currentColor; line-height: 1.2; letter-spacing: 0.02em; padding: 0.313rem 0.7rem; border-radius: 0.313rem; vertical-align: middle; cursor: default; }

    .badge-primary { background: #13208a; color: var(--white); }
    .badge-secondary { background: #364a63; color: var(--white); }
    .badge-success { background: #15d670; color: var(--white); }
    .badge-info { background: #0da8e0; color: var(--white); }
    .badge-warning { background: #f4bd0e; color: var(--white); }
    .badge-danger { background: #e85347; color: var(--white); }
    .badge-dark { background: #1c2b46; color: var(--white); }
    .badge-gray { background: #8091a7; color: var(--white); }
    .badge-light { background: #b7c2d0; color: var(--white); }
    .badge-lighter { background: #e5e9f2; color: var(--white); }
    .badge-light { background: var(--light); color: var(--dark); }
    .badge-salmon { background: #FF586F; font-weight: 300; color: var(--white); letter-spacing: 0.02rem; padding: 0.25rem 0.625rem; }

    .badge-dot { display: inline-flex; align-items: center; background-color: transparent; border: none; padding: 0.313rem 0.7rem; padding-left: 12px; padding-right: 0; }
    .badge-dot:before { position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; height: 6px; width: 6px; margin-top: -1px; border-radius: 50%; background: currentColor; }

    .badge-dot.badge-primary { color: #13208a; }
    .badge-dot.badge-secondary { color: #364a63; }
    .badge-dot.badge-success { color: #15d670; }
    .badge-dot.badge-info { color: #0da8e0; }
    .badge-dot.badge-warning { color: #f4bd0e; }
    .badge-dot.badge-danger { color: #e85347; }
    .badge-dot.badge-dark { color: #1c2b46; }
    .badge-dot.badge-gray { color: #8091a7; }
    .badge-dot.badge-light { color: #b7c2d0; }
    .badge-dot.badge-lighter { color: #e5e9f2; }
    .badge-dot.badge-accent { color: var(--accent); }


    .badge-style-1 { border: 0; }

    .badge-style-1.badge-primary { background: rgba(19, 32, 138, 0.1); color: #13208a; }
    .badge-style-1.badge-secondary { background: rgba(54, 74, 99, 0.1); color: #364a63; }
    .badge-style-1.badge-success { background: rgba(21, 214, 112, 0.1); color: #15d670; }
    .badge-style-1.badge-info { background: rgba(13, 168, 224, 0.1); color: #0da8e0; }
    .badge-style-1.badge-warning { background: rgba(244, 189, 14, 0.1); color: #f4bd0e; }
    .badge-style-1.badge-danger { background: rgba(232, 83, 71, 0.1); color: #e85347; }
    .badge-style-1.badge-dark { background: rgba(28, 43, 70, 0.1); color: #1c2b46; }
    .badge-style-1.badge-gray { background: rgba(128, 145, 167, 0.1); color: #8091a7; }
    .badge-style-1.badge-light { background: rgba(183, 194, 208, 0.1); color: #b7c2d0; }
    .badge-style-1.badge-lighter { background: rgba(229, 233, 242, 0.1); color: #e5e9f2; }


    .badge-style-2 { border: 1px solid currentColor; }

    .badge-style-2.badge-primary { background: rgba(19, 32, 138, 0.1); color: #13208a; border-color: #13208a; }
    .badge-style-2.badge-secondary { background: rgba(54, 74, 99, 0.1); color: #364a63; border-color: #364a63; }
    .badge-style-2.badge-success { background: rgba(21, 214, 112, 0.1); color: #15d670; border-color: #15d670; }
    .badge-style-2.badge-info { background: rgba(13, 168, 224, 0.1); color: #0da8e0; border-color: #0da8e0; }
    .badge-style-2.badge-warning { background: rgba(244, 189, 14, 0.1); color: #f4bd0e; border-color: #f4bd0e; }
    .badge-style-2.badge-danger { background: rgba(232, 83, 71, 0.1); color: #e85347; border-color: #e85347; }
    .badge-style-2.badge-dark { background: rgba(28, 43, 70, 0.1); color: #1c2b46; border-color: #1c2b46; }
    .badge-style-2.badge-gray { background: rgba(128, 145, 167, 0.1); color: #8091a7; border-color: #8091a7; }
    .badge-style-2.badge-light { background: rgba(183, 194, 208, 0.1); color: #b7c2d0; border-color: #b7c2d0; }
    .badge-style-2.badge-lighter { background: rgba(229, 233, 242, 0.1); color: #e5e9f2; border-color: #e5e9f2; }
/* ------------------------------------ end badge ------------------------------------ */


/* ------------------------------------ button ------------------------------------ */
    .btn {
        font-family: var(--font3);
        outline: 0 !important;
        -webkit-box-shadow: none !important; 
        box-shadow: none !important;
        font-weight: 600;
        font-size: 0.875rem; 
        line-height: 1.2; 
        letter-spacing: 0.02rem;
        border-radius: 2.5rem;
        padding: 0.825rem 1.875rem;
        -moz-user-select: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
    }
    .btn::hover .btn::focus, .btn.focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .btn-padd-sm { padding-top: 0.625rem; padding-bottom: 0.625rem; }
    .btn-padd { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .btn-padd-md { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    .btn-padd-lg { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; }

    .btn-shadow { box-shadow: 0 1.563rem 2.063rem rgba(17, 20, 45, 0.12); }

    .btn-arrow { display: inline-flex; align-items: center; }
    .btn-arrow .icon { display: flex; align-items: center; justify-content: center; margin-top: -2px; margin-left: 0.625rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #36B37E; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    .btn-arrow:hover .icon, .btn-arrow:focus .icon { color: var(--white); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

    .btn-accent { color: var(--white) !important; background: var(--fourth); }
    .btn-accent:hover, .btn-accent:focus { color: var(--fourth) !important; background: transparent; border-color: var(--fourth); }

    .btn-outline-accent { color: var(--fourth) !important; background: transparent; border-color: var(--fourth); }
    .btn-outline-accent:hover, .btn-outline-accent:focus { color: var(--white) !important; background-color: var(--fourth); }

    .btn-salmon { color: var(--white); background: #D8587E; }
    .btn-salmon:hover, .btn-salmon:focus { background: rgba(216, 88, 126, 0.85); color: var(--white); }

    .btn-second { color: var(--white) !important; background: var(--second); }
    .btn-second:hover, .btn-second:focus { color: var(--second) !important; background: transparent; border-color: var(--second); }

    .btn-outline-second { color: var(--second); background: transparent; border-color: var(--second); }
    .btn-outline-second:hover, .btn-outline-second:focus { color: var(--white) !important; background-color: var(--second) !important; }

    .btn-light { color: var(--dark) !important; background: var(--light); }
    .btn-light:hover, .btn-light:focus { color: var(--dark) !important; background: transparent; border-color: var(--light); }

    .btn-outline-light { color: var(--light) !important; background: transparent; border-color: var(--light); }
    .btn-outline-light:hover, .btn-outline-light:focus { color: var(--dark) !important; background-color: var(--light); }

    .btn-white { color: var(--dark) !important; background: var(--white); }
    .btn-white:hover, .btn-white:focus { color: var(--dark) !important; background: transparent; border-color: var(--white); }

    .btn-outline-white { color: var(--white) !important; background: transparent; border-color: var(--white); }
    .btn-outline-white:hover, .btn-outline-white:focus { color: var(--dark) !important; background-color: var(--white); }

    .btn-dark { color: var(--white); background: var(--dark); }
    .btn-dark:hover, .btn-dark:focus { color: var(--dark); background: transparent; border-color: var(--dark); }

    .btn-outline-dark { color: var(--dark); background: transparent; border-color: var(--dark); }
    .btn-outline-dark:hover, .btn-outline-dark:focus { color: var(--white); background-color: var(--dark); }
/* ------------------------------------ end button ------------------------------------ */


/* ------------------------------------ rounded ------------------------------------ */
    .rounded { border-radius: 0.25rem !important; }
    .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
    .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }
    .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-sm { border-radius: 0.2rem !important; }
    .rounded-lg { border-radius: 0.3rem !important; }
    .rounded-circle { border-radius: 50% !important; }
    .rounded-pill { border-radius: 50rem !important; }

    .rounded-0 { border-radius: 0 !important; }
    .rounded-5 { border-radius: 0.313rem !important; }
    .rounded-8 { border-radius: 0.5rem !important; }
    .rounded-10 { border-radius: 0.625rem !important; }
    .rounded-15 { border-radius: 0.938rem !important; }
    .rounded-20 { border-radius: 1.25rem !important; }
    .rounded-30 { border-radius: 1.875rem !important; }
    .rounded-40 { border-radius: 2.5rem !important; }
    .rounded-50 { border-radius: 50% !important; }
/* ------------------------------------ end rounded ------------------------------------ */


/* ------------------------------------ form style ------------------------------------ */
    .form-style .form-group { width: 100%; position: relative; margin-bottom: 0.625rem; }
    .form-style .form-group .control-label { font-weight: 500; font-size: 0.813rem; line-height: 1.3; color: var(--dark); margin-bottom: 0.188rem; }
    .form-style .form-group .form-control { position: relative; font-size: 0.875rem; color: var(--dark); background: var(--light); border: none; border-radius: 0.5rem; width: 100%; height: 2.85rem; padding: 0.313rem 0.925rem; box-shadow: none; }
    .form-style .form-group .form-control::placeholder { font-weight: normal; font-size: 0.92rem; color: var(--dark); opacity: 0.4; }
    .form-style .form-group .form-control::-webkit-input-placeholder { font-weight: normal; font-size: 0.92rem; color: var(--dark); opacity: 0.4; }
    .form-style .form-group .form-control::-moz-placeholder { font-weight: normal; font-size: 0.92rem; color: var(--dark); opacity: 0.4; }
    .form-style .form-group .form-control:-ms-input-placeholder { font-weight: normal; font-size: 0.92rem; color: var(--dark); opacity: 0.4; }
    .form-style .form-group .form-control:-moz-placeholder { font-weight: normal; font-size: 0.92rem; color: var(--dark); opacity: 0.4; }

    .form-style .form-group .form-control:disabled, .form-style .form-group .form-control[readonly] { background-color: var(--light); opacity: 1; }

    .form-style .form-group textarea.form-control { height: inherit !important; }

    @media only screen and (max-width: 767px) {
        .form-style .form-group .control-label { font-size: 14px; line-height: 16px; }
    }

    /*validate*/
    .has-error { color: var(--red) !important; clear: both; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .has-error em, em.has-error { color: var(--red) !important; font-size: 0.875rem !important; }
    .has-error > input { border-color: var(--red) !important; }
    .has-error > select { border: 1px solid var(--accent) !important; }
    .has-error > textarea { border: 1px solid var(--accent) !important; }
    input.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    textarea.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    select.has-error { border: 1px solid var(--red) !important; color: var(--red) !important; }
    .custom-checkbox.has-error > .custom-control-label { color: var(--red) !important; }
    .custom-checkbox.has-error > .custom-control-label::before { border-color: var(--red) !important; }
    .has-error > .select2-container .select2-selection--single { border: 1px solid var(--red) !important; -webkit-transition: 0.4s; transition: 0.4s; }
/* ------------------------------------ end form style ------------------------------------ */


/* ------------------------------------ content ------------------------------------ */
    .intro-section { position: relative; overflow: hidden; }
    .intro-section .pattern-bottom { position: absolute; left: 0; bottom: 0; width: 100%; object-fit: cover; }
    .intro-section .swiper-slide { position: relative; overflow: hidden; }
    .intro-section .swiper-slide .thumbnails { text-align: center; }
    .intro-section .swiper-slide .thumbnails .thumbnails-img { object-fit: cover; width: 100%; overflow: hidden; }
    .intro-section .swiper-slide .thumbnails .thumbnails-img.mobile { display: none; }

    .intro-section .swiper-pagination { display: none; left: 1rem; right: auto; bottom: 1rem; }

    @media (max-width: 1200px) {
        .intro-section .swiper-slide { height: 26rem; }
        .intro-section .swiper-slide .thumbnails .thumbnails-img { height: 26rem; }
    }
    @media (max-width: 992px) {
        .intro-section { padding-bottom: 1.875rem; }
        .intro-section .swiper-slide { height: 100%; }
        .intro-section .swiper-slide .thumbnails .thumbnails-img { height: 18.75rem; }
    }
    @media (max-width: 768px) {
        .intro-section .swiper-slide .thumbnails .thumbnails-img { height: 100%; display: none; }
        .intro-section .swiper-slide .thumbnails .thumbnails-img.mobile { display: block; }

        .intro-section .swiper-button { display: none; }
        .intro-section .swiper-pagination { display: block; }
    }


    .intro-md { position: relative; }
    .intro-md .inner { position: relative; overflow: hidden; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 0.825rem; }
    .intro-md .inner .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
    .intro-md .inner .content { position: relative; z-index: 2; }
    .intro-md .inner .content h2 { font-family: var(--font2); font-weight: 500; color: var(--white); margin-bottom: 0; }

    @media (max-width: 1200px) {
        .intro-md .inner { height: 120px; }
    }
    @media (max-width: 992px) {
        .intro-md .inner { height: 120px; }
    }
    @media (max-width: 768px) {
        .intro-md .inner { height: 120px; }
    }

    .service-section { position: relative; }
    .service-section .service-item { position: relative; max-width: 280px; }
    .service-section .service-item .icon { position: relative; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 0.25rem 2.5rem rgba(0, 0, 0, 0.04); margin-bottom: 1.25rem; }
    .service-section .service-item .icon:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80%; height: 80%; border-radius: 50%; border: 1px solid var(--border); }
    .service-section .service-item .icon img { max-width: 70px; border-radius: 50%; }
    .service-section .service-item .title { color: var(--fourth); font-weight: 600; margin-bottom: 0.625rem; }
    .service-section .service-item .description { font-weight: 400; color: #111; margin-bottom: 0; }

    @media (max-width: 992px) {
        .service-section { padding-top: 1.875rem; }
        .service-section .service-item { max-width: 290px; margin-bottom: 2.5rem; }
    }
    @media (max-width: 768px) {
        .service-section .service-item { max-width: 100%; }
        .service-section .service-item .icon { width: 100px; height: 100px; margin-bottom: 0.625rem; }
        .service-section .service-item .icon img { max-width: 55px; }
    }


    .product-oc-section .wrap-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.875rem; }

    .product-item { position: relative; overflow: hidden; border-radius: 1rem; -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
    /* .product-item:hover { transform: translateY(-0.313rem); box-shadow: 0 1rem 1.875rem rgba(0, 0, 0, 0.05); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); } */
    .product-item .product-thumb { position: relative; overflow: hidden; width: 100%; height: 295.5px; border-radius: 1rem; }
    .product-item .product-thumb .product-img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
    .product-item .product-body { display: block; padding: 0.625rem 1rem; }
    .product-item .product-title { font-weight: 600; font-size: 1.325rem; letter-spacing: -0.02rem; color: var(--fourth); margin-bottom: 0.625rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .product-item .product-price { font-weight: bold; font-size: 1.125rem; color: #FF0404; margin-bottom: 0.5rem; }
    .product-item .product-price .disc { position: relative; font-weight: 400; color: #9299A3; }
    .product-item .product-price .disc:after { content: ''; position: absolute; top: 45%; left: 0; width: 100%; height: 1px; background: #9299A3; }

    @media (max-width: 1200px) {
        .product-item .product-thumb { height: 225px; }
        .product-item .product-title { font-size: 1.325rem; }
        .product-item .product-price { font-size: 0.925rem; }
    }
    @media (max-width: 992px) {
        .product-item { margin-bottom: 1.825rem; }
        .product-item .product-thumb { height: 325px; }
    }
    @media (max-width: 768px) {
        .product-item .product-thumb { height: 90vw; }
    }


    .promo-section { position: relative; }
    .promo-section .promo-top { display: flex; align-items: stretch; margin-bottom: 1rem; }
    .promo-section .promo-top .left { width: 50%; margin-right: 1rem; }
    .promo-section .promo-top .right { flex: 1 1; display: flex; align-items: stretch; }
    .promo-section .promo-item { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 0.625rem; }
    .promo-section .promo-item:not(:last-child) { margin-right: 1rem; }
    .promo-section .promo-item .promo-img { object-fit: cover; object-position: center; overflow: hidden; width: 100%; max-height: 100%; margin: auto; border-radius: 0.625rem; }

    @media (max-width: 768px) {
        .promo-section .promo-top { display: block; }
        .promo-section .promo-top .left { width: 100%; }
        .promo-section .promo-item { margin-bottom: 1rem; }
    }
    @media (max-width: 480px) {
        .promo-section .promo-top .right { display: block; }
        .promo-section .promo-item:not(:last-child) { margin-right: 0; }
        .promo-section .promo-item .promo-img { max-height: 100%; }
    }


    /* post video */
    .post-video { position: relative; }
    .post-video .thumbnails { position: relative; overflow: hidden; height: 100%; border-radius: 0.5rem; margin-bottom: 0.625rem; }
    .post-video .thumbnails:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 90, 61, 0.3); }
    .post-video .thumbnails img { object-fit: cover; object-position: center; width: 100%; height: 100%; margin: auto; }
    .post-video .content .title { font-weight: 600; letter-spacing: -0.02rem; margin-bottom: 0.625rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .post-video .content .meta-info { border-top: 1px solid var(--border); padding-top: 0.313rem; }


    /* post */
    .post { position: relative; }
    .post .thumb { position: relative; overflow: hidden; width: 100%; height: 265px; border-radius: 0.625rem; margin-bottom: 0.625rem; }
    .post .thumb .thumb-img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
    .post .content { display: block; }
    .post .date { font-weight: 400; color: var(--text3); margin-bottom: 0.313rem; }
    .post .title { font-weight: bold; color: var(--text1); margin-bottom: 0.313rem; }
    .post .description { font-weight: 400; color: var(--text3); margin-bottom: 0; }

    @media (max-width: 1200px) {
        .post .thumb { height: 235px; }
    }
    @media (max-width: 768px) {

    }

    .product-list div[class*="col-"] { margin-bottom: 1.825rem; }

    .blog-section div[class*="col-"] { margin-bottom: 1.825rem; }

    .blog-detail-section { position: relative; }
    .blog-detail-section .inner { position: relative; overflow: hidden; max-width: 100%; }
    .blog-detail-section .date { text-align: center; color: var(--text3); margin-bottom: 0.313rem; }
    .blog-detail-section .title { font-family: var(--font2); font-weight: 500; text-align: center; margin-bottom: 0.625rem; }
    .blog-detail-section .thumb { margin: 1.925rem 0; }
    .blog-detail-section .thumb .thumb-img { object-fit: contain; margin: auto; max-width: 100%; }
    .blog-detail-section .description { font-family: var(--font3) !important; font-size: 1rem !important; line-height: 1.5 !important; color: var(--text2) !important; }

    
    .author-info { display: inline-flex; align-items: center; }
    .author-info .author-thumb { position: relative; overflow: hidden; width: 3.2rem; height: 3.2rem; border-radius: 50%; margin-right: 0.625rem; }
    .author-info .author-thumb img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
    .author-info .author-content { position: relative; flex: 1 1; }
    .author-info .author-content .name { font-weight: 600; font-size: 1rem; line-height: 1.2; color: var(--text2); margin-bottom: 0.313rem; }
    .author-info .author-content .position { font-weight: 400; font-size: 0.925rem; line-height: 1.2; color: var(--text3); margin-bottom: 0; }


    .product-detail-section { position: relative; }
    .product-detail-section .inner { position: relative; display: flex; align-items: flex-start; }
    .product-detail-section .inner .thumb { width: 380px; margin-right: 2.5rem; }
    .product-detail-section .inner .thumb .thumb-img { object-fit: cover; object-position: center; width: 100%; height: 100%; max-height: 380px; border-radius: 0.625rem; }
    .product-detail-section .inner .content { flex: 1 1; }
    .product-detail-section .inner .content .product-title { font-family: var(--font2); font-weight: 600; color: var(--accent); margin-bottom: 0.625rem; }
    .product-detail-section .inner .content .product-category { font-weight: 400; color: var(--text2); margin-bottom: 0.625rem; }
    .product-detail-section .inner .content .product-price { font-weight: 600; font-size: 1.425rem; color: var(--text); }
    .product-detail-section .inner .content .product-description { font-weight: 400; color: var(--text3); margin-bottom: 0; }
    .product-detail-section .inner .content .btn { margin-top: 1rem; margin-bottom: 1.825rem; }

    @media (max-width: 1200px) {
        .product-detail-section .inner .thumb { width: 300px; }
        .product-detail-section .inner .thumb .thumb-img { max-height: 300px; }
    }
    @media (max-width: 768px) {
        .product-detail-section .inner { display: block; }
        .product-detail-section .inner .thumb { width: 100%; margin-bottom: 1.25rem; }
        .product-detail-section .inner .thumb .thumb-img { max-height: 100%; }
    }


    /* treatment */
    .treatment-area { position: relative; }
    .treatment-area .treatment-item { display: flex; align-items: center; justify-content: space-between; flex-direction: row; padding: 1.825rem 0; }
    .treatment-area .treatment-item:not(:last-child) { margin-bottom: 2.5rem; }
    .treatment-area .treatment-item .content-area { order: 1; width: calc(100%/2.4); }
    .treatment-area .treatment-item .content-area .title { font-family: var(--font2); font-weight: 500; color: var(--accent); margin-bottom: 1.25rem; }
    .treatment-area .treatment-item .content-area .description { font-family: var(--font1); font-weight: 400; color: var(--text3); }
    .treatment-area .treatment-item .content-area .btn { margin-top: 0.625rem; }
    .treatment-area .treatment-item .content-area .note { font-weight: 400; color: var(--text2); margin-top: 1.25rem; }
    .treatment-area .treatment-item .thumbnails-area { order: 0; width: calc(100%/2); text-align: center; }
    .treatment-area .treatment-item .thumbnails-area .thumbnails-img { object-fit: contain; max-width: 100%; overflow: hidden; border-radius: 0.625rem; }

    .treatment-area .treatment-item:nth-child(even) .content-area { order: 0; }
    .treatment-area .treatment-item:nth-child(even) .thumbnails-area { order: 1; }

    @media (max-width: 768px) {
        .treatment-area .treatment-item { flex-direction: column; padding: 1.825rem 0; }
        .treatment-area .treatment-item .content-area { width: calc(100%/1); margin-bottom: 1.25rem; }
        .treatment-area .treatment-item .content-area .btn { margin-bottom: 1.25rem; }
        .treatment-area .treatment-item .thumbnails-area { width: calc(100%/1); margin-bottom: 1.25rem; }

        .treatment-area .treatment-item:nth-child(even) .content-area { order: 1; }
        .treatment-area .treatment-item:nth-child(even) .thumbnails-area { order: 0; }
    }
    @media (max-width: 480px) {
        .treatment-area .treatment-item { padding: 1.25rem 0; }
    }


    .testimonial-section .swiper-container { padding-bottom: 1.25rem; }
    .testimonial-section .swiper-pagination { left: 0; right: auto; bottom: -5px; }
    .testimonial-section .content { max-width: 550px; }
    .testimonial-section .content .review { font-weight: 400; color: var(--text2) }
    .testimonial-section .content .name { font-weight: 600; color: var(--accent) }
    .testimonial-section .content .position { font-weight: 600; color: var(--text3) }

    
    @media (max-width: 768px) {
        .inst-content .flex-col { flex-basis: 33.33%; }
    }
    @media (max-width: 480px) {
        .inst-content .flex-col { flex-basis: 50%; margin-bottom: 0.4rem; padding-left: 0.25rem; padding-right: 0.25rem; }
    }


    .cta-section { position: relative; }
    .cta-section .inner { position: relative; overflow: hidden; width: 100%; border-radius: 1rem; background: #E1F0F7; display: flex; align-items: center; }
    .cta-section .content { width: 450px; padding: 3.4rem; background: var(--accent); }
    .cta-section .content p { color: var(--white); }
    .cta-section .content h2 { line-height: 1.1; color: var(--white); margin-bottom: 0; }
    .cta-section .content h2 span { display: block; }
    .cta-section .form { width: calc(100% - 450px); padding: 3.4rem; }
    .cta-section .form > div { margin: auto; display: block; max-width: 550px; }
    .cta-section .form form { display: flex; align-items: center; }
    .cta-section .form form .form-group { display: inline; margin-bottom: 0; }
    .cta-section .form form .form-group:not(:last-child) { margin-right: 0.625rem; }
    .cta-section .form form .form-group:first-child { width: calc(100% - 180px); }
    .cta-section .form form .form-group:last-child { width: 180px; }
    .cta-section .form form .form-group .form-control { height: 3.5rem; background: var(--white); }
    .cta-section .form form .form-group .btn { height: 3.5rem; }

    @media (max-width: 1200px) {
        .cta-section .content { width: 400px; padding: 3rem; }
        .cta-section .form { width: calc(100% - 400px); padding: 3rem; }
    }
    @media (max-width: 992px) {
        .cta-section .inner { display: block; }
        .cta-section .content { width: 100%; padding: 3rem; }
        .cta-section .content h2 span { display: inline; }
        .cta-section .form { width: calc(100%); padding: 3rem; }
    }
    @media (max-width: 768px) {
        .cta-section .content { padding: 2.5rem; }
        .cta-section .form { padding: 2.5rem; }
    }
    @media (max-width: 480px) {
        .cta-section .content { padding: 2.2rem 1.25rem; }
        .cta-section .form { padding: 2.2rem 1.25rem; }
        .cta-section .form form { display: block; }
        .cta-section .form form .form-group:not(:last-child) { margin-right: 0; }
        .cta-section .form form .form-group:first-child { width: calc(100%); }
        .cta-section .form form .form-group:last-child { width: 100%; }
        .cta-section .form form .form-group .form-control { height: 3rem; margin-bottom: 0.625rem; }
        .cta-section .form form .form-group .btn { display: block; width: 100%; height: 3rem; }
    }


    /* footer */
    .footer { position: relative; padding-top: 4rem; padding-bottom: 2.5rem; background: var(--background); }

    .contact-info .contact-item { font-family: var(--font3); position: relative; display: flex; align-items: center; }
    .contact-info .contact-item:not(:last-child) { margin-bottom: 1.25rem; }
    .contact-info .contact-item .icon { width: 3.4rem; height: 3.4rem; border-radius: 50%; background: var(--red); margin-right: 0.625rem; display: flex; align-items: center; justify-content: center; }
    .contact-info .contact-item .icon i { font-size: 1.325rem; color: var(--white); }
    .contact-info .contact-item .content { flex: 1 1; font-size: 1.1rem; }
    .contact-info .contact-item .content .label { font-weight: bold; display: block; }
    .contact-info .contact-item .content .value { font-weight: 400; color: #4f4f4f; }

    .info-column { margin-bottom: 2.5rem; }
    .info-column h3 { font-weight: 600; margin-bottom: 1.25rem; }

    .footer-column { position: relative; }
    .footer-column .logo-container { position: relative; margin-bottom: 1.25rem; }
    .footer-column .logo-container .logo { object-fit: contain; width: 100%; max-width: 180px; }
    .footer-column .footer-title { font-weight: 600; font-size: 1.25rem; line-height: 120%; color: var(--text); margin-bottom: 1.425rem; }
    .footer-column .text { font-family: var(--font3); font-weight: 400; font-size: 1rem; line-height: 145%; color: #111; margin-bottom: 0.313rem; }
    .footer-column a.text:hover { color: var(--accent); }
    .footer-column .footer-list { list-style-type: none; padding-left: 0; }
    .footer-column .footer-list li { margin-bottom: 1rem; }
    
    .copyright { font-family: var(--font3); position: relative; z-index: 4; width: 100%; padding: 0.938rem; text-align: center; background: var(--fourth)}
    .copyright p, .copyright p a { color: #fff; letter-spacing: 0.02rem; margin-bottom: 0; }

    @media (max-width: 992px) {
        .footer { padding-bottom: 1.25rem; }
        .footer-column { margin-bottom: 3.2rem; }
    }
    @media (max-width: 768px) {
        .footer-column .logo-container .logo { max-width: 160px; }
        .footer-column .footer-title { margin-bottom: 0.825rem; }
        .footer-column .text { font-size: 0.975rem; }
        .footer-column .footer-list.icon-list li a .text { font-size: 0.975rem; }
    }
    @media (max-width: 480px) {
        .copyright p, .copyright p a { font-size: 0.75rem; }
    }
    @media (max-width: 337px) {
        .copyright p span { display: block; }
    }
/* ------------------------------------ end content ------------------------------------ */


/* ------------------------------------ animate css ------------------------------------ */
    :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.not-animated,[data-animate]:not(.animated){opacity:0}.animated{-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:calc(var(--animate-repeat) * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animated.repeat-3{-webkit-animation-iteration-count:calc(var(--animate-repeat) * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animated.delay-1s{-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:calc(var(--animate-delay) * 2);animation-delay:calc(var(--animate-delay) * 2)}.animated.delay-3s{-webkit-animation-delay:calc(var(--animate-delay) * 3);animation-delay:calc(var(--animate-delay) * 3)}.animated.delay-4s{-webkit-animation-delay:calc(var(--animate-delay) * 4);animation-delay:calc(var(--animate-delay) * 4)}.animated.delay-5s{-webkit-animation-delay:calc(var(--animate-delay) * 5);animation-delay:calc(var(--animate-delay) * 5)}.animated.faster{-webkit-animation-duration:calc(var(--animate-duration)/ 2);animation-duration:calc(var(--animate-duration)/ 2)}.animated.fast{-webkit-animation-duration:calc(var(--animate-duration) * .8);animation-duration:calc(var(--animate-duration) * .8)}.animated.slow{-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2)}.animated.slower{-webkit-animation-duration:calc(var(--animate-duration) * 3);animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{20%,53%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{20%,53%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.headShake,.pulse{-webkit-animation-timing-function:ease-in-out}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%,28%,70%{-webkit-transform:scale(1);transform:scale(1)}14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes heartBeat{0%,28%,70%{-webkit-transform:scale(1);transform:scale(1)}14%,42%{-webkit-transform:scale(1.3);transform:scale(1.3)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:calc(var(--animate-duration) * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounceOut,.flipOutX{-webkit-animation-duration:calc(var(--animate-duration) * .75)}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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)}}.bounceOut{animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.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)}}.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)}}.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)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:calc(var(--animate-duration) * 2);animation-duration:calc(var(--animate-duration) * 2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.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)}}.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)}}.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)}}.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)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* ------------------------------------ end animate css ------------------------------------ */


/* ------------------------------------ magnific popup ------------------------------------ */
    .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
    .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1055; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

    .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
    .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

    .mfp-align-top .mfp-container:before { display: none; }

    .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1055; }

    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

    .mfp-ajax-cur { cursor: progress; }

    .mfp-zoom-out-cur, 
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 
        cursor: -moz-zoom-out; 
        cursor: -webkit-zoom-out; 
        cursor: zoom-out; 
    }
    .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

    .mfp-auto-cursor .mfp-content { cursor: auto; }

    .mfp-close,
    .mfp-arrow,
    .mfp-preloader,
    .mfp-counter {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; 
    }

    .mfp-loading.mfp-figure { display: none; }

    .mfp-hide { display: none !important; }

    .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1055; }
    .mfp-preloader a { color: #CCC; }
    .mfp-preloader a:hover { color: #FFF; }

    .mfp-s-ready .mfp-preloader { display: none; }

    .mfp-s-error .mfp-content { display: none; }

    button.mfp-close,
    button.mfp-arrow {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        padding: 0;
        z-index: 1055;
        box-shadow: none;
        touch-action: manipulation; 
    }
    button::-moz-focus-inner {padding: 0;border: 0; }

    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: 0.65;
        padding: 0 0 18px 10px;
        color: #FFF;
        font-style: normal;
        font-size: 28px;
        font-family: Arial, Baskerville, monospace; 
    }
    .mfp-close:hover, .mfp-close:focus { opacity: 1; }
    .mfp-close:active { top: 1px; }

    .mfp-close-btn-in .mfp-close { color: #333; }

    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        color: #FFF;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100%; 
    }

    .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

    .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active { margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent; 
    }
    .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
    .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

    .mfp-arrow-left { left: 0; }
    .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
    .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

    .mfp-arrow-right { right: 0; }
    .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
    .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

    .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
    .mfp-iframe-holder .mfp-close { top: -40px; }

    .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
    .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

    /* Main image in popup */
    img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

    /* The shadow behind the image */
    .mfp-figure { line-height: 0; }
    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444; 
    }
    .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
    .mfp-figure figure { margin: 0; }

    .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

    .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

    .mfp-image-holder .mfp-content { max-width: 100%; }

    .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

    @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
        .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
        .mfp-img-mobile img.mfp-img { padding: 0; }
        .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
        .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0, 0, 0, 0.6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            box-sizing: border-box; 
        }
        .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
        .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0, 0, 0, 0.6);
            position: fixed;
            text-align: center;
            padding: 0; 
        } 
    }

    @media all and (max-width: 900px) {
        .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
        .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
        .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
        .mfp-container { padding-left: 6px; padding-right: 6px; } 
    }
/* ------------------------------------ end magnific popup ------------------------------------ */