@font-face {
    font-family: 'Inter';
    src: local("Inter Thin"),local("Inter-Thin"),url("../themes/bundles/app/fonts/inter/Inter-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Inter';
    src: local("Inter Light"),local("Inter-Light"),url("../themes/bundles/app/fonts/inter/Inter-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Inter';
    src: local("Inter Regular"),local("Inter-Regular"),url("../themes/bundles/app/fonts/inter/Inter-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Inter';
    src: local("Inter Medium"),local("Inter-Medium"),url("../themes/bundles/app/fonts/inter/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Inter';
    src: local("Inter Bold"),local("Inter-Bold"),url("../themes/bundles/app/fonts/inter/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'Inter';
    src: local("Inter Black"),local("Inter-Black"),url("../themes/bundles/app/fonts/inter/Inter-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: fallback
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 100%;
    line-height: 1.4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden
}

body {
    margin: 0;
    background-color: #0B0F18;
    color: #556181;
    cursor: default;
    font-size: 1rem
}

article, aside, footer, header, nav, section {
    display: block
}

ul, ol {
    padding: 0;
    margin: 0;
    list-style-type: none
}

figcaption, figure {
    display: block;
    margin: 0
}

hr {
    height: 0;
    overflow: visible
}

br {
    line-height: 1;
    height: 0
}

a {
    display: inline;
    outline: none;
    background-color: transparent;
    text-decoration: none;
    background-color: transparent;
    color: #fff
}

    a:hover {
        text-decoration: underline
    }

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

b, strong {
    font-weight: 700
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    display: inline-block;
    vertical-align: middle;
    border: none;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
    outline: none;
    margin: 0;
    padding: 0;
    border: none
}

button, select {
    text-transform: none
}

select {
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: .0625rem solid #d7d7d7
}

button, [type="button"], [type="reset"], [type="submit"] {
    border: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer
}

input[type="text"], input[type="email"], input[type="search"] {
    overflow: visible;
    width: 100%
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus {
        border-color: #3d87f0
    }

    input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder {
        color: #d7d7d7
    }

    input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder {
        color: #d7d7d7
    }

    input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder {
        color: #d7d7d7
    }

    input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder {
        color: #d7d7d7
    }

    input[type="text"]:-webkit-autofill, input[type="email"]:-webkit-autofill, input[type="search"]:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0 3.125rem #fff;
        box-shadow: inset 0 0 0 3.125rem #fff;
        -webkit-text-fill-color: #333
    }

label {
    display: inline-block;
    width: 100%
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    width: 100%;
    overflow: auto;
    height: auto;
    min-height: 5rem;
    resize: none;
    color: #333
}

    textarea:focus {
        border-color: #3d87f0
    }

    textarea::-webkit-input-placeholder {
        color: #d7d7d7
    }

    textarea::-moz-placeholder {
        color: #d7d7d7
    }

    textarea::-ms-input-placeholder {
        color: #d7d7d7
    }

    textarea::placeholder {
        color: #d7d7d7
    }

    textarea:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0 3.125rem #fff;
        box-shadow: inset 0 0 0 3.125rem #fff;
        -webkit-text-fill-color: #333
    }

[hidden] {
    display: none
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.foundation-mq {
    font-family: "small=0em&medium=46.25em&large=73.75em&xlarge=118.75em"
}

.row {
    max-width: 27.5rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

        .row .row.clps {
            margin-right: 0;
            margin-left: 0
        }

    .row.expnd {
        max-width: none
    }

        .row.expnd .row {
            margin-right: auto;
            margin-left: auto
        }

    .row.clps > .column {
        padding-right: 0;
        padding-left: 0
    }

    .row.flt {
        display: block
    }

        .row.flt::after {
            content: '';
            clear: both;
            display: table
        }

    .row.nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

.column, .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem
}

.col_cntr, .col-cntr {
    margin-left: auto;
    margin-right: auto
}

.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print, screen and (min-width: 46.25em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print, screen and (min-width: 73.75em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 118.75em) {
    .xlarge-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 46.1875em) {
    .small-hide {
        display: none
    }

    .small-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media screen and (min-width: 46.25em) and (max-width: 73.6875em) {
    .medium-hide {
        display: none
    }

    .medium-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media print, screen and (min-width: 46.25em) {
    .row {
        max-width: 40rem
    }
}

@media print, screen and (min-width: 73.75em) {
    .large-hide {
        display: none
    }

    .large-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%
    }

    .row {
        max-width: 62.5rem
    }
}

@media screen and (min-width: 118.75em) {
    .xlarge-hide {
        display: none
    }

    .xlarge-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%
    }

    .row {
        max-width: 75rem
    }

        .row.wide {
            max-width: 87.5rem
        }
}

.jc-sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jc-cntr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jc-fe {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ai-cntr {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ai-fs {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ai-fe {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ai-sf {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.page {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    overflow: hidden
}

.page__cntnt, .page__hdr, .page__preftr, .page__ftr {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.page__hdr {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(11,15,24,0.1)), color-stop(99.99%, rgba(11,15,24,0.1)), to(rgba(11,15,24,0)));
    background: -webkit-linear-gradient(top, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
    background: -o-linear-gradient(top, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
    background: linear-gradient(180deg, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 1000
}

.page__hdr-innr {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

    .page__hdr-innr.is-fixed {
        position: fixed;
        z-index: 101;
        top: -100%;
        left: 0;
        right: 0
    }

        .page__hdr-innr.is-fixed.show {
            top: 0
        }

.page__cntnt {
    margin-top: -.0625rem
}

.sctn-hide {
    opacity: 0;
    -webkit-transform: translate(0, 120%);
    -ms-transform: translate(0, 120%);
    transform: translate(0, 120%);
    -webkit-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s
}

    .sctn-hide.active {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: all ease .8s;
        -o-transition: all ease .8s;
        transition: all ease .8s
    }

.is-no-scroll {
    overflow: hidden
}

.bttn {
    min-width: 100px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: .9375rem 1.25rem;
    background-color: transparent;
    border: .125rem solid transparent;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 1;
    color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

@media print, screen and (min-width: 73.75em) {
    .bttn {
        min-width: 135px
    }
}

.bttn:hover {
    text-decoration: none
}

.bttn.out {
    border: 2px solid #00A0DC;
    background: transparent
}

.bttn.blue {
    color: #fff;
    background: #00A0DC
}

    .bttn.blue:hover {
        background: #11192d
    }

.bttn.purple {
    background: #6433D9
}

.bttn.dark-blue {
    background: #00155A
}

.bttn.green {
    background: #4CAE50
}

.bttn.super-blue {
    background: #0643FF
}

    .bttn.super-blue:hover {
        background: #0644ff85
    }

.bttn.pony {
    background: #FA00FF
}

    .bttn.pony:hover {
        background: #fb00ff6b
    }

.crcl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    border: .0625rem solid #d7d7d7;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

    .crcl::after, .crcl::before {
        content: '';
        position: absolute;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: .75rem;
        height: .0625rem;
        background-color: #d7d7d7;
        top: 50%;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

    .crcl:hover {
        border-color: #8e8e8e
    }

    .crcl.crss::after, .crcl.crss::before {
        width: 1.125rem
    }

    .crcl.crss::before {
        right: .5rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .crcl.crss::after {
        right: .5rem;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .crcl.crss:hover {
        border-color: #8e8e8e;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

        .crcl.crss:hover::after, .crcl.crss:hover::before {
            background-color: #8e8e8e
        }

    .crcl.up::before, .crcl.down::before {
        right: .9375rem
    }

    .crcl.up::after, .crcl.down::after {
        right: .4375rem
    }

    .crcl.up:hover::after, .crcl.up:hover::before, .crcl.down:hover::after, .crcl.down:hover::before {
        background-color: #8e8e8e
    }

    .crcl.down::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .crcl.down::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .crcl.up::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .crcl.up::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .crcl.tggl::before {
        right: .9375rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .crcl.tggl::after {
        right: .4375rem;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .crcl.tggl:hover::after, .crcl.tggl:hover::before {
        background-color: #8e8e8e
    }

    .crcl.tggl.is-active::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .crcl.tggl.is-active::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .crcl.tggl.prime {
        background-color: #d50a51;
        border-color: #d50a51
    }

        .crcl.tggl.prime::after, .crcl.tggl.prime::before {
            background-color: #fff
        }

        .crcl.tggl.prime.is-active {
            background-color: #fff
        }

            .crcl.tggl.prime.is-active::after, .crcl.tggl.prime.is-active::before {
                background-color: #d50a51
            }

    .crcl.min {
        width: 1.875rem;
        height: 1.875rem
    }

        .crcl.min::after, .crcl.min::before {
            width: .625rem
        }

        .crcl.min::before {
            right: .75rem
        }

        .crcl.min::after {
            right: .375rem
        }

.ttl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

    .ttl h1 {
        font-size: 1.875rem
    }

    .ttl h2 {
        font-size: 1.5rem
    }

.ttl_page h1, .ttl_page h2 {
    padding-bottom: 1.875rem;
    border-bottom: .0625rem solid #d7d7d7
}

.wswg > .frst {
    margin-top: 2.5rem
}

.wswg > .last {
    margin-bottom: 2.5rem
}

.wswg > h2, .wswg > h3, .wswg > p, .wswg > ul, .wswg > ol, .wswg > table {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

    .wswg > table th, .wswg > table td {
        border: 1px solid #333
    }

.wswg > h2, .wswg > h3 {
    margin-top: 2.5rem;
    line-height: 1.2
}

.wswg > h2 {
    font-size: 1.375rem
}

@media print, screen and (min-width: 46.25em) {
    .wswg > h2 {
        font-size: 1.625rem
    }
}

@media print, screen and (min-width: 73.75em) {
    .wswg > h2 {
        font-size: 2rem
    }
}

.wswg > h3 {
    font-size: 1.125rem
}

@media print, screen and (min-width: 46.25em) {
    .wswg > h3 {
        font-size: 1.375rem
    }
}

@media print, screen and (min-width: 73.75em) {
    .wswg > h3 {
        font-size: 1.75rem
    }
}

.wswg > p {
    line-height: 1.5
}

.wswg > ul li, .wswg ol li {
    position: relative;
    padding-left: 1.25rem;
    line-height: 1.5
}

    .wswg > ul li::before, .wswg ol li::before {
        content: '';
        position: absolute;
        left: 0
    }

    .wswg > ul li + li, .wswg ol li + li {
        margin-top: .9375rem
    }

    .wswg > ul li ul, .wswg > ul li ol, .wswg ol li ul, .wswg ol li ol {
        margin-top: .9375rem;
        padding-left: 1.25rem
    }

    .wswg > ul li::before {
        top: .5rem;
        width: .375rem;
        height: .375rem;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        background-color: #333
    }

.wswg > ol {
    counter-reset: list
}

    .wswg > ol > li::before {
        content: counter(list) ". ";
        counter-increment: list;
        top: 0
    }

.lst > li {
    position: relative;
    font-weight: 300
}

    .lst > li + li {
        margin-top: .9375rem
    }

.lst .lst {
    margin-top: .9375rem
}

.lst-bllt > li {
    padding-left: 1.25rem
}

    .lst-bllt > li::before {
        content: '';
        position: absolute;
        top: .375rem;
        left: 0;
        width: .375rem;
        height: .375rem;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        background-color: #333
    }

.lst-check > li {
    padding-left: 1.5625rem
}

    .lst-check > li::before {
        content: '\E822';
        font-family: 'fontello';
        text-align: center;
        line-height: 1.125rem;
        font-size: .5rem;
        color: #d50a51;
        position: absolute;
        top: .125rem;
        left: 0;
        border: .0625rem solid #d50a51;
        width: 1.125rem;
        height: 1.125rem;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        background-color: transparent
    }

.lst-check_sky > li::before {
    color: #129edb;
    border-color: #129edb
}

.lst-check_fill-sky > li::before {
    color: #fff;
    background-color: #129edb;
    border-color: #129edb
}

.lst-check_fill-mag > li::before {
    color: #fff;
    background-color: #d50a51;
    border-color: #d50a51
}

.txt_cntr {
    text-align: center
}

.txt_lft {
    text-align: left
}

.txt_rght {
    text-align: right
}

.txt_mute {
    color: #656565;
    font-size: .75rem
}

.txt_sky {
    color: #129edb
}

.txt_mag {
    color: #d50a51
}

.fw-bold {
    font-weight: 700
}

.btn-bxs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

hr {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    height: .0625rem;
    background-color: transparent;
    border: none
}

    hr.line {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        background-color: #d7d7d7
    }

.bxs-alert, blockquote {
    margin: 0;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    background-color: #3d87f0;
    font-weight: 600;
    color: #fff;
    padding: 3.75rem 1.875rem 1.875rem
}

    .bxs-alert p, blockquote p {
        margin-top: 0;
        margin-bottom: 0
    }

        .bxs-alert p + p, blockquote p + p {
            margin-top: .625rem
        }

    .bxs-alert::before, blockquote::before {
        content: '!';
        position: absolute;
        z-index: 1;
        top: 1.25rem;
        left: 1.875rem;
        width: 1.875rem;
        height: 1.875rem;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        border: .0625rem solid #fff;
        text-align: center;
        color: #fff;
        line-height: 1.875rem;
        font-size: 1.25rem;
        font-weight: 400
    }

.dsclmr {
    border: .0625rem solid #d7d7d7;
    padding: 1.25rem;
    font-size: .875rem
}

.dsclmr_min {
    font-size: .6875rem
}

iframe {
    display: inline-block;
    max-width: 100%
}

.menu li {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

    .menu li.is-active .btn:hover {
        background-color: #d50a51;
        color: #fff
    }

    .menu li.is-disbld .btn {
        color: #333
    }

.menu_min li .btn {
    font-weight: 400;
    padding: .5rem 1.25rem
}

.alrt {
    padding: 1.25rem;
    background-color: #3d87f0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600
}

@media screen and (max-width: 46.1875em) {
    iframe {
        height: auto
    }
}

@media print, screen and (min-width: 46.25em) {
    blockquote, .bxs-alert {
        padding: 1.875rem 1.875rem 1.875rem 5rem
    }

        blockquote::before, .bxs-alert::before {
            top: 1.875rem;
            width: 2.5rem;
            height: 2.5rem;
            line-height: 2.5rem;
            font-size: 1.5rem
        }
}

.cookie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 320px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, right top, color-stop(1.38%, rgba(16,23,39,0.8)), to(rgba(16,23,39,0.8)));
    background: -webkit-linear-gradient(left, rgba(16,23,39,0.8) 1.38%, rgba(16,23,39,0.8) 100%);
    background: -o-linear-gradient(left, rgba(16,23,39,0.8) 1.38%, rgba(16,23,39,0.8) 100%);
    background: linear-gradient(90deg, rgba(16,23,39,0.8) 1.38%, rgba(16,23,39,0.8) 100%);
    border: 1px solid #131C31;
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 40px;
    padding: 20px;
    z-index: 100
}

@media print, screen and (min-width: 46.25em) {
    .cookie {
        max-width: 435px
    }
}

@media print, screen and (min-width: 73.75em) {
    .cookie {
        max-width: 837px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 118.75em) {
    .cookie {
        max-width: 975px;
        padding: 30px;
        bottom: 50px
    }
}

.cookie span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px
}

@media print, screen and (min-width: 73.75em) {
    .cookie span {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (min-width: 118.75em) {
    .cookie span {
        font-size: 16px;
        line-height: 21px
    }
}

.cookie p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 20px
}

@media print, screen and (min-width: 73.75em) {
    .cookie p {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 88%;
        -ms-flex: 0 0 88%;
        flex: 0 0 88%;
        max-width: 88%;
        margin: 0
    }
}

@media screen and (min-width: 118.75em) {
    .cookie p {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        font-size: 14px;
        line-height: 18px
    }
}

.cookie p a {
    color: #00A0DC
}

.cookie button {
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: #00A0DC;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

@media print, screen and (min-width: 73.75em) {
    .cookie button {
        height: 45px;
        width: 80px;
        margin-top: -30px
    }
}

@media screen and (min-width: 118.75em) {
    .cookie button {
        height: 60px
    }
}

.cookie button:hover {
    background-color: #0080af;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.bxs-lst {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.bxs-lst__innr {
    background-color: #f6f6f6
}

.bxs-lst__ttl {
    font-size: 1.625rem;
    font-weight: 600;
    padding: 1.25rem
}

.bxs-lst__cntn {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.bxs-lst__itm {
    padding-bottom: 1.875rem
}

    .bxs-lst__itm:not(:last-child) {
        margin-bottom: 1.875rem;
        border-bottom: 1px solid #d7d7d7
    }

    .bxs-lst__itm h4 {
        font-size: 1.25rem;
        margin-bottom: 1.25rem
    }

    .bxs-lst__itm p {
        font-size: .875rem
    }

@media screen and (max-width: 46.1875em) {
    .bxs-lst__itm h4 {
        margin-top: 1.25rem
    }
}

@media print, screen and (min-width: 46.25em) {
    .bxs-lst__ttl {
        padding: 1.875rem 2.5rem
    }

    .bxs-lst__cntn {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.bxs-icn__itm {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.bxs-icn__img + .bxs-icn__txt {
    margin-top: 0
}

.bxs-icn__ttl {
    margin-top: .625rem;
    font-weight: 400;
    font-size: 1.25rem
}

@media print, screen and (min-width: 73.75em) {
    .bxs-icn__ttl {
        font-size: 1.375rem
    }
}

.bxs-icn__txt {
    margin-top: .625rem;
    font-size: .9375rem;
    font-weight: 300
}

@media print, screen and (min-width: 73.75em) {
    .bxs-icn__txt {
        font-size: 1.125rem
    }
}

.frm-wrp {
    background-color: #3d87f0;
    color: #fff;
    font-weight: 300
}

.frm-wrp__ttl {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1.625rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media print, screen and (min-width: 73.75em) {
    .frm-wrp__ttl {
        font-size: 2rem
    }
}

.frm-wrp__frm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media screen and (min-width: 46.25em) and (max-width: 73.6875em) {
    .frm-wrp__ttl {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding-right: 1.25rem;
        padding-left: 2.5rem
    }

    .frm-wrp__frm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        margin-top: 1.25rem;
        padding-right: 2.5rem
    }
}

@media print, screen and (min-width: 73.75em) {
    .col-up {
        margin-top: -3.75rem
    }

    .frm-wrp_hrznt .frm-wrp__ttl {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .frm-wrp_hrznt .frm-wrp__frm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        margin-top: 1.25rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.frm-wrp_2018 {
    background-color: #d3d3d3;
    color: #333
}

    .frm-wrp_2018 .frm-wrp__ttl {
        text-align: center;
        padding-left: 1.25rem
    }

@media print, screen and (min-width: 46.25em) {
    .frm-wrp_2018 .frm-wrp__ttl {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media print, screen and (min-width: 73.75em) {
    .frm-wrp_2018 .frm-wrp__ttl {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media print, screen and (min-width: 46.25em) {
    .frm-wrp_2018 .frm-wrp__frm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        padding-right: 1.25rem;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media print, screen and (min-width: 73.75em) {
    .frm-wrp_2018 .frm-wrp__frm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.frm-wrp_2018.frm-wrp_2018-theme-dark {
    background-color: #000;
    color: #fff
}

.frm__itm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: .625rem;
    margin-bottom: .625rem
}

    .frm__itm .intl-tel-input {
        width: 100%
    }

        .frm__itm .intl-tel-input .flag-container {
            outline: none
        }

        .frm__itm .intl-tel-input .selected-flag .iti-arrow {
            border-top-color: #fff
        }

    .frm__itm .country-name {
        color: #333;
        font-weight: 400
    }

    .frm__itm input[type="text"][name*="[phone]"]::-webkit-input-placeholder {
        color: #fff
    }

    .frm__itm input[type="text"][name*="[phone]"]::-moz-placeholder {
        color: #fff
    }

    .frm__itm input[type="text"][name*="[phone]"]::-ms-input-placeholder {
        color: #fff
    }

    .frm__itm input[type="text"][name*="[phone]"]::placeholder {
        color: #fff
    }

    .frm__itm input[type="text"], .frm__itm input[type="email"], .frm__itm textarea {
        height: 2.5rem;
        background-color: rgba(0,0,0,0);
        color: #fff;
        font-weight: 300;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-bottom: .125rem #73adff solid;
        padding: .3125rem 0;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

        .frm__itm input[type="text"]:focus, .frm__itm input[type="email"]:focus, .frm__itm textarea:focus {
            border-color: #fff
        }

        .frm__itm input[type="text"]::-webkit-input-placeholder, .frm__itm input[type="email"]::-webkit-input-placeholder, .frm__itm textarea::-webkit-input-placeholder {
            color: transparent
        }

        .frm__itm input[type="text"]::-moz-placeholder, .frm__itm input[type="email"]::-moz-placeholder, .frm__itm textarea::-moz-placeholder {
            color: transparent
        }

        .frm__itm input[type="text"]::-ms-input-placeholder, .frm__itm input[type="email"]::-ms-input-placeholder, .frm__itm textarea::-ms-input-placeholder {
            color: transparent
        }

        .frm__itm input[type="text"]::placeholder, .frm__itm input[type="email"]::placeholder, .frm__itm textarea::placeholder {
            color: transparent
        }

        .frm__itm input[type="text"]:-webkit-autofill, .frm__itm input[type="text"]:-webkit-autofill:hover, .frm__itm input[type="text"]:-webkit-autofill:focus, .frm__itm input[type="email"]:-webkit-autofill, .frm__itm input[type="email"]:-webkit-autofill:hover, .frm__itm input[type="email"]:-webkit-autofill:focus, .frm__itm textarea:-webkit-autofill, .frm__itm textarea:-webkit-autofill:hover, .frm__itm textarea:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff;
            -webkit-box-shadow: 0 0 0px 1000px transparent inset;
            -webkit-transition: background-color 5000s ease-in-out 0s;
            -o-transition: background-color 5000s ease-in-out 0s;
            transition: background-color 5000s ease-in-out 0s;
            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,174,255,0.04) 50%, rgba(255,255,255,0) 51%, rgba(0,174,255,0.03) 100%)
        }

    .frm__itm.frm__itm_error {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 400;
        color: #d50a51
    }

    .frm__itm .error {
        color: #d50a51;
        font-size: .8125rem;
        font-weight: 400
    }

.frm__itm_anime {
    position: relative;
    z-index: 1
}

    .frm__itm_anime input[type="text"]:focus + label, .frm__itm_anime input[type="email"]:focus + label, .frm__itm_anime textarea:focus + label {
        top: -.625rem;
        font-size: .75rem
    }

    .frm__itm_anime label {
        position: absolute;
        z-index: -1;
        top: .375rem;
        left: 0;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

        .frm__itm_anime label.is-active {
            top: -.625rem;
            font-size: .75rem
        }

.frm__itm_error, .frm__prv {
    font-size: .8125rem
}

    .frm__itm_error b, .frm__prv b {
        font-weight: 500
    }

    .frm__itm_error a, .frm__prv a {
        color: #fff;
        text-decoration: underline
    }

.btn.sbmt {
    width: inherit;
    height: 2.5rem;
    min-width: 12.5rem;
    font-size: 1rem;
    position: relative;
    font-weight: 300
}

    .btn.sbmt:disabled {
        opacity: .5;
        cursor: not-allowed
    }

        .btn.sbmt:disabled:hover {
            background-color: #d50a51;
            color: #fff
        }

            .btn.sbmt:disabled:hover::after {
                color: #fff
            }

    .btn.sbmt::after {
        content: '\E819';
        font-family: 'fontello';
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        margin: -.6875rem -.6875rem;
        width: 1.375rem;
        height: 1.375rem;
        line-height: 1.375rem;
        font-size: 1rem;
        color: #fff;
        -webkit-animation: rotate 1s linear infinite;
        animation: rotate 1s linear infinite;
        opacity: 0
    }

    .btn.sbmt:hover::after {
        color: #d50a51
    }

.processed .btn.sbmt {
    color: transparent;
    pointer-events: none
}

    .processed .btn.sbmt::after {
        opacity: 1
    }

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

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.frm-wrp_2018 .frm__itm .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #333
}

.frm-wrp_2018 .frm__itm input[type="text"], .frm-wrp_2018 .frm__itm input[type="email"], .frm-wrp_2018 .frm__itm textarea {
    background-color: #737373;
    border-color: #737373;
    padding-left: .625rem;
    padding-right: .625rem
}

    .frm-wrp_2018 .frm__itm input[type="text"]::-webkit-input-placeholder, .frm-wrp_2018 .frm__itm input[type="email"]::-webkit-input-placeholder, .frm-wrp_2018 .frm__itm textarea::-webkit-input-placeholder {
        color: #fff
    }

    .frm-wrp_2018 .frm__itm input[type="text"]::-moz-placeholder, .frm-wrp_2018 .frm__itm input[type="email"]::-moz-placeholder, .frm-wrp_2018 .frm__itm textarea::-moz-placeholder {
        color: #fff
    }

    .frm-wrp_2018 .frm__itm input[type="text"]::-ms-input-placeholder, .frm-wrp_2018 .frm__itm input[type="email"]::-ms-input-placeholder, .frm-wrp_2018 .frm__itm textarea::-ms-input-placeholder {
        color: #fff
    }

    .frm-wrp_2018 .frm__itm input[type="text"]::placeholder, .frm-wrp_2018 .frm__itm input[type="email"]::placeholder, .frm-wrp_2018 .frm__itm textarea::placeholder {
        color: #fff
    }

@media print, screen and (min-width: 73.75em) {
    .frm-wrp_2018 .frm__itm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.frm-wrp_2018 .frm__itm.frm__itm_error {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.frm-wrp_2018 .frm__itm_anime .control-label {
    display: none
}

.frm-wrp_2018 .btn.sbmt {
    width: 100%;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

    .frm-wrp_2018 .btn.sbmt:hover {
        background-color: #8c0735;
        border-color: #8c0735;
        color: #fff
    }

.frm-wrp_2018 .frm__itm_error a, .frm-wrp_2018 .frm__prv a {
    color: #333
}

.frm-wrp_2018 .captcha input {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    width: 100%;
    height: 2.5rem;
    font-weight: 400;
    font-size: 1rem;
    padding-left: .625rem;
    padding-right: .625rem;
    background-color: #fff;
    border-color: #fff
}

.frm-wrp_2018.frm-wrp_2018-theme-dark input[type="text"][name*="[phone]"]::-webkit-input-placeholder {
    color: #333
}

.frm-wrp_2018.frm-wrp_2018-theme-dark input[type="text"][name*="[phone]"]::-moz-placeholder {
    color: #333
}

.frm-wrp_2018.frm-wrp_2018-theme-dark input[type="text"][name*="[phone]"]::-ms-input-placeholder {
    color: #333
}

.frm-wrp_2018.frm-wrp_2018-theme-dark input[type="text"][name*="[phone]"]::placeholder {
    color: #333
}

.frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="text"], .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="email"], .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm textarea {
    background-color: #d7d7d7;
    border-color: #d7d7d7;
    color: #333
}

    .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="text"]::-webkit-input-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="email"]::-webkit-input-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm textarea::-webkit-input-placeholder {
        color: #333
    }

    .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="text"]::-moz-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="email"]::-moz-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm textarea::-moz-placeholder {
        color: #333
    }

    .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="text"]::-ms-input-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="email"]::-ms-input-placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm textarea::-ms-input-placeholder {
        color: #333
    }

    .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="text"]::placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm input[type="email"]::placeholder, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm textarea::placeholder {
        color: #333
    }

.frm-wrp_2018.frm-wrp_2018-theme-dark .frm__itm_error a, .frm-wrp_2018.frm-wrp_2018-theme-dark .frm__prv a {
    color: #fff
}

.frm-wrp .select2-container.select2-container--focus .select2-selection--single {
    outline: none
}

.frm-wrp .select2-container .select2-selection--single {
    height: 2.5rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    border-bottom: .125rem solid #73adff;
    background-color: transparent;
    font-weight: 300
}

    .frm-wrp .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        height: 100%;
        line-height: 2.5rem;
        color: #fff
    }

    .frm-wrp .select2-container .select2-selection--single .select2-selection__arrow {
        top: 0;
        right: 0;
        height: 100%;
        width: 2.5rem
    }

.frm-wrp .select2-container + label.control-label {
    display: none
}

.frm-wrp .select2-container--default {
    width: 100% !important
}

    .frm-wrp .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin: 0;
        border-color: #fff transparent transparent transparent;
        border-width: .3125rem .3125rem 0 .3125rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .frm-wrp .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #fff transparent;
        border-width: 0 .3125rem .3125rem .3125rem
    }

.select2-container--default .select2-dropdown {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.select2-container--default .select2-results__option {
    font-size: .875rem
}

.frm-wrp_2018 .select2-container .select2-selection--single {
    border: none;
    background-color: #737373
}

    .frm-wrp_2018 .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .625rem
    }

.frm-wrp_2018.frm-wrp_2018-theme-dark .select2-container .select2-selection--single {
    background-color: #d7d7d7
}

    .frm-wrp_2018.frm-wrp_2018-theme-dark .select2-container .select2-selection--single .select2-selection__rendered {
        color: #333
    }

.frm-wrp_2018.frm-wrp_2018-theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent
}

.frm-wrp_2018.frm-wrp_2018-theme-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #333 transparent
}

.frm__agr {
    display: block;
    white-space: nowrap;
    font-size: 0
}

    .frm__agr .chckbx {
        display: none
    }

    .frm__agr.highlighted .chckbx-cstm {
        border-color: #d50a51
    }

    .frm__agr .chckbx-cstm, .frm__agr .chckbx-lbl {
        display: inline-block;
        vertical-align: top;
        cursor: pointer
    }

    .frm__agr .chckbx-cstm {
        position: relative;
        width: 1.625rem;
        height: 1.625rem;
        border: .125rem solid #73adff
    }

    .frm__agr .chckbx-lbl {
        width: 100%;
        width: calc(100% - 40px);
        font-size: .8125rem;
        white-space: normal;
        margin-left: .625rem
    }

    .frm__agr .chckbx-cstm, .frm__agr .chckbx-cstm::before {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

        .frm__agr .chckbx-cstm::before {
            opacity: 0;
            content: '\E822';
            font-family: 'fontello';
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 50%;
            background-color: transparent;
            color: #fff;
            font-size: .625rem;
            font-weight: 400;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .frm__agr .chckbx:checked + .chckbx-cstm {
        border-color: #fff
    }

        .frm__agr .chckbx:checked + .chckbx-cstm::before {
            opacity: 1
        }

.frm-wrp_2018 .frm__agr.highlighted .chckbx-cstm {
    border-color: #d50a51
}

.frm-wrp_2018 .frm__agr.highlighted .chckbx:checked + .chckbx-cstm {
    border-color: #737373;
    background-color: #737373
}

.frm-wrp_2018 .frm__agr .chckbx-cstm {
    border-color: #737373;
    background-color: #737373
}

.frm-wrp_2018 .frm__agr .chckbx:checked + .chckbx-cstm {
    border-color: #737373;
    background-color: #737373
}

.frm-wrp_2018.frm-wrp_2018-theme-dark .chckbx-cstm {
    border-color: #d7d7d7;
    background-color: #d7d7d7
}

    .frm-wrp_2018.frm-wrp_2018-theme-dark .chckbx-cstm::before {
        color: #333
    }

.frm-wrp_2018.frm-wrp_2018-theme-dark .chckbx:checked + .chckbx-cstm {
    border-color: #d7d7d7;
    background-color: #d7d7d7
}

.tabs-title a {
    display: inline-block;
    color: #fff
}

    .tabs-title a:hover {
        text-decoration: none
    }

.tabs-panel {
    display: none
}

    .tabs-panel.is-active {
        display: block
    }

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

th {
    font-size: .8125rem;
    font-weight: 600;
    padding: .3125rem;
    text-align: left
}

    th + th:last-child {
        text-align: right
    }

td {
    padding: .3125rem;
    font-size: .8125rem
}

    td + td:last-child {
        text-align: right
    }

.tbl-of-hide {
    overflow-x: auto
}

.tbl thead th {
    vertical-align: top;
    padding: 1.25rem;
    background-color: #3d87f0;
    color: #fff
}

.tbl tbody tr:nth-child(even) {
    background-color: #f6f6f6
}

.tbl tbody td {
    padding: 1.25rem
}

.tbl tfoot tr {
    background-color: #f6f6f6;
    text-align: center
}

.tbl tfoot td {
    padding: 1.25rem
}

.accordion-item {
    background-color: #f6f6f6;
    border-bottom: .125rem solid #d7d7d7
}

    .accordion-item + .accordion-item {
        margin-top: 1.25rem
    }

    .accordion-item.is-active .crcl {
        background-color: #d50a51
    }

        .accordion-item.is-active .crcl::before, .accordion-item.is-active .crcl::after {
            background-color: #fff
        }

        .accordion-item.is-active .crcl::before {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .accordion-item.is-active .crcl::after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

.accordion-title {
    position: relative;
    padding: 1.875rem 5rem 1.875rem 1.25rem;
    display: block;
    color: #333
}

    .accordion-title:hover {
        text-decoration: none
    }

    .accordion-title .crcl {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 1.25rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.accordion-content {
    display: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.accrd-cntnt__innr {
    border-top: .0625rem solid #d7d7d7
}

.pgntr {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-top: .0625rem solid #d7d7d7
}

.pgntr__first, .pgntr__last {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.25rem;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem
}

    .pgntr__first a, .pgntr__last a {
        color: #333;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

        .pgntr__first a::before, .pgntr__last a::before {
            font-family: 'fontello'
        }

        .pgntr__first a:hover, .pgntr__last a:hover {
            text-decoration: none;
            color: #d50a51
        }

        .pgntr__first a::before {
            content: '\E80C'
        }

.pgntr__last {
    text-align: right
}

    .pgntr__last a::before {
        content: '\E80B'
    }

.pgntr__numbs li a, .pgntr__numbs li span {
    display: block;
    padding: .3125rem .625rem;
    -webkit-border-radius: .3125rem;
    border-radius: .3125rem
}

.pgntr__numbs li a {
    display: block;
    color: #333;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

    .pgntr__numbs li a:hover {
        text-decoration: none;
        background-color: #f6f6f6
    }

.pgntr__numbs li.is-active span {
    background-color: #d50a51;
    color: #fff
}

.pgntr__prev, .pgntr__nxt {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    flex: 1 1 0
}

.pgntr__prev {
    padding-right: .625rem
}

.pgntr__crrnt {
    text-align: center
}

.pgntr__nxt {
    text-align: right;
    padding-left: .625rem
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        -o-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

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

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

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

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

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

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

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

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

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

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

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

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

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

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

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

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

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

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

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

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

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

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

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

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

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

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

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

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

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

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

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

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

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

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

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

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

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

@keyframes rotateOut {
    0% {
        opacity: 1
    }

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

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

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

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

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

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

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

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

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

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

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

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

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

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

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

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

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

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

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

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

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

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

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

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

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

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

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

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

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

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

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

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

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

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

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

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

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

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

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

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

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

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

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

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

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

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

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

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

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

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

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

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

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

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

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

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

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

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

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.hdr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 10px
}

@media print, screen and (min-width: 46.25em) {
    .hdr {
        padding: 17px 0
    }
}

@media print, screen and (min-width: 73.75em) {
    .hdr {
        padding: 30px 0
    }
}

.hdr__inside {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 65px;
    right: -100%;
    bottom: 0;
    z-index: 100;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    opacity: 0;
    visibility: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#0B0F18), to(rgba(11,15,24,0)));
    background: -webkit-linear-gradient(top, #0B0F18 0%, rgba(11,15,24,0) 100%);
    background: -o-linear-gradient(top, #0B0F18 0%, rgba(11,15,24,0) 100%);
    background: linear-gradient(180deg, #0B0F18 0%, rgba(11,15,24,0) 100%);
    -webkit-backdrop-filter: blur(2.5px);
    backdrop-filter: blur(2.5px);
    padding-left: 25%
}

@media print, screen and (min-width: 46.25em) {
    .hdr__inside {
        padding-left: 50%
    }
}

.hdr__inside.is-active {
    visibility: visible;
    opacity: 1;
    right: 0;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.hdr__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 25%;
    background-color: transparent
}

@media print, screen and (min-width: 46.25em) {
    .hdr__inner {
        width: 50%
    }
}

.hdr__nav-close {
    height: 100%;
    width: calc(100% + 20px);
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

@media print, screen and (min-width: 73.75em) {
    .hdr__nav-close {
        display: none
    }
}

.hdr__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: calc(100% + 220px);
    height: 100%;
    background-color: #0B0F18;
    -webkit-box-shadow: -8px 15px 15px rgba(0,0,0,0.15);
    box-shadow: -8px 15px 15px rgba(0,0,0,0.15);
    padding-top: 20px;
    padding-left: 20px
}

@media print, screen and (min-width: 73.75em) {
    .hdr__box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        padding-top: 0;
        padding-left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(11,15,24,0.1)), color-stop(99.99%, rgba(11,15,24,0.1)), to(rgba(11,15,24,0)));
        background: -webkit-linear-gradient(top, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
        background: -o-linear-gradient(top, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
        background: linear-gradient(180deg, rgba(11,15,24,0.1) 0%, rgba(11,15,24,0.1) 99.99%, rgba(11,15,24,0) 100%);
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.hdr__logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 152px;
    -ms-flex: 0 0 152px;
    flex: 0 0 152px;
    max-width: 152px
}

@media print, screen and (min-width: 73.75em) {
    .hdr__logo {
        margin-right: 50px
    }
}

@media screen and (min-width: 118.75em) {
    .hdr__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
        margin-right: 60px
    }
}

@media print, screen and (min-width: 73.75em) {
    .hdr__desk {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 100%
    }
}

@media print, screen and (min-width: 73.75em) {
    .hdr__menu {
        margin-right: auto
    }
}

@media print, screen and (min-width: 73.75em) {
    .hdr__menu .nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.hdr__menu .nav > li {
    margin-bottom: 20px
}

    .hdr__menu .nav > li:last-child {
        margin-right: 0
    }

@media print, screen and (min-width: 73.75em) {
    .hdr__menu .nav > li {
        margin-bottom: 0;
        margin-right: 20px
    }
}

@media screen and (min-width: 118.75em) {
    .hdr__menu .nav > li {
        margin-right: 30px
    }
}

.hdr__menu .nav > li .row {
    margin-left: 0;
    margin-right: 0
}

.hdr__menu .nav > li a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    font-size: 16px;
    line-height: 21px
}

@media print, screen and (min-width: 73.75em) {
    .hdr__menu .nav > li a {
        color: #556181;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (min-width: 118.75em) {
    .hdr__menu .nav > li a {
        font-size: 16px;
        line-height: 21px
    }
}

.hdr__menu .nav > li a:hover {
    color: #fff
}

.hdr__menu .nav > li.trail-active a {
    color: #fff
}

@media print, screen and (min-width: 73.75em) {
    .hdr__lang {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        padding-bottom: 0;
        border: none;
        margin-bottom: 0
    }
}

.hdr__lang .lang {
    position: relative
}

    .hdr__lang .lang button {
        color: #556181;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s;
        text-transform: uppercase;
        padding-right: 30px
    }

        .hdr__lang .lang button:hover {
            color: #fff
        }

            .hdr__lang .lang button:hover::after {
                border-color: #fff
            }

        .hdr__lang .lang button::after {
            content: '';
            position: absolute;
            top: 5px;
            right: 7px;
            width: 10px;
            height: 10px;
            background-color: transparent;
            border-left: 1px solid #556181;
            border-bottom: 1px solid #556181;
            -webkit-transition: all ease .3s;
            -o-transition: all ease .3s;
            transition: all ease .3s;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .hdr__lang .lang button.is-active {
            color: #fff
        }

            .hdr__lang .lang button.is-active::after {
                -webkit-transform: rotate(-225deg);
                -ms-transform: rotate(-225deg);
                transform: rotate(-225deg);
                top: 10px;
                border-color: #fff
            }

.hdr__lang a {
    color: #556181
}

.hdr__join {
    padding-bottom: 19px;
    border-bottom: 1px solid #1F2739;
    margin-bottom: 20px
}

@media print, screen and (min-width: 73.75em) {
    .hdr__join {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 0;
        border: none;
        margin-right: 20px;
        margin-bottom: 0
    }
}

.hdr__join .bttn {
    font-size: 14px;
    line-height: 18px;
    margin-right: 8px;
    padding: 8px 14px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

    .hdr__join .bttn.out {
        color: #00A0DC;
        font-weight: 600;
        min-width: 72px
    }

    .hdr__join .bttn:last-child {
        margin-right: 0
    }

@media print, screen and (min-width: 73.75em) {
    .hdr__brgr {
        display: none
    }
}

.hdr__brgr button {
    width: 30px;
    height: 30px;
    padding: 8px 6px
}

    .hdr__brgr button span {
        display: block;
        height: 2px;
        background-color: #242E49;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s;
        position: relative
    }

        .hdr__brgr button span:before, .hdr__brgr button span:after {
            position: absolute;
            display: block;
            content: '';
            background-color: #242E49;
            width: 100%;
            height: 2px;
            -webkit-transition: all ease .3s;
            -o-transition: all ease .3s;
            transition: all ease .3s
        }

        .hdr__brgr button span:before {
            top: -5px
        }

        .hdr__brgr button span:after {
            bottom: -5px
        }

    .hdr__brgr button.is-active span {
        background-color: transparent;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s
    }

        .hdr__brgr button.is-active span:before {
            top: 0px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .hdr__brgr button.is-active span:after {
            bottom: 0px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.drop-lang {
    padding-left: 10px;
    padding-right: 28px;
    position: absolute;
    z-index: 999;
    top: calc(100% + 3px);
    left: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18.87%, #0B0F18), to(rgba(20,28,48,0.78)));
    background: -webkit-linear-gradient(top, #0B0F18 18.87%, rgba(20,28,48,0.78) 100%);
    background: -o-linear-gradient(top, #0B0F18 18.87%, rgba(20,28,48,0.78) 100%);
    background: linear-gradient(180deg, #0B0F18 18.87%, rgba(20,28,48,0.78) 100%);
    -webkit-box-shadow: -5px 20px 20px rgba(0,0,0,0.1);
    box-shadow: -5px 20px 20px rgba(0,0,0,0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid rgba(20,28,48,0.78);
    border-top: none
}

    .drop-lang.is-active {
        opacity: 1;
        visibility: visible
    }

@media print, screen and (min-width: 73.75em) {
    .drop-lang {
        padding: 10px 15px;
        left: -15px
    }
}

.sctn__ttl {
    color: #fff;
    font-size: 24px;
    line-height: 31px;
    font-weight: 500
}

@media print, screen and (min-width: 46.25em) {
    .sctn__ttl {
        font-size: 28px;
        line-height: 36px
    }
}

@media screen and (min-width: 118.75em) {
    .sctn__ttl {
        font-size: 45px;
        line-height: 50px
    }
}

.sctn__subttl {
    font-size: 14px;
    line-height: 18px
}

@media print, screen and (min-width: 73.75em) {
    .sctn__subttl {
        font-size: 16px;
        line-height: 21px
    }
}

.footer {
    padding-bottom: 50px
}

.footer__innr {
    padding: 0 10px
}

@media print, screen and (min-width: 46.25em) {
    .footer__innr {
        padding: 0
    }
}

.footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

@media print, screen and (min-width: 46.25em) {
    .footer__top {
        margin-bottom: 33px
    }
}

.footer__top button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print, screen and (min-width: 46.25em) {
    .footer__top button {
        font-size: 14px
    }
}

.footer__top button img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-right: 12px
}

.footer__top .lang img {
    -webkit-filter: grayscale(0.9);
    filter: grayscale(0.9);
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

    .footer__top .lang img:hover + span {
        color: #fff
    }

.footer__top .lang span {
    color: #323D5A;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

    .footer__top .lang span:nth-of-type(2) {
        display: none
    }

.footer__top .lang:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.footer__medium {
    margin-bottom: 30px
}

@media print, screen and (min-width: 73.75em) {
    .footer__medium {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 40px
    }
}

.footer__medium .row {
    margin-left: 0;
    margin-right: 0
}

    .footer__medium .row .row {
        margin-left: 0;
        margin-right: 0
    }

.footer__medium ul {
    margin-bottom: 15px
}

@media print, screen and (min-width: 46.25em) {
    .footer__medium ul {
        margin-bottom: 24px
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__medium ul {
        margin-bottom: 0
    }
}

.footer__medium li {
    margin-right: auto;
    margin-bottom: 15px
}

@media print, screen and (min-width: 46.25em) {
    .footer__medium li {
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__medium li {
        margin-right: 50px
    }
}

.footer__medium a {
    color: #323D5A
}

.footer__down {
    font-size: 14px;
    line-height: 18px;
    color: #242E49
}

@media print, screen and (min-width: 46.25em) {
    .footer__down {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.footer__contact {
    margin-bottom: 30px
}

@media print, screen and (min-width: 46.25em) {
    .footer__contact {
        margin-bottom: 42px
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__contact {
        margin-bottom: 0
    }
}

.footer__contact a {
    font-size: 16px;
    line-height: 21px;
    color: #00A0DC
}

@media print, screen and (min-width: 46.25em) {
    .footer__contact a {
        font-size: 14px;
        line-height: 18px
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__contact a {
        font-size: 16px;
        line-height: 21px
    }
}

.footer__text {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 30px
}

@media print, screen and (min-width: 46.25em) {
    .footer__text {
        margin-bottom: 40px
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__text {
        font-size: 14px;
        line-height: 18px
    }
}

.footer__privacy {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px
}

@media print, screen and (min-width: 46.25em) {
    .footer__privacy {
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__privacy {
        font-size: 14px;
        line-height: 18px
    }
}

.footer__privacy a {
    color: #242E49
}

.footer__copy {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px
}

@media print, screen and (min-width: 46.25em) {
    .footer__copy {
        margin-left: auto;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer__copy {
        font-size: 14px;
        line-height: 18px
    }
}

.footer .logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 180px;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 180px
}

@media print, screen and (min-width: 46.25em) {
    .footer .logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 156px;
        -ms-flex: 0 0 156px;
        flex: 0 0 156px;
        max-width: 156px
    }
}

@media print, screen and (min-width: 73.75em) {
    .footer .logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 178px;
        -ms-flex: 0 0 178px;
        flex: 0 0 178px;
        max-width: 178px
    }
}

.sp {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 20px auto
}

.sp-circle {
    border: 4px rgba(0,0,0,0.25) solid;
    border-top: 4px black solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.admin-tool {
    display: none !important
}

body::-webkit-scrollbar, .lst-rgn::-webkit-scrollbar {
    width: 8px !important
}

body::-webkit-scrollbar-track, .lst-rgn::-webkit-scrollbar-track {
    background: transparent !important
}

body::-webkit-scrollbar-thumb, .lst-rgn::-webkit-scrollbar-thumb {
    background: #00A0DC !important;
    -webkit-backdrop-filter: blur(15px) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important
}

* {
    scrollbar-width: thin !important;
    scrollbar-color: #00A0DC transparent !important
}

.select2-container {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.edit-translation {
    display: none
}

.auth-user .edit-translation-wrapper {
    display: inline-block;
    position: relative;
    height: 1px;
    width: 1px
}

.auth-user .edit-translation {
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    height: 20px !important;
    width: 20px !important;
    text-align: center;
    display: block;
    background-color: white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px gray solid;
    cursor: pointer;
    color: gray;
    line-height: 20px !important;
    font-size: 14px !important
}

.auth-user .edit-translation-empty {
    background-color: red
}

.auth-user .edit-translation-not-full {
    background-color: orange
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    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-left: 1.25rem;
    padding-right: 1.25rem;
    -webkit-box-sizing: border-box;
    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 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.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: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-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;
    -ms-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: 1044
}

    .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;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.1875rem;
    position: absolute;
    right: 1.875rem;
    top: 0;
    top: 1.875rem;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: .0625rem solid #fff;
    font-size: 0;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease
}

    .mfp-close::before, .mfp-close::after {
        content: '';
        position: absolute;
        top: 1.0625rem;
        left: .5625rem;
        width: 1rem;
        height: .0625rem;
        background-color: #fff;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

    .mfp-close::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mfp-close::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1
    }

        .mfp-close:hover::before, .mfp-close:focus::before {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .mfp-close:hover::after, .mfp-close:focus::after {
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

.mfp-close-btn-in .mfp-close {
    color: #fff
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: 10px;
    text-align: right;
    padding-right: 6px
}

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

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .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%;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.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;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
        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;
        -webkit-box-sizing: border-box;
        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);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
}

.mdl {
    width: 250px;
    height: 220px;
    position: relative;
    color: #fff;
    -webkit-box-shadow: -5px 10px 40px rgba(0,0,0,0.2);
    box-shadow: -5px 10px 40px rgba(0,0,0,0.2);
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25,32,51,0.9)), to(rgba(20,28,48,0.6)));
    background: -webkit-linear-gradient(top, rgba(25,32,51,0.9) 0%, rgba(20,28,48,0.6) 100%);
    background: -o-linear-gradient(top, rgba(25,32,51,0.9) 0%, rgba(20,28,48,0.6) 100%);
    background: linear-gradient(180deg, rgba(25,32,51,0.9) 0%, rgba(20,28,48,0.6) 100%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 2.5rem 1.25rem;
    margin-left: auto;
    margin-right: auto
}

.mdl__ttl {
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1.5625rem;
    padding-right: 2.5rem
}

.mfp-close {
    top: 0;
    right: 0;
    border: 0
}

.lst-rgn {
    height: 150px;
    overflow-y: scroll;
    padding: 0 20px
}

.lst-rgn__it {
    margin-top: .625rem;
    margin-bottom: .625rem
}

    .lst-rgn__it img {
        margin-right: .625rem;
        width: 1.5625rem
    }

    .lst-rgn__it a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1rem;
        line-height: 1.3125rem;
        color: #fff
    }

        .lst-rgn__it a:hover {
            text-decoration: none
        }

            .lst-rgn__it a:hover span:nth-child(1) {
                color: #fff
            }

        .lst-rgn__it a span:nth-child(1) {
            color: #556181
        }

input.inp-srhc {
    background-color: #fff;
    font-size: .875rem;
    border-color: #fff;
    padding: .5rem .625rem .5rem 2.5rem;
    -webkit-border-radius: .375rem;
    border-radius: .375rem;
    height: 2.5rem;
    font-weight: 600
}

    input.inp-srhc::-webkit-input-placeholder {
        color: #333;
        font-weight: 600
    }

    input.inp-srhc::-moz-placeholder {
        color: #333;
        font-weight: 600
    }

    input.inp-srhc::-ms-input-placeholder {
        color: #333;
        font-weight: 600
    }

    input.inp-srhc::placeholder {
        color: #333;
        font-weight: 600
    }

    input.inp-srhc:focus {
        border-color: #2578ee
    }

.inpt-grp__it_icn-srch {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 80%
}

    .inpt-grp__it_icn-srch::before {
        content: '\E800';
        font-family: 'fontello';
        position: absolute;
        top: 0;
        left: .625rem;
        font-size: 1.375rem;
        color: #333;
        line-height: 2.5rem;
        font-weight: 400
    }

.banner__top {
    height: 530px;
    background: url("../themes/bundles/app/img/pages/main/banner-small.jpg") no-repeat center -62px
}

@media print, screen and (min-width: 46.25em) {
    .banner__top {
        height: 570px;
        background-image: url("../themes/bundles/app/img/pages/main/banner-tab.jpg")
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__top {
        background-image: url("../themes/bundles/app/img/pages/main/banner-large.jpg");
        background-position: center -98px;
        height: 505px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__top {
        height: 860px;
        background: url("../themes/bundles/app/img/pages/main/banner-desk.jpg") no-repeat 50% 121%
    }
}

.banner__top .sctn__ttl {
    margin: 20px 0 5px 10px;
    font-size: 28px;
    line-height: 36px
}

@media print, screen and (min-width: 46.25em) {
    .banner__top .sctn__ttl {
        margin: 145px 0 5px 15px;
        font-size: 45px;
        line-height: 50px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__top .sctn__ttl {
        margin: 165px 0 20px 0;
        font-size: 36px;
        line-height: 40px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__top .sctn__ttl {
        margin: 240px 0 20px 0;
        font-size: 45px;
        line-height: 50px
    }
}

.banner__top .sctn__typed {
    margin-left: 10px
}

@media print, screen and (min-width: 46.25em) {
    .banner__top .sctn__typed {
        margin-left: 15px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__top .sctn__typed {
        margin-left: 0
    }
}

@media screen and (min-width: 118.75em) {
    .banner__top .sctn__typed {
        width: 580px
    }
}

.banner__top .sctn__subttl, .banner__top #typed {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #00A0DC
}

@media print, screen and (min-width: 46.25em) {
    .banner__top .sctn__subttl, .banner__top #typed {
        font-size: 24px;
        line-height: 31px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__top .sctn__subttl, .banner__top #typed {
        font-size: 34px;
        line-height: 41px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__top .typed-cursor {
        font-size: 24px
    }
}

.banner__bottom {
    height: 667px;
    background: url("../themes/bundles/app/img/pages/main/mlm-small.jpg") no-repeat center -25px;
    position: relative
}

@media print, screen and (min-width: 46.25em) {
    .banner__bottom {
        height: 820px;
        background: url("../themes/bundles/app/img/pages/main/mlm-tab.jpg") no-repeat center -27px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__bottom {
        height: 580px;
        background: url("../themes/bundles/app/img/pages/main/mlm-large.jpg") no-repeat center -22px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__bottom {
        height: 940px;
        background: url("../themes/bundles/app/img/pages/main/mlm-desk.jpg") no-repeat center -17px
    }
}

.banner__bottom .sctn__subttl {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 0 10px
}

@media print, screen and (min-width: 46.25em) {
    .banner__bottom .sctn__subttl {
        max-width: 470px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__bottom .sctn__subttl {
        max-width: 510px;
        font-size: 18px;
        line-height: 23px;
        margin-left: auto;
        margin-right: auto
    }
}

.banner__ttl {
    font-size: 30px;
    line-height: 33px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background: -webkit-radial-gradient(20.38% 19.66%, 36.2% 124.88%, #2CBFED 0%, #FA00FF 100%);
    background: -o-radial-gradient(20.38% 19.66%, 36.2% 124.88%, #2CBFED 0%, #FA00FF 100%);
    background: radial-gradient(36.2% 124.88% at 20.38% 19.66%, #2CBFED 0%, #FA00FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-top: 5px;
    margin-bottom: 10px
}

@media print, screen and (min-width: 46.25em) {
    .banner__ttl {
        margin-top: 15px;
        font-size: 45px;
        line-height: 50px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__ttl {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 50px;
        line-height: 65px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__ttl {
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 60px;
        line-height: 66px
    }
}

.banner__box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px
}

@media print, screen and (min-width: 46.25em) {
    .banner__box {
        bottom: 60px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__box {
        bottom: 42px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__box {
        bottom: 58px
    }
}

.banner__list {
    max-width: 340px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

@media print, screen and (min-width: 46.25em) {
    .banner__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 600px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__list {
        max-width: 906px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__list {
        max-width: 930px
    }
}

.banner__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    background: -webkit-radial-gradient(100% 7.69%, 50% 126.12%, rgba(24,34,54,0.6) 0%, rgba(20,36,71,0.5) .01%, rgba(12,22,45,0.5) 100%);
    background: -o-radial-gradient(100% 7.69%, 50% 126.12%, rgba(24,34,54,0.6) 0%, rgba(20,36,71,0.5) .01%, rgba(12,22,45,0.5) 100%);
    background: radial-gradient(50% 126.12% at 100% 7.69%, rgba(24,34,54,0.6) 0%, rgba(20,36,71,0.5) .01%, rgba(12,22,45,0.5) 100%);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 10px
}

    .banner__item:last-child {
        margin-bottom: 0
    }

@media print, screen and (min-width: 46.25em) {
    .banner__item {
        display: block;
        min-height: 160px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 280px;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px;
        max-width: 280px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset;
        text-align: left;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__item {
        padding: 30px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 305px;
        -ms-flex: 0 0 305px;
        flex: 0 0 305px;
        max-width: 305px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__item {
        min-height: 170px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 340px;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        max-width: 340px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0
    }
}

.banner__item p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 10px;
    background: -webkit-radial-gradient(88.46% -22.94%, 137.64% 128.78%, #F386FF 27.6%, #930AA3 100%);
    background: -o-radial-gradient(88.46% -22.94%, 137.64% 128.78%, #F386FF 27.6%, #930AA3 100%);
    background: radial-gradient(137.64% 128.78% at 88.46% -22.94%, #F386FF 27.6%, #930AA3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

@media print, screen and (min-width: 46.25em) {
    .banner__item p {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media print, screen and (min-width: 73.75em) {
    .banner__item p {
        margin-bottom: 0
    }
}

.banner__item p span:nth-child(1) {
    font-size: 23px;
    color: #323D5A;
    margin-right: 5px
}

@media print, screen and (min-width: 46.25em) {
    .banner__item p span:nth-child(1) {
        font-size: 30px;
        margin-right: 5px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__item p span:nth-child(1) {
        font-size: 40px
    }
}

.banner__item p span:nth-child(2), .banner__item p span sup {
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    background: -webkit-radial-gradient(88.46% -22.94%, 137.64% 128.78%, #F386FF 27.6%, #930AA3 100%);
    background: -o-radial-gradient(88.46% -22.94%, 137.64% 128.78%, #F386FF 27.6%, #930AA3 100%);
    background: radial-gradient(137.64% 128.78% at 88.46% -22.94%, #F386FF 27.6%, #930AA3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

@media print, screen and (min-width: 46.25em) {
    .banner__item p span:nth-child(2), .banner__item p span sup {
        font-size: 54px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__item p span:nth-child(2), .banner__item p span sup {
        font-size: 65px
    }
}

.banner__item p span sup {
    top: 0
}

.banner__item > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    font-size: 14px;
    line-height: 18px
}

@media print, screen and (min-width: 46.25em) {
    .banner__item > span {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__item > span {
        font-size: 18px;
        line-height: 24px
    }
}

.banner__item svg {
    width: 280px;
    margin-right: 15px
}

@media print, screen and (min-width: 46.25em) {
    .banner__item svg {
        margin-right: 0;
        margin-bottom: 13px
    }
}

@media screen and (min-width: 118.75em) {
    .banner__item svg {
        width: 460px;
        margin-bottom: 25px
    }
}

.banner__item:nth-child(2) svg {
    width: 240px
}

@media screen and (min-width: 118.75em) {
    .banner__item:nth-child(2) svg {
        width: 460px
    }
}

.banner .sctn__bttn {
    text-align: center
}

@media print, screen and (min-width: 73.75em) {
    .banner .sctn__bttn .bttn {
        font-size: 18px;
        line-height: 23px;
        padding: 16px 30px
    }
}

.cpa {
    min-height: 667px;
    position: relative;
    background: #0B0F18 url("../themes/bundles/app/img/pages/main/cpa-small.jpg") center 45px no-repeat
}

@media print, screen and (min-width: 46.25em) {
    .cpa {
        min-height: 820px;
        background-image: url("../themes/bundles/app/img/pages/main/cpa-tab.jpg");
        background-position: center
    }
}

@media print, screen and (min-width: 73.75em) {
    .cpa {
        min-height: 580px;
        background-image: url("../themes/bundles/app/img/pages/main/cpa-large.jpg");
        background-position: center 103px
    }
}

@media screen and (min-width: 118.75em) {
    .cpa {
        padding-top: 125px;
        min-height: 980px;
        background: #0B0F18 url("../themes/bundles/app/img/pages/main/cpa-desk.jpg") center 83px no-repeat
    }
}

.cpa .sctn__ttl {
    text-align: center;
    font-size: 30px;
    line-height: 33px;
    font-weight: 500;
    background: -webkit-radial-gradient(50% 50%, 35.73% 201.53%, #01BEFF 0%, #0050F8 100%);
    background: -o-radial-gradient(50% 50%, 35.73% 201.53%, #01BEFF 0%, #0050F8 100%);
    background: radial-gradient(35.73% 201.53% at 50% 50%, #01BEFF 0%, #0050F8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
    margin-top: 65px;
    margin-bottom: 10px
}

@media print, screen and (min-width: 46.25em) {
    .cpa .sctn__ttl {
        margin-top: 35px;
        font-size: 45px;
        line-height: 50px
    }
}

@media print, screen and (min-width: 73.75em) {
    .cpa .sctn__ttl {
        margin-top: 135px;
        margin-bottom: 5px;
        font-size: 50px;
        line-height: 65px
    }
}

@media screen and (min-width: 118.75em) {
    .cpa .sctn__ttl {
        margin-top: 0;
        font-size: 60px;
        line-height: 78px;
        letter-spacing: 0.05em
    }
}

.cpa .sctn__subttl {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding: 0 25px
}

@media print, screen and (min-width: 46.25em) {
    .cpa .sctn__subttl {
        max-width: 408px;
        font-size: 16px;
        line-height: 21px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 118.75em) {
    .cpa .sctn__subttl {
        max-width: 400px;
        font-size: 18px;
        line-height: 23px;
        padding: 0px
    }
}

.profit {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    width: 250px;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print, screen and (min-width: 46.25em) {
    .profit {
        width: 560px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 45px
    }
}

@media print, screen and (min-width: 73.75em) {
    .profit {
        width: 100%;
        bottom: -85px
    }
}

@media screen and (min-width: 118.75em) {
    .profit {
        bottom: -5px
    }
}

.profit__item {
    background: -webkit-radial-gradient(100% 7.69%, 50% 126.12%, rgba(24,34,54,0.6) 0%, rgba(24,34,54,0.5) .01%, rgba(12,22,45,0.5) 100%);
    background: -o-radial-gradient(100% 7.69%, 50% 126.12%, rgba(24,34,54,0.6) 0%, rgba(24,34,54,0.5) .01%, rgba(12,22,45,0.5) 100%);
    background: radial-gradient(50% 126.12% at 100% 7.69%, rgba(24,34,54,0.6) 0%, rgba(24,34,54,0.5) .01%, rgba(12,22,45,0.5) 100%);
    -webkit-backdrop-filter: blur(21.5px);
    backdrop-filter: blur(21.5px);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 10px
}

@media print, screen and (min-width: 46.25em) {
    .profit__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 265px;
        -ms-flex: 0 0 265px;
        flex: 0 0 265px;
        max-width: 265px;
        margin-left: 5px;
        margin-right: 5px
    }
}

@media print, screen and (min-width: 73.75em) {
    .profit__item {
        padding: 30px 20px 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 275px;
        -ms-flex: 0 0 275px;
        flex: 0 0 275px;
        max-width: 275px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (min-width: 118.75em) {
    .profit__item {
        padding: 35px 10px 35px 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 340px;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        max-width: 340px
    }
}

.profit__ttl {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    background: -webkit-radial-gradient(78.49% -36.6%, 90.56% 136.14%, #76DEFF 32.64%, #064AFF 100%);
    background: -o-radial-gradient(78.49% -36.6%, 90.56% 136.14%, #76DEFF 32.64%, #064AFF 100%);
    background: radial-gradient(90.56% 136.14% at 78.49% -36.6%, #76DEFF 32.64%, #064AFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

@media print, screen and (min-width: 46.25em) {
    .profit__ttl {
        font-size: 30px;
        line-height: 1
    }
}

@media print, screen and (min-width: 73.75em) {
    .profit__ttl {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1
    }
}

@media screen and (min-width: 118.75em) {
    .profit__ttl {
        font-size: 40px;
        line-height: 1
    }
}

.profit__ttl strong {
    margin-left: 5px;
    font-size: 34px;
    line-height: 1
}

@media print, screen and (min-width: 46.25em) {
    .profit__ttl strong {
        font-size: 54px;
        line-height: 1
    }
}

@media print, screen and (min-width: 73.75em) {
    .profit__ttl strong {
        margin-left: 10px
    }
}

@media screen and (min-width: 118.75em) {
    .profit__ttl strong {
        font-size: 65px;
        line-height: 1
    }
}

.profit__txt {
    font-size: 14px;
    line-height: 18px
}

@media print, screen and (min-width: 46.25em) {
    .profit__txt {
        font-size: 16px;
        line-height: 21px
    }
}

@media screen and (min-width: 118.75em) {
    .profit__txt {
        font-size: 18px;
        line-height: 23px
    }
}

.profit__bttn {
    margin-top: 10px;
    text-align: center
}

@media print, screen and (min-width: 46.25em) {
    .profit__bttn {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px
    }
}

@media print, screen and (min-width: 73.75em) {
    .profit__bttn a {
        padding: 20px 35px
    }
}

@media screen and (min-width: 118.75em) {
    .profit__bttn {
        font-size: 18px;
        line-height: 23px
    }
}

.cfd {
    min-height: 630px;
    background: url("../themes/bundles/app/img/pages/main/cfd-small.jpg") 50% 75px no-repeat
}

@media print, screen and (min-width: 46.25em) {
    .cfd {
        min-height: 670px;
        background: url("../themes/bundles/app/img/pages/main/cfd-tab.jpg") 50% 90px no-repeat
    }
}

@media print, screen and (min-width: 73.75em) {
    .cfd {
        min-height: 400px;
        background: url("../themes/bundles/app/img/pages/main/cfd-large.jpg") 50% 265px no-repeat
    }
}

@media screen and (min-width: 118.75em) {
    .cfd {
        min-height: 860px;
        background: url("../themes/bundles/app/img/pages/main/cfd-desk.jpg") 50% 69px no-repeat
    }
}

.cfd .sctn__ttl {
    margin-top: 120px;
    text-align: center;
    padding: 0 30px;
    margin-bottom: 10px
}

@media print, screen and (min-width: 46.25em) {
    .cfd .sctn__ttl {
        margin-top: 60px;
        max-width: 438px;
        font-size: 28px;
        line-height: 36px;
        padding: 0 34px;
        margin-left: auto;
        margin-right: auto
    }
}

@media print, screen and (min-width: 73.75em) {
    .cfd .sctn__ttl {
        margin-top: 260px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 118.75em) {
    .cfd .sctn__ttl {
        margin-top: 185px;
        max-width: 595px;
        font-size: 45px;
        line-height: 50px;
        padding: 0px 0px;
        margin-bottom: 20px
    }
}

.cfd .sctn__subttl {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 38px
}

@media print, screen and (min-width: 46.25em) {
    .cfd .sctn__subttl {
        max-width: 596px;
        padding: 0 38px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px
    }
}

@media print, screen and (min-width: 73.75em) {
    .cfd .sctn__subttl {
        margin-bottom: 80px
    }
}

@media screen and (min-width: 118.75em) {
    .cfd .sctn__subttl {
        max-width: 585px;
        font-size: 18px;
        line-height: 23px;
        padding: 0px;
        margin-bottom: 126px
    }
}

.cfd__list {
    max-width: 340px;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 46.25em) {
    .cfd__list {
        max-width: 390px
    }
}

@media print, screen and (min-width: 73.75em) {
    .cfd__list {
        max-width: 820px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 118.75em) {
    .cfd__list {
        max-width: 988px
    }
}

.cfd__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media print, screen and (min-width: 73.75em) {
    .cfd__item {
        margin-bottom: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 390px;
        -ms-flex: 0 0 390px;
        flex: 0 0 390px;
        max-width: 390px
    }
}

@media screen and (min-width: 118.75em) {
    .cfd__item {
        margin-bottom: 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 474px;
        -ms-flex: 0 0 474px;
        flex: 0 0 474px;
        max-width: 474px
    }
}

.cfd__item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.cfd__pic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    height: 70px;
    margin-right: 20px
}

@media screen and (min-width: 118.75em) {
    .cfd__pic {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 94px;
        -ms-flex: 0 0 94px;
        flex: 0 0 94px;
        max-width: 94px;
        height: 94px
    }
}

.cfd__descr {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media print, screen and (min-width: 46.25em) {
    .cfd__descr {
        font-size: 18px;
        line-height: 23px
    }
}

@media screen and (min-width: 118.75em) {
    .cfd__descr {
        font-size: 24px;
        line-height: 31px
    }
}

@media print, screen and (min-width: 46.25em) {
    .popular > .row {
        max-width: 780px
    }
}

@media screen and (min-width: 118.75em) {
    .popular > .row {
        max-width: 1464px
    }
}

.popular > .row > .col {
    padding: 0
}

.popular .sctn__ttl {
    margin-top: 80px;
    text-align: center;
    padding: 0 25px
}

@media print, screen and (min-width: 46.25em) {
    .popular .sctn__ttl {
        margin-top: 0;
        font-size: 28px;
        line-height: 36px;
        padding: 0 72px
    }
}

@media print, screen and (min-width: 73.75em) {
    .popular .sctn__ttl {
        margin-top: 135px;
        margin-bottom: 10px;
        padding: 0 170px
    }
}

@media screen and (min-width: 118.75em) {
    .popular .sctn__ttl {
        margin-top: 30px;
        margin-bottom: 5px;
        font-size: 45px;
        line-height: 50px;
        padding: 0 353px
    }
}

.popular__list {
    margin-bottom: -77px;
    position: relative;
    height: 685px;
    margin-left: auto;
    margin-right: auto;
    background: url("../themes/bundles/app/img/pages/main/popular-small.png") no-repeat;
    background-position: calc(50% - -7px) calc(50% - 43px);
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s
}

@media print, screen and (min-width: 46.25em) {
    .popular__list {
        margin-bottom: -10px;
        background: url("../themes/bundles/app/img/pages/main/popular-tab.png") no-repeat;
        background-position: calc(50% - -12px) calc(50% - 10px)
    }
}

@media print, screen and (min-width: 73.75em) {
    .popular__list {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__list {
        margin-bottom: 62px;
        height: 671px;
        background: url("../themes/bundles/app/img/pages/main/popular-desk.png") no-repeat;
        background-position: calc(50% - -16px) calc(50% - -43px)
    }
}

.popular__item {
    position: absolute;
    max-width: 180px;
    z-index: 1000
}

    .popular__item a {
        text-decoration: none
    }

@media print, screen and (min-width: 46.25em) {
    .popular__item {
        max-width: 215px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item {
        max-width: 215px
    }
}

.popular__item:hover .popular__txt {
    color: #fff;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.popular__item:nth-of-type(1) {
    top: 16px;
    left: calc(50% - 47px)
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(1) {
        top: 53px;
        left: calc(50% - 310px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(1) {
        top: 115px;
        left: calc(50% - 479px)
    }
}

.popular__item:nth-of-type(1) .popular__pic {
    width: 87px;
    height: 113px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-1.png") 0 0 no-repeat;
    top: 51px;
    left: calc(50% - 158px);
    -webkit-background-size: cover;
    background-size: cover
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(1) .popular__pic {
        width: 130px;
        height: 159px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-1-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: 74px;
        left: calc(50% - 23px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(1) .popular__pic {
        width: 180px;
        height: 180px;
        top: 32px;
        left: calc(50% - -118px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(1):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-1.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: cover;
    background-size: cover
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(1):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-1-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-transition: background ease .3s;
        -o-transition: background ease .3s;
        transition: background ease .3s
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(1):hover .popular__pic {
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(2) {
    max-width: 172px;
    top: 164px;
    right: calc(50% - 163px)
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(2) {
        max-width: 200px;
        top: 98px;
        right: calc(50% - 142px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(2) {
        max-width: 279px;
        top: 70px;
        right: calc(50% - 190px)
    }
}

.popular__item:nth-of-type(2) .popular__pic {
    width: 93px;
    height: 125px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-2.png") 0 0 no-repeat;
    top: -89px;
    left: calc(50% - 55px);
    -webkit-background-size: cover;
    background-size: cover
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(2) .popular__pic {
        width: 160px;
        height: 165px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-2-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: 18px;
        left: calc(50% - -9px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(2) .popular__pic {
        width: 192px;
        height: 192px;
        top: 65px;
        left: calc(50% - -8px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(2):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-2.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: cover;
    background-size: cover
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(2):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-2-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(2):hover .popular__pic {
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(3) {
    max-width: 131px;
    top: 342px;
    right: calc(50% - 193px)
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(3) {
        top: 102px;
        right: calc(50% - 316px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(3) {
        max-width: 232px;
        top: 133px;
        right: calc(50% - 537px)
    }
}

.popular__item:nth-of-type(3) .popular__pic {
    width: 95px;
    height: 119px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-3.png") 0 0 no-repeat;
    top: -120px;
    left: calc(50% - 83px);
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(3) .popular__pic {
        width: 134px;
        height: 178px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-3-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: 87px;
        left: calc(50% - 27px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(3) .popular__pic {
        width: 201px;
        height: 201px;
        top: 82px;
        left: calc(50% - 169px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(3):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-3.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(3):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-3-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(3):hover .popular__pic {
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(4) {
    max-width: 127px;
    top: 278px;
    left: calc(50% - 166px)
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(4) {
        top: 262px;
        left: calc(50% - 303px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(4) {
        max-width: 200px;
        top: 309px;
        left: calc(50% - 499px)
    }
}

.popular__item:nth-of-type(4) .popular__pic {
    width: 140px;
    height: 100px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-4.png") 0 0 no-repeat;
    top: -97px;
    left: calc(50% - 40px);
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(4) .popular__pic {
        width: 194px;
        height: 167px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-4-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: 57px;
        left: calc(50% - 139px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(4) .popular__pic {
        width: 218px;
        height: 218px;
        top: 57px;
        left: calc(50% - 22px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(4):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-4.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(4):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-4-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(4):hover .popular__pic {
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(5) {
    max-width: 122px;
    right: calc(50% - 77px);
    bottom: 209px
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(5) {
        max-width: 211px;
        right: calc(50% - 301px);
        bottom: 292px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(5) {
        right: calc(50% - 325px);
        bottom: 223px
    }
}

.popular__item:nth-of-type(5) .popular__pic {
    width: 122px;
    height: 180px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-5.png") 0 0 no-repeat;
    top: -122px;
    left: calc(50% - 83px);
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(5) .popular__pic {
        width: 202px;
        height: 277px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-5-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: -144px;
        left: calc(50% - 308px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(5) .popular__pic {
        width: 311px;
        height: 311px;
        top: -166px;
        left: calc(50% - 343px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(5):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-5.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(5):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-5-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(5):hover .popular__pic {
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(6) {
    max-width: 121px;
    left: calc(50% - 167px);
    bottom: 118px
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(6) {
        max-width: 170px;
        left: calc(50% - 270px);
        bottom: 12px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(6) {
        max-width: 162px;
        left: calc(50% - 349px);
        bottom: -56px
    }
}

.popular__item:nth-of-type(6) .popular__pic {
    width: 112px;
    height: 163px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-6.png") 0 0 no-repeat;
    top: -126px;
    left: calc(50% - 62px);
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(6) .popular__pic {
        width: 227px;
        height: 200px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-6-d.png") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        top: -170px;
        left: calc(50% - 51px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(6) .popular__pic {
        width: 254px;
        height: 254px;
        top: -138px;
        left: calc(50% - -6px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(6):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-6.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(6):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-6-d.png") 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(7) {
    max-width: 201px;
    left: calc(50% - 47px);
    bottom: 75px
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(7) {
        max-width: 230px;
        left: calc(50% - -55px);
        bottom: 28px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(7) {
        max-width: 300px;
        left: calc(50% - -70px);
        bottom: -74px
    }
}

.popular__item:nth-of-type(7) .popular__pic {
    width: 180px;
    height: 135px;
    background: url("../themes/bundles/app/img/pages/main/popular-itm-7.png") 0 0 no-repeat;
    top: -91px;
    left: calc(50% - 159px);
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(7) .popular__pic {
        width: 270px;
        height: 180px;
        background: url("../themes/bundles/app/img/pages/main/popular-itm-7-d.png") 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        top: -160px;
        left: calc(50% - 152px)
    }
}

@media screen and (min-width: 118.75em) {
    .popular__item:nth-of-type(7) .popular__pic {
        width: 314px;
        height: 314px;
        top: -188px;
        left: calc(50% - 207px);
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__item:nth-of-type(7):hover .popular__pic {
    background: url("../themes/bundles/app/img/pages/main/popular-itm-color-7.png") 0 0 no-repeat;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    -webkit-background-size: contain;
    background-size: contain
}

@media print, screen and (min-width: 46.25em) {
    .popular__item:nth-of-type(7):hover .popular__pic {
        background: url("../themes/bundles/app/img/pages/main/popular-itm-color-7-d.png") 0 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }
}

.popular__pic {
    position: absolute;
    -webkit-transition: background ease .3s;
    -o-transition: background ease .3s;
    transition: background ease .3s;
    z-index: -1
}

.popular__ttl {
    font-size: 14px;
    line-height: 18px;
    color: #00A0DC;
    margin-bottom: 5px
}

@media print, screen and (min-width: 46.25em) {
    .popular__ttl {
        font-size: 18px;
        line-height: 23px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__ttl {
        font-size: 16px;
        line-height: 21px;
        font-weight: 500
    }
}

.popular__txt {
    font-size: 12px;
    line-height: 16px;
    color: #556181
}

@media print, screen and (min-width: 46.25em) {
    .popular__txt {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (min-width: 118.75em) {
    .popular__txt {
        font-size: 16px;
        line-height: 21px
    }
}

.write {
    margin-top: 100px;
    margin-bottom: 120px
}

@media print, screen and (min-width: 73.75em) {
    .write {
        margin-top: 125px;
        margin-bottom: 145px
    }
}

@media screen and (min-width: 118.75em) {
    .write {
        margin-top: 150px;
        margin-bottom: 220px
    }
}

.write .sctn__ttl {
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 40px
}

@media print, screen and (min-width: 46.25em) {
    .write .sctn__ttl {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 38px
    }
}

@media screen and (min-width: 118.75em) {
    .write .sctn__ttl {
        font-size: 45px;
        line-height: 58px;
        margin-bottom: 43px
    }
}

.write .sctn__ttl h3 {
    font-weight: 400;
    margin-bottom: 5px
}

@media print, screen and (min-width: 46.25em) {
    .write .sctn__ttl h3 {
        margin-bottom: 12px
    }
}

@media screen and (min-width: 118.75em) {
    .write .sctn__ttl h3 {
        margin-bottom: 18px
    }
}

.write .sctn__ttl p {
    font-size: 16px;
    line-height: 21px;
    color: #556181
}

@media screen and (min-width: 118.75em) {
    .write .sctn__ttl p {
        font-size: 18px;
        line-height: 23px
    }
}

.write__bttn {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 118.75em) {
    .write__bttn {
        margin-bottom: 38px
    }
}

.write__bttn a {
    min-width: 255px;
    font-size: 18px;
    line-height: 23px;
    padding-top: 8px;
    padding-bottom: 8px
}

@media print, screen and (min-width: 46.25em) {
    .write__bttn a {
        padding: 10px;
        margin: 0 3px
    }
}

@media screen and (min-width: 118.75em) {
    .write__bttn a {
        font-size: 20px;
        line-height: 31px;
        padding-top: 16px;
        padding-bottom: 16px;
        margin: 0 9px
    }
}

.write__bttn a:nth-child(1) {
    margin-bottom: 10px
}

@media print, screen and (min-width: 46.25em) {
    .write__bttn a:nth-child(1) {
        min-width: 165px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 118.75em) {
    .write__bttn a:nth-child(1) {
        min-width: 225px
    }
}

@media print, screen and (min-width: 46.25em) {
    .write__bttn a:nth-child(2) {
        min-width: 162px
    }
}

@media screen and (min-width: 118.75em) {
    .write__bttn a:nth-child(2) {
        min-width: 225px
    }
}

.write__bttn a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.write__bttn a svg {
    display: inline-block;
    vertical-align: middle
}

@media print, screen and (min-width: 46.25em) {
    .write__bttn a svg {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width: 118.75em) {
    .write__bttn a svg {
        width: 30px;
        height: 30px
    }
}

.write__bttn a:hover:nth-child(1) {
    background: #00a0dc70
}

.write__bttn a:hover:nth-child(2) {
    background: #4cae50a1
}

.write__mail {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .write__mail a {
        font-size: 14px;
        line-height: 18px;
        color: #00A0DC
    }