html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img, input, textarea {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

strong {
    font-weight: 800;
}

ol, ul, li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0
}

legend {
    color: #000
}

a, img, input, textarea, select {
    outline: none
}

textarea {
    overflow: auto
}

input[type=submit], input[type=checkbox] {
    cursor: pointer
}

input[type=submit] {
    background: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, canvas, img {
    display: block
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none
}

a, input, div {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    input[type=text], input[type=tel], input[type=submit] {
        -webkit-appearance: none;
        border-radius: 0
    }

@font-face {
    font-family: 'avenir-medium-regular';
    src: url("fonts/avenir-medium-webfont.woff2") format("woff2"),url("fonts/avenir-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'trajan-pro-regular';
    src: url("fonts/trajan-pro-regular-webfont.woff2") format("woff2"),url("fonts/trajan-pro-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'minion_proregular';
    src: url("fonts/ru/minionpro-regular-webfont.woff2") format("woff2"),url("fonts/ru/minionpro-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'hyrunyuan65w';
    src: url("fonts/zh/hyrunyuan-65w-webfont.woff2") format("woff2"),url("fonts/zh/hyrunyuan-65w-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'futuraplmedium';
    src: url("fonts/pl/FuturaPLMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'bourtonbasedrop';
    src: url("../fonts/Bourton-BaseDrop1664.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Industry';
    src: url("../fonts/Industry-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Bourton-Base-Cyrillic';
    src: url('/assets/fonts/Bulgaria/Bourton-Base1664.otf') format('opentype');
}



@font-face {
    font-family: 'Bourton-Base-Drop-Cyrillic';
    src: url('/assets/fonts/Bulgaria/Bourton-BaseDrop1664.otf') format('opentype');
}

.heading_bourton_font {
    font-family: bourtonbasedrop !important;
}

.para_industrymedium_font {
    font-family: Industry !important;
}

.svg {
    display: none
}

.icon {
    display: block;
    width: 100%;
    height: 100%
}

#no-js {
    position: fixed;
    left: 0;
    top: 20px;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background-color: #232323;
    z-index: 88
}

    #no-js .alt-title {
        margin-bottom: 10px;
        color: #fe7373
    }

    #no-js p {
        color: #fff
    }

    #no-js a {
        color: #fe7373;
        text-decoration: underline
    }

        #no-js a:hover {
            color: #acacac
        }

#old-browser {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(../img/bgs/pattern-transparent-black.png) left top repeat;
    z-index: 88
}

    #old-browser .container {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 960px;
        height: 250px;
        padding: 95px 0;
        margin: -220px 0 0 -480px;
        background-color: #fff
    }

    #old-browser .alt-title {
        margin-bottom: 10px;
        color: #fe7373
    }

    #old-browser p {
        color: #232323
    }

.browsers {
    position: relative;
    width: 960px;
    height: 145px;
    margin-top: 30px
}

    .browsers a {
        display: block;
        position: absolute;
        top: 0;
        width: 80px;
        text-align: center;
        color: #3a6774
    }

        .browsers a.chrome {
            left: 94px
        }

        .browsers a.firefox {
            left: 268px
        }

        .browsers a.safari {
            left: 440px
        }

        .browsers a.opera {
            left: 608px
        }

        .browsers a.ie {
            left: 776px
        }

        .browsers a .alt-logo {
            display: block
        }

        .browsers a .alt-subtitle {
            color: #fe7373;
            margin-top: 10px
        }

        .browsers a p {
            display: none;
            color: #232323
        }

        .browsers a:hover p {
            display: block;
            margin-top: 3px
        }

::-moz-selection {
    background-color: #193a83;
    color: white
}

::selection {
    background-color: #193a83;
    color: white
}

::-moz-selection {
    background-color: #193a83;
    color: white
}

body {
    font: normal 13px/15px Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #232323;
    background-color: #fff
}

.js .preload * {
    -webkit-transition: none !important;
    transition: none !important
}

body {
    width: 100%;
    height: 100%;
    font-family: "avenir-medium-regular","sans-serif";
    color: #041E42;
}

.img-lazyload {
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

    .img-lazyload.loaded {
        opacity: 1
    }

.trajan, .title-1, .title-2, .mg-grid-title, .title-3, .title-sub, .title-sub-small, .traj-b, .dynamic-content h2, .dynamic-content h3, .dynamic-content h4, .dynamic-content h5, .main-loader-loading, .header-nav-item, .footer-lang, .button, .ps-slide-title, .hm-product-slide-title, .loader-txt, .cookie-bt, .hm-top-scroll, .age-content, .age-form-item, .ct-form-input-placeholder, .ct-form-select-placeholder, .ct-form-valid, .mg-top-tag, .mg-grid-item-title, .mga-article-date, .mga-article-tags-item, .pr-products-item-title, .pr-infos-left {
    font-family: "trajan-pro-regular","serif"
}

html[lang="ru"] .trajan, html[lang="ru"] .title-1, html[lang="ru"] .title-2, html[lang="ru"] .mg-grid-title, html[lang="ru"] .title-3, html[lang="ru"] .title-sub, html[lang="ru"] .title-sub-small, html[lang="ru"] .traj-b, html[lang="ru"] .dynamic-content h2, .dynamic-content html[lang="ru"] h2, html[lang="ru"] .dynamic-content h3, .dynamic-content html[lang="ru"] h3, html[lang="ru"] .dynamic-content h4, .dynamic-content html[lang="ru"] h4, html[lang="ru"] .dynamic-content h5, .dynamic-content html[lang="ru"] h5, html[lang="ru"] .main-loader-loading, html[lang="ru"] .header-nav-item, html[lang="ru"] .footer-lang, html[lang="ru"] .button, html[lang="ru"] .ps-slide-title, html[lang="ru"] .hm-product-slide-title, html[lang="ru"] .loader-txt, html[lang="ru"] .cookie-bt, html[lang="ru"] .hm-top-scroll, html[lang="ru"] .age-content, html[lang="ru"] .age-form-item, html[lang="ru"] .ct-form-input-placeholder, html[lang="ru"] .ct-form-select-placeholder, html[lang="ru"] .ct-form-valid, html[lang="ru"] .mg-top-tag, html[lang="ru"] .mg-grid-item-title, html[lang="ru"] .mga-article-date, html[lang="ru"] .mga-article-tags-item, html[lang="ru"] .pr-products-item-title, html[lang="ru"] .pr-infos-left {
    font-family: "minion_proregular","serif"
}

html[lang="zh"] .trajan, html[lang="zh"] .title-1, html[lang="zh"] .title-2, html[lang="zh"] .mg-grid-title, html[lang="zh"] .title-3, html[lang="zh"] .title-sub, html[lang="zh"] .title-sub-small, html[lang="zh"] .traj-b, html[lang="zh"] .dynamic-content h2, .dynamic-content html[lang="zh"] h2, html[lang="zh"] .dynamic-content h3, .dynamic-content html[lang="zh"] h3, html[lang="zh"] .dynamic-content h4, .dynamic-content html[lang="zh"] h4, html[lang="zh"] .dynamic-content h5, .dynamic-content html[lang="zh"] h5, html[lang="zh"] .main-loader-loading, html[lang="zh"] .header-nav-item, html[lang="zh"] .footer-lang, html[lang="zh"] .button, html[lang="zh"] .ps-slide-title, html[lang="zh"] .hm-product-slide-title, html[lang="zh"] .loader-txt, html[lang="zh"] .cookie-bt, html[lang="zh"] .hm-top-scroll, html[lang="zh"] .age-content, html[lang="zh"] .age-form-item, html[lang="zh"] .ct-form-input-placeholder, html[lang="zh"] .ct-form-select-placeholder, html[lang="zh"] .ct-form-valid, html[lang="zh"] .mg-top-tag, html[lang="zh"] .mg-grid-item-title, html[lang="zh"] .mga-article-date, html[lang="zh"] .mga-article-tags-item, html[lang="zh"] .pr-products-item-title, html[lang="zh"] .pr-infos-left {
    font-family: "hyrunyuan65w","serif"
}

.bg-blue {
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985);
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .bg-blue .mask {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4
    }

    .bg-blue .smoke {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 300%;
        z-index: 0;
        backface-visibility: hidden;
        -webkit-animation: bgBlueAnimation 20s infinite;
        animation: bgBlueAnimation 20s infinite;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

.safari .bg-blue:before {
    -webkit-animation: bgBlueAnimationNo3d 20s infinite;
    animation: bgBlueAnimationNo3d 20s infinite
}

@-webkit-keyframes bgBlueAnimation {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, calc(100% / 1.5), 0);
        transform: translate3d(0, calc(100% / 1.5), 0)
    }

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

@keyframes bgBlueAnimation {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, calc(100% / 1.5), 0);
        transform: translate3d(0, calc(100% / 1.5), 0)
    }

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

@-webkit-keyframes bgBlueAnimationNo3d {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, calc(100% / 1.5));
        transform: translate(0, calc(100% / 1.5))
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes bgBlueAnimationNo3d {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(0, calc(100% / 1.5));
        transform: translate(0, calc(100% / 1.5))
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media screen and (max-width: 430px) {
    .bg-blue .mask {
        width: 160%
    }
}

.title-1 {
    text-transform: uppercase;
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 20px;
    color: #041e42
}

    .title-1 strong  {
        color: #004b99
    }

    .title-1.c-white {
        color: #fff
    }

        .title-1.c-white strong {
            color: #193a83
        }

    .title-1.c-blue-d {
        color: #041e42
    }

        .title-1.c-blue-d strong {
            color: #fff
        }

.title-2, .mg-grid-title {
    text-transform: uppercase;
    font-size: 55px;
    line-height: 64px;
    color: #041e42;
    text-align: center;
    max-width: 870px;
    margin: 0 auto 15px auto
}

    .title-2 strong, .mg-grid-title strong {
        color: #004b99
    }

    .title-2.c-white, .c-white.mg-grid-title {
        color: #fff
    }

.title-3 {
    text-transform: uppercase;
    font-size: 34px;
    line-height: 40px;
    color: #193a83;
    text-align: center;
    max-width: 830px;
    margin: 0 auto 0 auto
}

    .title-3 strong {
        color: #004b99
    }

    .title-3.c-white {
        color: #fff
    }

    .title-3.c-blue-l {
        color: #041e42
    }

.title-sub {
    font-size: 20px;
    color: #193a83;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

    .title-sub.c-white {
        color: #fff
    }

    .title-sub.c-blue-l {
        color: #2aacf0
    }

    .title-sub.c-blue-xl {
        color: #ffffff;
    }

.title-sub-small {
    font-size: 16px;
    color: #041e42;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

    .title-sub-small.c-white {
        color: #fff
    }

.txt-b.white, .txt-s.white, .traj-b.white {
    color: #fff
}

.txt-b a, .txt-s a, .traj-b a {
    text-decoration: none;
    color: #193a83;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    display: inline-block
}

    .txt-b a:after, .txt-s a:after, .traj-b a:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #193a83;
        position: absolute;
        bottom: 5px;
        -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .txt-b a:hover, .txt-s a:hover, .traj-b a:hover {
        color: #2aacf0
    }

        .txt-b a:hover:after, .txt-s a:hover:after, .traj-b a:hover:after {
            background-color: #2aacf0
        }

.txt-b {
    font-size: 16px;
    line-height: 30px
}

    .txt-b.c-white {
        color: #fff
    }

.txt-s {
    font-size: 13px;
    line-height: 22px
}

.traj-b {
    font-size: 18px;
    line-height: 30px;
    /*text-transform: uppercase;*/
}

.dynamic-content h2, .dynamic-content h3, .dynamic-content h4, .dynamic-content h5 {
    font-size: 24px;
    line-height: 28px;
    max-width: 430px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px
}

.dynamic-content p {
    display: block;
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 22px;
    color: #041e42
}

.dynamic-content ul {
    padding-left: 45px;
    line-height: 22px
}

@media screen and (max-width: 1025px) {
    .title-1 {
        font-size: 80px;
        line-height: 75px
    }

    .title-2, .mg-grid-title {
        font-size: 45px;
        line-height: 50px
    }

    .title-3 {
        font-size: 45px;
        line-height: 50px
    }

    .title-sub {
        font-size: 16px;
        line-height: 24px
    }

    .title-sub-small {
        font-size: 16px;
        line-height: 24px
    }

    .traj-b {
        font-size: 14px;
        line-height: 22px
    }

    .txt-s {
        font-size: 15px;
        line-height: 25px
    }

    .dynamic-content p, .dynamic-content ul {
        font-size: 15px;
        line-height: 25px
    }
}

@media screen and (max-width: 736px) {
    .title-1 {
        font-size: 45px;
        line-height: 45px
    }

    .title-2, .mg-grid-title {
        font-size: 27px;
        line-height: 29px
    }

    .title-3 {
        font-size: 27px;
        line-height: 29px
    }

    .txt-b {
        font-size: 14px;
        line-height: 22px
    }

    .title-sub {
        font-size: 14px;
        line-height: 22px
    }

    .title-sub-small {
        font-size: 14px;
        line-height: 22px
    }

    .traj-b {
        font-size: 14px;
        line-height: 22px
    }

    .dynamic-content ul {
        padding-left: 20px
    }

    .dynamic-content h2, .dynamic-content h3, .dynamic-content h4, .dynamic-content h5 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 22px;
        margin-top: 30px
    }
}

.animate .observable .title-1 span, .animate .observable .title-2 span, .animate .observable .mg-grid-title span, .animate .observable .title-3 span {
    display: inline-block;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0
}

.animate .observable .title-snd-anim {
    opacity: 0
}

.animate .observable .title-thrd-anim {
    opacity: 0
}

.animate .observable.visible .title-1 span, .animate .observable.visible .title-2 span, .animate .observable.visible .mg-grid-title span, .animate .observable.visible .title-3 span {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .animate .observable.visible .title-1 span:nth-child(1), .animate .observable.visible .title-2 span:nth-child(1), .animate .observable.visible .mg-grid-title span:nth-child(1), .animate .observable.visible .title-3 span:nth-child(1) {
        -webkit-transition-delay: .08s;
        transition-delay: .08s
    }

    .animate .observable.visible .title-1 span:nth-child(2), .animate .observable.visible .title-2 span:nth-child(2), .animate .observable.visible .mg-grid-title span:nth-child(2), .animate .observable.visible .title-3 span:nth-child(2) {
        -webkit-transition-delay: .16s;
        transition-delay: .16s
    }

    .animate .observable.visible .title-1 span:nth-child(3), .animate .observable.visible .title-2 span:nth-child(3), .animate .observable.visible .mg-grid-title span:nth-child(3), .animate .observable.visible .title-3 span:nth-child(3) {
        -webkit-transition-delay: .24s;
        transition-delay: .24s
    }

    .animate .observable.visible .title-1 span:nth-child(4), .animate .observable.visible .title-2 span:nth-child(4), .animate .observable.visible .mg-grid-title span:nth-child(4), .animate .observable.visible .title-3 span:nth-child(4) {
        -webkit-transition-delay: .32s;
        transition-delay: .32s
    }

    .animate .observable.visible .title-1 span:nth-child(5), .animate .observable.visible .title-2 span:nth-child(5), .animate .observable.visible .mg-grid-title span:nth-child(5), .animate .observable.visible .title-3 span:nth-child(5) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .animate .observable.visible .title-1 span:nth-child(6), .animate .observable.visible .title-2 span:nth-child(6), .animate .observable.visible .mg-grid-title span:nth-child(6), .animate .observable.visible .title-3 span:nth-child(6) {
        -webkit-transition-delay: .48s;
        transition-delay: .48s
    }

    .animate .observable.visible .title-1 span:nth-child(7), .animate .observable.visible .title-2 span:nth-child(7), .animate .observable.visible .mg-grid-title span:nth-child(7), .animate .observable.visible .title-3 span:nth-child(7) {
        -webkit-transition-delay: .56s;
        transition-delay: .56s
    }

    .animate .observable.visible .title-1 span:nth-child(8), .animate .observable.visible .title-2 span:nth-child(8), .animate .observable.visible .mg-grid-title span:nth-child(8), .animate .observable.visible .title-3 span:nth-child(8) {
        -webkit-transition-delay: .64s;
        transition-delay: .64s
    }

    .animate .observable.visible .title-1 span:nth-child(9), .animate .observable.visible .title-2 span:nth-child(9), .animate .observable.visible .mg-grid-title span:nth-child(9), .animate .observable.visible .title-3 span:nth-child(9) {
        -webkit-transition-delay: .72s;
        transition-delay: .72s
    }

    .animate .observable.visible .title-1 span:nth-child(10), .animate .observable.visible .title-2 span:nth-child(10), .animate .observable.visible .mg-grid-title span:nth-child(10), .animate .observable.visible .title-3 span:nth-child(10) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .animate .observable.visible .title-1 span:nth-child(11), .animate .observable.visible .title-2 span:nth-child(11), .animate .observable.visible .mg-grid-title span:nth-child(11), .animate .observable.visible .title-3 span:nth-child(11) {
        -webkit-transition-delay: .88s;
        transition-delay: .88s
    }

    .animate .observable.visible .title-1 span:nth-child(12), .animate .observable.visible .title-2 span:nth-child(12), .animate .observable.visible .mg-grid-title span:nth-child(12), .animate .observable.visible .title-3 span:nth-child(12) {
        -webkit-transition-delay: .96s;
        transition-delay: .96s
    }

    .animate .observable.visible .title-1 span:nth-child(13), .animate .observable.visible .title-2 span:nth-child(13), .animate .observable.visible .mg-grid-title span:nth-child(13), .animate .observable.visible .title-3 span:nth-child(13) {
        -webkit-transition-delay: 1.04s;
        transition-delay: 1.04s
    }

    .animate .observable.visible .title-1 span:nth-child(14), .animate .observable.visible .title-2 span:nth-child(14), .animate .observable.visible .mg-grid-title span:nth-child(14), .animate .observable.visible .title-3 span:nth-child(14) {
        -webkit-transition-delay: 1.12s;
        transition-delay: 1.12s
    }

    .animate .observable.visible .title-1 span:nth-child(15), .animate .observable.visible .title-2 span:nth-child(15), .animate .observable.visible .mg-grid-title span:nth-child(15), .animate .observable.visible .title-3 span:nth-child(15) {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .animate .observable.visible .title-1 span:nth-child(16), .animate .observable.visible .title-2 span:nth-child(16), .animate .observable.visible .mg-grid-title span:nth-child(16), .animate .observable.visible .title-3 span:nth-child(16) {
        -webkit-transition-delay: 1.28s;
        transition-delay: 1.28s
    }

    .animate .observable.visible .title-1 span:nth-child(17), .animate .observable.visible .title-2 span:nth-child(17), .animate .observable.visible .mg-grid-title span:nth-child(17), .animate .observable.visible .title-3 span:nth-child(17) {
        -webkit-transition-delay: 1.36s;
        transition-delay: 1.36s
    }

    .animate .observable.visible .title-1 span:nth-child(18), .animate .observable.visible .title-2 span:nth-child(18), .animate .observable.visible .mg-grid-title span:nth-child(18), .animate .observable.visible .title-3 span:nth-child(18) {
        -webkit-transition-delay: 1.44s;
        transition-delay: 1.44s
    }

    .animate .observable.visible .title-1 span:nth-child(19), .animate .observable.visible .title-2 span:nth-child(19), .animate .observable.visible .mg-grid-title span:nth-child(19), .animate .observable.visible .title-3 span:nth-child(19) {
        -webkit-transition-delay: 1.52s;
        transition-delay: 1.52s
    }

    .animate .observable.visible .title-1 span:nth-child(20), .animate .observable.visible .title-2 span:nth-child(20), .animate .observable.visible .mg-grid-title span:nth-child(20), .animate .observable.visible .title-3 span:nth-child(20) {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }

    .animate .observable.visible .title-1 span:nth-child(21), .animate .observable.visible .title-2 span:nth-child(21), .animate .observable.visible .mg-grid-title span:nth-child(21), .animate .observable.visible .title-3 span:nth-child(21) {
        -webkit-transition-delay: 1.68s;
        transition-delay: 1.68s
    }

    .animate .observable.visible .title-1 span:nth-child(22), .animate .observable.visible .title-2 span:nth-child(22), .animate .observable.visible .mg-grid-title span:nth-child(22), .animate .observable.visible .title-3 span:nth-child(22) {
        -webkit-transition-delay: 1.76s;
        transition-delay: 1.76s
    }

    .animate .observable.visible .title-1 span:nth-child(23), .animate .observable.visible .title-2 span:nth-child(23), .animate .observable.visible .mg-grid-title span:nth-child(23), .animate .observable.visible .title-3 span:nth-child(23) {
        -webkit-transition-delay: 1.84s;
        transition-delay: 1.84s
    }

    .animate .observable.visible .title-1 span:nth-child(24), .animate .observable.visible .title-2 span:nth-child(24), .animate .observable.visible .mg-grid-title span:nth-child(24), .animate .observable.visible .title-3 span:nth-child(24) {
        -webkit-transition-delay: 1.92s;
        transition-delay: 1.92s
    }

    .animate .observable.visible .title-1 span:nth-child(25), .animate .observable.visible .title-2 span:nth-child(25), .animate .observable.visible .mg-grid-title span:nth-child(25), .animate .observable.visible .title-3 span:nth-child(25) {
        -webkit-transition-delay: 2s;
        transition-delay: 2s
    }

    .animate .observable.visible .title-1 span:nth-child(26), .animate .observable.visible .title-2 span:nth-child(26), .animate .observable.visible .mg-grid-title span:nth-child(26), .animate .observable.visible .title-3 span:nth-child(26) {
        -webkit-transition-delay: 2.08s;
        transition-delay: 2.08s
    }

    .animate .observable.visible .title-1 span:nth-child(27), .animate .observable.visible .title-2 span:nth-child(27), .animate .observable.visible .mg-grid-title span:nth-child(27), .animate .observable.visible .title-3 span:nth-child(27) {
        -webkit-transition-delay: 2.16s;
        transition-delay: 2.16s
    }

    .animate .observable.visible .title-1 span:nth-child(28), .animate .observable.visible .title-2 span:nth-child(28), .animate .observable.visible .mg-grid-title span:nth-child(28), .animate .observable.visible .title-3 span:nth-child(28) {
        -webkit-transition-delay: 2.24s;
        transition-delay: 2.24s
    }

    .animate .observable.visible .title-1 span:nth-child(29), .animate .observable.visible .title-2 span:nth-child(29), .animate .observable.visible .mg-grid-title span:nth-child(29), .animate .observable.visible .title-3 span:nth-child(29) {
        -webkit-transition-delay: 2.32s;
        transition-delay: 2.32s
    }

    .animate .observable.visible .title-1 span:nth-child(30), .animate .observable.visible .title-2 span:nth-child(30), .animate .observable.visible .mg-grid-title span:nth-child(30), .animate .observable.visible .title-3 span:nth-child(30) {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s
    }

    .animate .observable.visible .title-1 span:nth-child(31), .animate .observable.visible .title-2 span:nth-child(31), .animate .observable.visible .mg-grid-title span:nth-child(31), .animate .observable.visible .title-3 span:nth-child(31) {
        -webkit-transition-delay: 2.48s;
        transition-delay: 2.48s
    }

    .animate .observable.visible .title-1 span:nth-child(32), .animate .observable.visible .title-2 span:nth-child(32), .animate .observable.visible .mg-grid-title span:nth-child(32), .animate .observable.visible .title-3 span:nth-child(32) {
        -webkit-transition-delay: 2.56s;
        transition-delay: 2.56s
    }

    .animate .observable.visible .title-1 span:nth-child(33), .animate .observable.visible .title-2 span:nth-child(33), .animate .observable.visible .mg-grid-title span:nth-child(33), .animate .observable.visible .title-3 span:nth-child(33) {
        -webkit-transition-delay: 2.64s;
        transition-delay: 2.64s
    }

    .animate .observable.visible .title-1 span:nth-child(34), .animate .observable.visible .title-2 span:nth-child(34), .animate .observable.visible .mg-grid-title span:nth-child(34), .animate .observable.visible .title-3 span:nth-child(34) {
        -webkit-transition-delay: 2.72s;
        transition-delay: 2.72s
    }

    .animate .observable.visible .title-1 span:nth-child(35), .animate .observable.visible .title-2 span:nth-child(35), .animate .observable.visible .mg-grid-title span:nth-child(35), .animate .observable.visible .title-3 span:nth-child(35) {
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s
    }

    .animate .observable.visible .title-1 span:nth-child(36), .animate .observable.visible .title-2 span:nth-child(36), .animate .observable.visible .mg-grid-title span:nth-child(36), .animate .observable.visible .title-3 span:nth-child(36) {
        -webkit-transition-delay: 2.88s;
        transition-delay: 2.88s
    }

    .animate .observable.visible .title-1 span:nth-child(37), .animate .observable.visible .title-2 span:nth-child(37), .animate .observable.visible .mg-grid-title span:nth-child(37), .animate .observable.visible .title-3 span:nth-child(37) {
        -webkit-transition-delay: 2.96s;
        transition-delay: 2.96s
    }

    .animate .observable.visible .title-1 span:nth-child(38), .animate .observable.visible .title-2 span:nth-child(38), .animate .observable.visible .mg-grid-title span:nth-child(38), .animate .observable.visible .title-3 span:nth-child(38) {
        -webkit-transition-delay: 3.04s;
        transition-delay: 3.04s
    }

    .animate .observable.visible .title-1 span:nth-child(39), .animate .observable.visible .title-2 span:nth-child(39), .animate .observable.visible .mg-grid-title span:nth-child(39), .animate .observable.visible .title-3 span:nth-child(39) {
        -webkit-transition-delay: 3.12s;
        transition-delay: 3.12s
    }

    .animate .observable.visible .title-1 span:nth-child(40), .animate .observable.visible .title-2 span:nth-child(40), .animate .observable.visible .mg-grid-title span:nth-child(40), .animate .observable.visible .title-3 span:nth-child(40) {
        -webkit-transition-delay: 3.2s;
        transition-delay: 3.2s
    }

    .animate .observable.visible .title-1 span:nth-child(41), .animate .observable.visible .title-2 span:nth-child(41), .animate .observable.visible .mg-grid-title span:nth-child(41), .animate .observable.visible .title-3 span:nth-child(41) {
        -webkit-transition-delay: 3.28s;
        transition-delay: 3.28s
    }

    .animate .observable.visible .title-1 span:nth-child(42), .animate .observable.visible .title-2 span:nth-child(42), .animate .observable.visible .mg-grid-title span:nth-child(42), .animate .observable.visible .title-3 span:nth-child(42) {
        -webkit-transition-delay: 3.36s;
        transition-delay: 3.36s
    }

    .animate .observable.visible .title-1 span:nth-child(43), .animate .observable.visible .title-2 span:nth-child(43), .animate .observable.visible .mg-grid-title span:nth-child(43), .animate .observable.visible .title-3 span:nth-child(43) {
        -webkit-transition-delay: 3.44s;
        transition-delay: 3.44s
    }

    .animate .observable.visible .title-1 span:nth-child(44), .animate .observable.visible .title-2 span:nth-child(44), .animate .observable.visible .mg-grid-title span:nth-child(44), .animate .observable.visible .title-3 span:nth-child(44) {
        -webkit-transition-delay: 3.52s;
        transition-delay: 3.52s
    }

    .animate .observable.visible .title-1 span:nth-child(45), .animate .observable.visible .title-2 span:nth-child(45), .animate .observable.visible .mg-grid-title span:nth-child(45), .animate .observable.visible .title-3 span:nth-child(45) {
        -webkit-transition-delay: 3.6s;
        transition-delay: 3.6s
    }

    .animate .observable.visible .title-1 span:nth-child(46), .animate .observable.visible .title-2 span:nth-child(46), .animate .observable.visible .mg-grid-title span:nth-child(46), .animate .observable.visible .title-3 span:nth-child(46) {
        -webkit-transition-delay: 3.68s;
        transition-delay: 3.68s
    }

    .animate .observable.visible .title-1 span:nth-child(47), .animate .observable.visible .title-2 span:nth-child(47), .animate .observable.visible .mg-grid-title span:nth-child(47), .animate .observable.visible .title-3 span:nth-child(47) {
        -webkit-transition-delay: 3.76s;
        transition-delay: 3.76s
    }

    .animate .observable.visible .title-1 span:nth-child(48), .animate .observable.visible .title-2 span:nth-child(48), .animate .observable.visible .mg-grid-title span:nth-child(48), .animate .observable.visible .title-3 span:nth-child(48) {
        -webkit-transition-delay: 3.84s;
        transition-delay: 3.84s
    }

    .animate .observable.visible .title-1 span:nth-child(49), .animate .observable.visible .title-2 span:nth-child(49), .animate .observable.visible .mg-grid-title span:nth-child(49), .animate .observable.visible .title-3 span:nth-child(49) {
        -webkit-transition-delay: 3.92s;
        transition-delay: 3.92s
    }

    .animate .observable.visible .title-1 span:nth-child(50), .animate .observable.visible .title-2 span:nth-child(50), .animate .observable.visible .mg-grid-title span:nth-child(50), .animate .observable.visible .title-3 span:nth-child(50) {
        -webkit-transition-delay: 4s;
        transition-delay: 4s
    }

    .animate .observable.visible .title-1 span:nth-child(51), .animate .observable.visible .title-2 span:nth-child(51), .animate .observable.visible .mg-grid-title span:nth-child(51), .animate .observable.visible .title-3 span:nth-child(51) {
        -webkit-transition-delay: 4.08s;
        transition-delay: 4.08s
    }

    .animate .observable.visible .title-1 span:nth-child(52), .animate .observable.visible .title-2 span:nth-child(52), .animate .observable.visible .mg-grid-title span:nth-child(52), .animate .observable.visible .title-3 span:nth-child(52) {
        -webkit-transition-delay: 4.16s;
        transition-delay: 4.16s
    }

    .animate .observable.visible .title-1 span:nth-child(53), .animate .observable.visible .title-2 span:nth-child(53), .animate .observable.visible .mg-grid-title span:nth-child(53), .animate .observable.visible .title-3 span:nth-child(53) {
        -webkit-transition-delay: 4.24s;
        transition-delay: 4.24s
    }

    .animate .observable.visible .title-1 span:nth-child(54), .animate .observable.visible .title-2 span:nth-child(54), .animate .observable.visible .mg-grid-title span:nth-child(54), .animate .observable.visible .title-3 span:nth-child(54) {
        -webkit-transition-delay: 4.32s;
        transition-delay: 4.32s
    }

    .animate .observable.visible .title-1 span:nth-child(55), .animate .observable.visible .title-2 span:nth-child(55), .animate .observable.visible .mg-grid-title span:nth-child(55), .animate .observable.visible .title-3 span:nth-child(55) {
        -webkit-transition-delay: 4.4s;
        transition-delay: 4.4s
    }

    .animate .observable.visible .title-1 span:nth-child(56), .animate .observable.visible .title-2 span:nth-child(56), .animate .observable.visible .mg-grid-title span:nth-child(56), .animate .observable.visible .title-3 span:nth-child(56) {
        -webkit-transition-delay: 4.48s;
        transition-delay: 4.48s
    }

    .animate .observable.visible .title-1 span:nth-child(57), .animate .observable.visible .title-2 span:nth-child(57), .animate .observable.visible .mg-grid-title span:nth-child(57), .animate .observable.visible .title-3 span:nth-child(57) {
        -webkit-transition-delay: 4.56s;
        transition-delay: 4.56s
    }

    .animate .observable.visible .title-1 span:nth-child(58), .animate .observable.visible .title-2 span:nth-child(58), .animate .observable.visible .mg-grid-title span:nth-child(58), .animate .observable.visible .title-3 span:nth-child(58) {
        -webkit-transition-delay: 4.64s;
        transition-delay: 4.64s
    }

    .animate .observable.visible .title-1 span:nth-child(59), .animate .observable.visible .title-2 span:nth-child(59), .animate .observable.visible .mg-grid-title span:nth-child(59), .animate .observable.visible .title-3 span:nth-child(59) {
        -webkit-transition-delay: 4.72s;
        transition-delay: 4.72s
    }

    .animate .observable.visible .title-1 span:nth-child(60), .animate .observable.visible .title-2 span:nth-child(60), .animate .observable.visible .mg-grid-title span:nth-child(60), .animate .observable.visible .title-3 span:nth-child(60) {
        -webkit-transition-delay: 4.8s;
        transition-delay: 4.8s
    }

.animate .observable.visible .title-snd-anim {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}

.animate .observable.visible .title-thrd-anim {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(1), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(1), .animate .observable.anim-top.visible .title-3 span:nth-child(1) {
    -webkit-transition-delay: .78s;
    transition-delay: .78s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(2), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(2), .animate .observable.anim-top.visible .title-3 span:nth-child(2) {
    -webkit-transition-delay: .86s;
    transition-delay: .86s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(3), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(3), .animate .observable.anim-top.visible .title-3 span:nth-child(3) {
    -webkit-transition-delay: .94s;
    transition-delay: .94s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(4), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(4), .animate .observable.anim-top.visible .title-3 span:nth-child(4) {
    -webkit-transition-delay: 1.02s;
    transition-delay: 1.02s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(5), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(5), .animate .observable.anim-top.visible .title-3 span:nth-child(5) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(6), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(6), .animate .observable.anim-top.visible .title-3 span:nth-child(6) {
    -webkit-transition-delay: 1.18s;
    transition-delay: 1.18s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(7), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(7), .animate .observable.anim-top.visible .title-3 span:nth-child(7) {
    -webkit-transition-delay: 1.26s;
    transition-delay: 1.26s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(8), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(8), .animate .observable.anim-top.visible .title-3 span:nth-child(8) {
    -webkit-transition-delay: 1.34s;
    transition-delay: 1.34s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(9), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(9), .animate .observable.anim-top.visible .title-3 span:nth-child(9) {
    -webkit-transition-delay: 1.42s;
    transition-delay: 1.42s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(10), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(10), .animate .observable.anim-top.visible .title-3 span:nth-child(10) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(11), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(11), .animate .observable.anim-top.visible .title-3 span:nth-child(11) {
    -webkit-transition-delay: 1.58s;
    transition-delay: 1.58s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(12), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(12), .animate .observable.anim-top.visible .title-3 span:nth-child(12) {
    -webkit-transition-delay: 1.66s;
    transition-delay: 1.66s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(13), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(13), .animate .observable.anim-top.visible .title-3 span:nth-child(13) {
    -webkit-transition-delay: 1.74s;
    transition-delay: 1.74s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(14), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(14), .animate .observable.anim-top.visible .title-3 span:nth-child(14) {
    -webkit-transition-delay: 1.82s;
    transition-delay: 1.82s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(15), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(15), .animate .observable.anim-top.visible .title-3 span:nth-child(15) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(16), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(16), .animate .observable.anim-top.visible .title-3 span:nth-child(16) {
    -webkit-transition-delay: 1.98s;
    transition-delay: 1.98s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(17), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(17), .animate .observable.anim-top.visible .title-3 span:nth-child(17) {
    -webkit-transition-delay: 2.06s;
    transition-delay: 2.06s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(18), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(18), .animate .observable.anim-top.visible .title-3 span:nth-child(18) {
    -webkit-transition-delay: 2.14s;
    transition-delay: 2.14s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(19), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(19), .animate .observable.anim-top.visible .title-3 span:nth-child(19) {
    -webkit-transition-delay: 2.22s;
    transition-delay: 2.22s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(20), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(20), .animate .observable.anim-top.visible .title-3 span:nth-child(20) {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(21), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(21), .animate .observable.anim-top.visible .title-3 span:nth-child(21) {
    -webkit-transition-delay: 2.38s;
    transition-delay: 2.38s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(22), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(22), .animate .observable.anim-top.visible .title-3 span:nth-child(22) {
    -webkit-transition-delay: 2.46s;
    transition-delay: 2.46s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(23), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(23), .animate .observable.anim-top.visible .title-3 span:nth-child(23) {
    -webkit-transition-delay: 2.54s;
    transition-delay: 2.54s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(24), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(24), .animate .observable.anim-top.visible .title-3 span:nth-child(24) {
    -webkit-transition-delay: 2.62s;
    transition-delay: 2.62s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(25), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(25), .animate .observable.anim-top.visible .title-3 span:nth-child(25) {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(26), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(26), .animate .observable.anim-top.visible .title-3 span:nth-child(26) {
    -webkit-transition-delay: 2.78s;
    transition-delay: 2.78s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(27), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(27), .animate .observable.anim-top.visible .title-3 span:nth-child(27) {
    -webkit-transition-delay: 2.86s;
    transition-delay: 2.86s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(28), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(28), .animate .observable.anim-top.visible .title-3 span:nth-child(28) {
    -webkit-transition-delay: 2.94s;
    transition-delay: 2.94s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(29), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(29), .animate .observable.anim-top.visible .title-3 span:nth-child(29) {
    -webkit-transition-delay: 3.02s;
    transition-delay: 3.02s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(30), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(30), .animate .observable.anim-top.visible .title-3 span:nth-child(30) {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(31), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(31), .animate .observable.anim-top.visible .title-3 span:nth-child(31) {
    -webkit-transition-delay: 3.18s;
    transition-delay: 3.18s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(32), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(32), .animate .observable.anim-top.visible .title-3 span:nth-child(32) {
    -webkit-transition-delay: 3.26s;
    transition-delay: 3.26s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(33), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(33), .animate .observable.anim-top.visible .title-3 span:nth-child(33) {
    -webkit-transition-delay: 3.34s;
    transition-delay: 3.34s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(34), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(34), .animate .observable.anim-top.visible .title-3 span:nth-child(34) {
    -webkit-transition-delay: 3.42s;
    transition-delay: 3.42s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(35), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(35), .animate .observable.anim-top.visible .title-3 span:nth-child(35) {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(36), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(36), .animate .observable.anim-top.visible .title-3 span:nth-child(36) {
    -webkit-transition-delay: 3.58s;
    transition-delay: 3.58s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(37), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(37), .animate .observable.anim-top.visible .title-3 span:nth-child(37) {
    -webkit-transition-delay: 3.66s;
    transition-delay: 3.66s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(38), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(38), .animate .observable.anim-top.visible .title-3 span:nth-child(38) {
    -webkit-transition-delay: 3.74s;
    transition-delay: 3.74s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(39), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(39), .animate .observable.anim-top.visible .title-3 span:nth-child(39) {
    -webkit-transition-delay: 3.82s;
    transition-delay: 3.82s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(40), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(40), .animate .observable.anim-top.visible .title-3 span:nth-child(40) {
    -webkit-transition-delay: 3.9s;
    transition-delay: 3.9s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(41), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(41), .animate .observable.anim-top.visible .title-3 span:nth-child(41) {
    -webkit-transition-delay: 3.98s;
    transition-delay: 3.98s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(42), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(42), .animate .observable.anim-top.visible .title-3 span:nth-child(42) {
    -webkit-transition-delay: 4.06s;
    transition-delay: 4.06s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(43), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(43), .animate .observable.anim-top.visible .title-3 span:nth-child(43) {
    -webkit-transition-delay: 4.14s;
    transition-delay: 4.14s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(44), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(44), .animate .observable.anim-top.visible .title-3 span:nth-child(44) {
    -webkit-transition-delay: 4.22s;
    transition-delay: 4.22s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(45), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(45), .animate .observable.anim-top.visible .title-3 span:nth-child(45) {
    -webkit-transition-delay: 4.3s;
    transition-delay: 4.3s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(46), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(46), .animate .observable.anim-top.visible .title-3 span:nth-child(46) {
    -webkit-transition-delay: 4.38s;
    transition-delay: 4.38s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(47), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(47), .animate .observable.anim-top.visible .title-3 span:nth-child(47) {
    -webkit-transition-delay: 4.46s;
    transition-delay: 4.46s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(48), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(48), .animate .observable.anim-top.visible .title-3 span:nth-child(48) {
    -webkit-transition-delay: 4.54s;
    transition-delay: 4.54s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(49), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(49), .animate .observable.anim-top.visible .title-3 span:nth-child(49) {
    -webkit-transition-delay: 4.62s;
    transition-delay: 4.62s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(50), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(50), .animate .observable.anim-top.visible .title-3 span:nth-child(50) {
    -webkit-transition-delay: 4.7s;
    transition-delay: 4.7s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(51), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(51), .animate .observable.anim-top.visible .title-3 span:nth-child(51) {
    -webkit-transition-delay: 4.78s;
    transition-delay: 4.78s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(52), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(52), .animate .observable.anim-top.visible .title-3 span:nth-child(52) {
    -webkit-transition-delay: 4.86s;
    transition-delay: 4.86s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(53), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(53), .animate .observable.anim-top.visible .title-3 span:nth-child(53) {
    -webkit-transition-delay: 4.94s;
    transition-delay: 4.94s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(54), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(54), .animate .observable.anim-top.visible .title-3 span:nth-child(54) {
    -webkit-transition-delay: 5.02s;
    transition-delay: 5.02s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(55), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(55), .animate .observable.anim-top.visible .title-3 span:nth-child(55) {
    -webkit-transition-delay: 5.1s;
    transition-delay: 5.1s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(56), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(56), .animate .observable.anim-top.visible .title-3 span:nth-child(56) {
    -webkit-transition-delay: 5.18s;
    transition-delay: 5.18s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(57), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(57), .animate .observable.anim-top.visible .title-3 span:nth-child(57) {
    -webkit-transition-delay: 5.26s;
    transition-delay: 5.26s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(58), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(58), .animate .observable.anim-top.visible .title-3 span:nth-child(58) {
    -webkit-transition-delay: 5.34s;
    transition-delay: 5.34s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(59), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(59), .animate .observable.anim-top.visible .title-3 span:nth-child(59) {
    -webkit-transition-delay: 5.42s;
    transition-delay: 5.42s
}

.animate .observable.anim-top.visible .title-2 span:nth-child(60), .animate .observable.anim-top.visible .mg-grid-title span:nth-child(60), .animate .observable.anim-top.visible .title-3 span:nth-child(60) {
    -webkit-transition-delay: 5.5s;
    transition-delay: 5.5s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(1) {
    -webkit-transition-delay: .82s;
    transition-delay: .82s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(2) {
    -webkit-transition-delay: .94s;
    transition-delay: .94s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(3) {
    -webkit-transition-delay: 1.06s;
    transition-delay: 1.06s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(4) {
    -webkit-transition-delay: 1.18s;
    transition-delay: 1.18s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(5) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(6) {
    -webkit-transition-delay: 1.42s;
    transition-delay: 1.42s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(7) {
    -webkit-transition-delay: 1.54s;
    transition-delay: 1.54s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(8) {
    -webkit-transition-delay: 1.66s;
    transition-delay: 1.66s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(9) {
    -webkit-transition-delay: 1.78s;
    transition-delay: 1.78s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(10) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(11) {
    -webkit-transition-delay: 2.02s;
    transition-delay: 2.02s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(12) {
    -webkit-transition-delay: 2.14s;
    transition-delay: 2.14s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(13) {
    -webkit-transition-delay: 2.26s;
    transition-delay: 2.26s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(14) {
    -webkit-transition-delay: 2.38s;
    transition-delay: 2.38s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(15) {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(16) {
    -webkit-transition-delay: 2.62s;
    transition-delay: 2.62s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(17) {
    -webkit-transition-delay: 2.74s;
    transition-delay: 2.74s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(18) {
    -webkit-transition-delay: 2.86s;
    transition-delay: 2.86s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(19) {
    -webkit-transition-delay: 2.98s;
    transition-delay: 2.98s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(20) {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(21) {
    -webkit-transition-delay: 3.22s;
    transition-delay: 3.22s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(22) {
    -webkit-transition-delay: 3.34s;
    transition-delay: 3.34s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(23) {
    -webkit-transition-delay: 3.46s;
    transition-delay: 3.46s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(24) {
    -webkit-transition-delay: 3.58s;
    transition-delay: 3.58s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(25) {
    -webkit-transition-delay: 3.7s;
    transition-delay: 3.7s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(26) {
    -webkit-transition-delay: 3.82s;
    transition-delay: 3.82s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(27) {
    -webkit-transition-delay: 3.94s;
    transition-delay: 3.94s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(28) {
    -webkit-transition-delay: 4.06s;
    transition-delay: 4.06s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(29) {
    -webkit-transition-delay: 4.18s;
    transition-delay: 4.18s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(30) {
    -webkit-transition-delay: 4.3s;
    transition-delay: 4.3s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(31) {
    -webkit-transition-delay: 4.42s;
    transition-delay: 4.42s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(32) {
    -webkit-transition-delay: 4.54s;
    transition-delay: 4.54s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(33) {
    -webkit-transition-delay: 4.66s;
    transition-delay: 4.66s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(34) {
    -webkit-transition-delay: 4.78s;
    transition-delay: 4.78s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(35) {
    -webkit-transition-delay: 4.9s;
    transition-delay: 4.9s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(36) {
    -webkit-transition-delay: 5.02s;
    transition-delay: 5.02s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(37) {
    -webkit-transition-delay: 5.14s;
    transition-delay: 5.14s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(38) {
    -webkit-transition-delay: 5.26s;
    transition-delay: 5.26s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(39) {
    -webkit-transition-delay: 5.38s;
    transition-delay: 5.38s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(40) {
    -webkit-transition-delay: 5.5s;
    transition-delay: 5.5s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(41) {
    -webkit-transition-delay: 5.62s;
    transition-delay: 5.62s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(42) {
    -webkit-transition-delay: 5.74s;
    transition-delay: 5.74s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(43) {
    -webkit-transition-delay: 5.86s;
    transition-delay: 5.86s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(44) {
    -webkit-transition-delay: 5.98s;
    transition-delay: 5.98s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(45) {
    -webkit-transition-delay: 6.1s;
    transition-delay: 6.1s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(46) {
    -webkit-transition-delay: 6.22s;
    transition-delay: 6.22s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(47) {
    -webkit-transition-delay: 6.34s;
    transition-delay: 6.34s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(48) {
    -webkit-transition-delay: 6.46s;
    transition-delay: 6.46s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(49) {
    -webkit-transition-delay: 6.58s;
    transition-delay: 6.58s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(50) {
    -webkit-transition-delay: 6.7s;
    transition-delay: 6.7s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(51) {
    -webkit-transition-delay: 6.82s;
    transition-delay: 6.82s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(52) {
    -webkit-transition-delay: 6.94s;
    transition-delay: 6.94s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(53) {
    -webkit-transition-delay: 7.06s;
    transition-delay: 7.06s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(54) {
    -webkit-transition-delay: 7.18s;
    transition-delay: 7.18s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(55) {
    -webkit-transition-delay: 7.3s;
    transition-delay: 7.3s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(56) {
    -webkit-transition-delay: 7.42s;
    transition-delay: 7.42s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(57) {
    -webkit-transition-delay: 7.54s;
    transition-delay: 7.54s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(58) {
    -webkit-transition-delay: 7.66s;
    transition-delay: 7.66s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(59) {
    -webkit-transition-delay: 7.78s;
    transition-delay: 7.78s
}

.animate .observable.anim-top.visible .title-1 span:nth-child(60) {
    -webkit-transition-delay: 7.9s;
    transition-delay: 7.9s
}

.animate .observable.anim-top.visible .title-snd-anim {
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s
}

.animate .observable.anim-top.visible .title-thrd-anim {
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s
}

#main-container.nav-open #page-container, #main-container.nav-open #footer {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
}

    #main-container.nav-open #page-container:after, #main-container.nav-open #footer:after {
        opacity: 0.5;
        z-index: 100
    }

#page-container {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform-origin: 200px 500px;
    transform-origin: 200px 500px
}

    #page-container:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        opacity: 0;
        pointer-events: none;
        background-color: #fff;
        -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1)
    }

.relative {
    position: relative
}

#page {
    opacity: 0;
    overflow: hidden
}

.scroll-inertia #fixed-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#movable-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.wrapper-1170 {
    max-width: 1170px;
    width: 100%;
    /*margin-left: 2%;*/
    margin: auto;
    position: relative
}

.wrapper-1440 {
    max-width: 1440px;
    width: 100%;
    margin: auto;
    position: relative
}

@media (max-width: 1440px) {
    .wrapper-1440 {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%
    }
}

@media (max-width: 1280px) {
    .wrapper-1170 {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%
    }
}

@media (max-width: 736px) {
    .wrapper-1170, .wrapper-1440 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 320px) {
    .wrapper-1170, .wrapper-1440 {
        padding-left: 30px;
        padding-right: 30px
    }
}

.section-ratio {
    position: relative;
    text-align: center;
    overflow: hidden
}

    .section-ratio:before {
        display: block;
        content: "";
        width: 100%;
        padding-bottom: 57.639%
    }

.section-ratio-bg-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-ratio-bg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.section-ratio-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 2;
    max-width: 1170px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 736px) {
    .section-ratio {
        height: auto
    }

        .section-ratio:before {
            display: none
        }

    .section-ratio-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.page-top {
    height: 80vh;
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985)
}

.page-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .page-top-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.page-top-title {
    position: relative;
    z-index: 2;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .page-top-title .title-sub {
        max-width: 480px;
        margin: 0 auto
    }

.page-top-bg-img-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.animate .page-top-bg-img-cont {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 1025px) {
    .page-top {
        height: 70vh
    }
}

@media (max-width: 736px) {
    .page-top {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 736px) and (orientation: landscape) {
    .page-top {
        height: 100vh
    }
}

#main-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 88888;
    overflow: hidden
}

    #main-loader.init .main-loader-percentage {
        display: block
    }

    #main-loader.init .main-loader-progress {
        display: block
    }

    #main-loader.init #circle {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounce 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.2s;
        animation: bounce 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.2s
    }

    #main-loader.init #shadow-circle {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounceShadow 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.2s;
        animation: bounceShadow 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.2s
    }

    #main-loader.visible .main-loader-loading #circle {
        -webkit-transform: scale(0.92);
        transform: scale(0.92);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounce2 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s;
        animation: bounce2 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s
    }

    #main-loader.visible .main-loader-loading #shadow-circle {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounceShadow2 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s;
        animation: bounceShadow2 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s
    }

@-webkit-keyframes bounce2 {
    from {
        -webkit-transform: scale(0.92);
        transform: scale(0.92)
    }

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

@keyframes bounce2 {
    from {
        -webkit-transform: scale(0.92);
        transform: scale(0.92)
    }

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

@-webkit-keyframes bounceShadow2 {
    from {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }

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

@keyframes bounceShadow2 {
    from {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }

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

.no-js #main-loader {
    display: none
}

.main-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.main-loader-logo {
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 20;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95px;
    height: 105px;
    display: none
}

.main-loader-percentage {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100px;
    margin-top: -50px;
    text-align: center;
    font: 100px/100px "trajan-pro-regular","serif";
    text-transform: uppercase;
    color: #fff;
    display: none !important
}

.main-loader-progress {
    display: none;
    position: absolute;
    left: 0;
    width: 100px;
    left: 50%;
    top: 50%;
    height: 20px;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: none !important
}

.main-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.main-loader-overlay-w {
    background-color: #004b99
}

.main-loader-overlay-b {
    background-color: #fff;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.main-loader-loading {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #004b99;
    backface-visibility: hidden
}

    .main-loader-loading .icon {
        width: 140px;
        height: 140px;
        margin-left: -70px;
        margin-top: -70px;
        left: 50%;
        top: 50%;
        position: absolute;
        z-index: 20;
        fill: red;
        overflow: visible
    }

    .main-loader-loading strong {
        color: #2aacf0
    }

.main-loader-loading-bar {
    display: none;
    display: block;
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 1px;
    overflow: hidden;
    right: 0
}

    .main-loader-loading-bar:after, .main-loader-loading-bar:before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .main-loader-loading-bar:before {
        background-color: #2aacf0;
        -webkit-animation: spinner 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s;
        animation: spinner 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s
    }

    .main-loader-loading-bar:after {
        background-color: #2aacf0;
        -webkit-animation: spinner 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation: spinner 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

@media (max-width: 736px) {
    #main-loader.init #circle {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounce 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.1s;
        animation: bounce 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.1s
    }

    #main-loader.init #shadow-circle {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: bounceShadow 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.1s;
        animation: bounceShadow 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate 0.1s
    }

    #main-loader.visible .main-loader-loading #circle {
        -webkit-animation: bounce2 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s;
        animation: bounce2 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s
    }

    #main-loader.visible .main-loader-loading #shadow-circle {
        -webkit-animation: bounceShadow2 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s;
        animation: bounceShadow2 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate 0s
    }
}

.header {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 80;
    height: 100%;
    pointer-events: none
}

    .header.blue .header-bt-open span {
        background-color: #193a83
    }

    .header.blue .header-bt-open:after, .header.blue .header-bt-open:before {
        background-color: #193a83
    }

    .header.blue .header-logo-blue {
        opacity: 1 !important
    }

    .header.blue .header-logo-white {
        opacity: 0 !important
    }

    .header.blue .header-bt-open-hover span {
        background-color: #193a83
    }

    .header.blue .header-bt-open-hover:after, .header.blue .header-bt-open-hover:before, .header.blue .header-bt-open-hover span {
        background-color: #193a83
    }

    .header.open .header-overlay {
        pointer-events: auto;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: visibility 0s linear,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: visibility 0s linear,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),visibility 0s linear;
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),visibility 0s linear,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .header.open .header-mask {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .header.open .header-imgs {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
    }

        .header.open .header-imgs .header-imgs-mask {
            -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
        }

    .header.open .header-bt-open {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .header.open .header-bt .header-bt-mask-open {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .header.open .header-bt-close, .header.open .header-bt-close-hover {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .header.open .header-bt .header-bt-mask-close {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .header.open .header-nav-item span {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header.open .header-nav-item:before {
        -webkit-transform: scaleX(0.4);
        transform: scaleX(0.4);
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header.open .header-nav-item:nth-child(1) span {
        -webkit-transition-delay: 0.66s;
        transition-delay: 0.66s
    }

    .header.open .header-nav-item:nth-child(1):before {
        -webkit-transition-delay: 0.76s;
        transition-delay: 0.76s
    }

    .header.open .header-nav-item:nth-child(2) span {
        -webkit-transition-delay: 0.72s;
        transition-delay: 0.72s
    }

    .header.open .header-nav-item:nth-child(2):before {
        -webkit-transition-delay: 0.82s;
        transition-delay: 0.82s
    }

    .header.open .header-nav-item:nth-child(3) span {
        -webkit-transition-delay: 0.78s;
        transition-delay: 0.78s
    }

    .header.open .header-nav-item:nth-child(3):before {
        -webkit-transition-delay: 0.88s;
        transition-delay: 0.88s
    }

    .header.open .header-nav-item:nth-child(4) span {
        -webkit-transition-delay: 0.84s;
        transition-delay: 0.84s
    }

    .header.open .header-nav-item:nth-child(4):before {
        -webkit-transition-delay: 0.94s;
        transition-delay: 0.94s
    }

    .header.open .header-nav-item:nth-child(5) span {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s
    }

    .header.open .header-nav-item:nth-child(5):before {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .header.open .header-nav-item:nth-child(6) span {
        -webkit-transition-delay: 0.96s;
        transition-delay: 0.96s
    }

    .header.open .header-nav-item:nth-child(6):before {
        -webkit-transition-delay: 1.06s;
        transition-delay: 1.06s
    }

    .header.open .header-nav-item:nth-child(7) span {
        -webkit-transition-delay: 1.02s;
        transition-delay: 1.02s
    }

    .header.open .header-nav-item:nth-child(7):before {
        -webkit-transition-delay: 1.12s;
        transition-delay: 1.12s
    }

    .header.open .header-nav-item:nth-child(8) span {
        -webkit-transition-delay: 1.08s;
        transition-delay: 1.08s
    }

    .header.open .header-nav-item:nth-child(8):before {
        -webkit-transition-delay: 1.18s;
        transition-delay: 1.18s
    }

    .header.open .header-nav-item:nth-child(9) span {
        -webkit-transition-delay: 1.14s;
        transition-delay: 1.14s
    }

    .header.open .header-nav-item:nth-child(9):before {
        -webkit-transition-delay: 1.24s;
        transition-delay: 1.24s
    }

    .header.open .header-nav-item:nth-child(10) span {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .header.open .header-nav-item:nth-child(10):before {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

    .header.open .header-nav-item:nth-child(11) span {
        -webkit-transition-delay: 1.26s;
        transition-delay: 1.26s
    }

    .header.open .header-nav-item:nth-child(11):before {
        -webkit-transition-delay: 1.36s;
        transition-delay: 1.36s
    }

    .header.open .header-nav-item:nth-child(12) span {
        -webkit-transition-delay: 1.32s;
        transition-delay: 1.32s
    }

    .header.open .header-nav-item:nth-child(12):before {
        -webkit-transition-delay: 1.42s;
        transition-delay: 1.42s
    }

    .header.open .header-nav-item:nth-child(13) span {
        -webkit-transition-delay: 1.38s;
        transition-delay: 1.38s
    }

    .header.open .header-nav-item:nth-child(13):before {
        -webkit-transition-delay: 1.48s;
        transition-delay: 1.48s
    }

    .header.open .header-nav-item:nth-child(14) span {
        -webkit-transition-delay: 1.44s;
        transition-delay: 1.44s
    }

    .header.open .header-nav-item:nth-child(14):before {
        -webkit-transition-delay: 1.54s;
        transition-delay: 1.54s
    }

    .header.open .header-nav-item:nth-child(15) span {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .header.open .header-nav-item:nth-child(15):before {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }

    .header.scroll-inertia {
        position: relative
    }

.header-wrapper {
    margin: 0 auto;
    position: relative
}

.header-logo {
    position: absolute;
    top: 20px;
    left: 40px;
    pointer-events: auto
}

.header-logo-white, .header-logo-blue {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.header-logo-blue {
    opacity: 0 !important
}

.header-bt {
    pointer-events: auto;
    position: absolute;
    width: 130px;
    height: 130px;
    right: 0px;
    top: 0;
    z-index: 200;
    cursor: pointer
}

.header-bt-open, .header-bt-open-hover {
    position: absolute;
    width: 22px;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    margin-top: -1px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s
}

    .header-bt-open span, .header-bt-open-hover span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header-bt-open:after, .header-bt-open:before, .header-bt-open-hover:after, .header-bt-open-hover:before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        width: 22px;
        height: 2px;
        background-color: #fff;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header-bt-open:after, .header-bt-open-hover:after {
        top: -10px
    }

    .header-bt-open:before, .header-bt-open-hover:before {
        top: 10px
    }

.header-bt-open-hover {
    background-color: transparent
}

    .header-bt-open-hover span {
        background-color: #fff
    }

    .header-bt-open-hover:after, .header-bt-open-hover:before, .header-bt-open-hover span {
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        background-color: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
        transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s
    }

.header-bt-close, .header-bt-close-hover {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale(2) rotate(-90deg);
    transform: scale(2) rotate(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

    .header-bt-close:after, .header-bt-close:before, .header-bt-close-hover:after, .header-bt-close-hover:before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: -5px;
        width: 35px;
        height: 2px;
        background-color: #fff
    }

    .header-bt-close:after, .header-bt-close-hover:after {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1)
    }

    .header-bt-close:before, .header-bt-close-hover:before {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1)
    }

    .header-bt-close:before, .header-bt-close:after {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
    }

    .header-bt-close-hover:before, .header-bt-close-hover:after {
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .header-bt-close-hover:before {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .header-bt-close-hover:after {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

.header-bt.white .header-bt-open {
    background-color: #193a83
}

    .header-bt.white .header-bt-open:after, .header-bt.white .header-bt-open:before {
        background-color: #193a83
    }

.header-bt:hover .header-bt-open:before, .header-bt:hover .header-bt-open:after, .header-bt:hover .header-bt-open span {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.header-bt:hover .header-bt-open-hover:before, .header-bt:hover .header-bt-open-hover:after, .header-bt:hover .header-bt-open-hover span {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-bt:hover .header-bt-open-hover:before {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s
}

.header-bt:hover .header-bt-open-hover:after {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s
}

.header-bt:hover .header-bt-open-hover span {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s
}

.header-bt:hover .header-bt-close:before {
    -webkit-transform: rotate(45deg) scaleX(0);
    transform: rotate(45deg) scaleX(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header-bt:hover .header-bt-close:after {
    -webkit-transform: rotate(-45deg) scaleX(0);
    transform: rotate(-45deg) scaleX(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header-bt:hover .header-bt-close-hover:before, .header-bt:hover .header-bt-close-hover:after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header-bt:hover .header-bt-close-hover:before {
    -webkit-transform: rotate(45deg) scaleX(1);
    transform: rotate(45deg) scaleX(1);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.header-bt:hover .header-bt-close-hover:after {
    -webkit-transform: rotate(-45deg) scaleX(1);
    transform: rotate(-45deg) scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header-bt-mask {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.header-bt-mask-close, .header-bt-mask-close-hover {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.header-bt-mask-open, .header-bt-mask-open-hover {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: relative;
    pointer-events: none;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    overflow: hidden;
    -webkit-transition: visibility 0s linear 1s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: visibility 0s linear 1s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),visibility 0s linear 1s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),visibility 0s linear 1s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}

.header-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985);
    -webkit-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}

.header-imgs {
    position: absolute;
    width: calc((600 / 1440) * 100%);
    top: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s
}

.header-imgs-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s
}

.header-imgs img {
    backface-visibility: hidden;
    object-fit: cover;
}

.header-imgs-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s,-webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1) 0.5s !important;
    transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s,-webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1) 0.5s !important;
    transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s,transform 0s cubic-bezier(0.77, 0, 0.175, 1) 0.5s !important;
    transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s,transform 0s cubic-bezier(0.77, 0, 0.175, 1) 0.5s,-webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1) 0.5s !important
}

    .header-imgs-item.active {
        z-index: 10;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,-webkit-transform 10s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important;
        transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,-webkit-transform 10s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important;
        transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,transform 10s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important;
        transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s,transform 10s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 10s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important
    }

.header-nav {
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    padding-right: 38px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc((840 / 1440) * 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px
}

.header-nav-item {
    font-size: 35px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    text-decoration: none;
    color: #041e42;
    padding-right: 90px;
    position: relative;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .header-nav-item span {
        line-height: 30px;
        display: block;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
        opacity: 0;
        -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
        transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s
    }

    .header-nav-item:before, .header-nav-item:after {
        content: "";
        display: block;
        width: 65px;
        height: 1px;
        background-color: #041e42;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .header-nav-item:before {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header-nav-item:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .header-nav-item:hover, .header-nav-item.active {
        color: #fff
    }

        .header-nav-item:hover:after, .header-nav-item.active:after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.header-logo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

    .header-logo-wrapper img {
        width: 81px
    }

@media (max-width: 1280px) {
    .header-imgs {
        width: calc((500 / 1440) * 100%)
    }

    .header-nav {
        width: calc((940 / 1440) * 100%)
    }
}

@media (max-width: 1180px) {
    .header-nav-item {
        font-size: 30px;
        line-height: 35px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 1025px) {
    .header-nav {
        right: auto;
        left: 0;
        text-align: left;
        padding-right: 0;
        width: 100%;
        padding-left: 0
    }

    .header-nav-item {
        padding-right: 0;
        padding-left: 160px
    }

        .header-nav-item:before, .header-nav-item:after {
            left: 0;
            right: auto;
            width: 90px;
            -webkit-transform: scaleX(0) !important;
            transform: scaleX(0) !important;
            -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%
        }

        .header-nav-item.active:after {
            -webkit-transform: scaleX(1) !important;
            transform: scaleX(1) !important
        }

    .header-imgs {
        display: none
    }

    .header-logo {
        width: 59px
    }

        .header-logo img {
            width: 100%
        }

    .header-bt {
        width: 110px;
        height: 110px
    }

    .header-nav-item {
        padding-right: 0;
        padding-left: 100px
    }

        .header-nav-item:before, .header-nav-item:after {
            width: 70px
        }
}

@media (max-width: 736px) {
    .header-nav {
        width: 100%
    }

    .header-nav-item {
        padding-left: 65px;
        font-size: 27px;
        padding-top: 8px;
        padding-bottom: 8px
    }

        .header-nav-item:before, .header-nav-item:after {
            width: 45px
        }

    .header-logo {
        width: 42px;
        left: 20px
    }

        .header-logo img {
            width: 100%
        }

    .header-bt {
        width: 70px;
        height: 80px
    }
}

@media (max-width: 320px) {
    .header-nav-item {
        font-size: 20px
    }

        .header-nav-item span {
            line-height: 25px
        }
}

.footer {
    padding: 120px 0 15px 0;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform-origin: 200px 500px;
    transform-origin: 200px 500px
}

    .footer:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        opacity: 0;
        pointer-events: none;
        background-color: #fff;
        -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1)
    }

.footer-wrapper {
    margin: 1440px;
    margin: 0 auto;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer-lang {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: -16px;
    width: 205px;
    height: 52px;
    line-height: 52px;
    margin-left: -102px;
    text-align: center;
    text-transform: uppercase;
    color: #193a83;
    letter-spacing: 0.150em
}

.footer-lang-label {
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.footer-lang:hover .footer-lang-label, .footer-lang.open .footer-lang-label {
    color: #193a83
}

.footer-lang:hover .footer-lang-arrow, .footer-lang.open .footer-lang-arrow {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
    opacity: 1
}

    .footer-lang:hover .footer-lang-arrow:after, .footer-lang:hover .footer-lang-arrow:before, .footer-lang.open .footer-lang-arrow:after, .footer-lang.open .footer-lang-arrow:before {
        background-color: #193a83
    }

.footer-lang:hover:after, .footer-lang.open:after {
    opacity: 1
}

.footer-lang:after {
    content: "";
    display: block;
    position: absolute;
    /* top: 0;*/
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #193a83;
    opacity: 0.2;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.footer-lang.open:after {
    height: 271px
}

.footer-lang.open .footer-lang-items {
    height: 220px
}

.footer-lang.open .footer-lang-item {
    opacity: 1
}

.footer-lang-arrow {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 24px;
    top: 50%;
    margin-top: -1px;
    opacity: 0.6;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .footer-lang-arrow:after, .footer-lang-arrow:before {
        content: "";
        display: block;
        position: absolute;
        width: 4px;
        height: 1px;
        background-color: #193a83
    }

    .footer-lang-arrow:before {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    .footer-lang-arrow:after {
        right: 0;
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

.footer-lang-items {
    display: block;
    position: absolute;
    /* top: 50px;*/
    bottom: 50px;
    left: 1px;
    background-color: #fff;
    z-index: 10;
    width: calc(100% - 2px);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    overflow-y: scroll;
    height: 0;
    -webkit-transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.footer-lang-item {
    display: block;
    line-height: 34px;
    color: #193a83;
    font-size: 12px;
    padding: 5px 70px 5px 12px;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .footer-lang-item:hover, .footer-lang-item.active {
        background-color: #193a83;
        color: #fff
    }

    .footer-lang-item img {
        display: inline-block;
        width: 20px;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px
    }

.footer-lang-item-inner {
    position: absolute;
    width: auto;
    left: 12px
}

.footer-nav-item {
    position: relative;
    display: inline-block;
    color: #193a83;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 16px;
    padding: 10px 0;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .footer-nav-item:after {
        content: "|";
        vertical-align: middle;
        display: inline-block;
        margin-left: 10px;
        position: absolute;
        top: 11px;
        right: -10px
    }

    .footer-nav-item:last-child:after {
        display: none
    }

.footer-nav-item-link:hover {
    color: #2aacf0
}

.footer-rs {
    position: absolute;
    right: 40px;
    top: 0
}

.footer-rs-item {
    display: inline-block;
    padding: 10px 0;
    color: #193a83;
    font-size: 0;
    white-space: nowrap;
    line-height: 0
}

    .footer-rs-item:first-child {
        margin-right: 10px;
        font-size: 13px;
        top: 5px;
        position: relative
    }

        .footer-rs-item:first-child:hover {
            color: #193a83
        }

    .footer-rs-item .icon {
        width: 16px;
        height: 16px;
        fill: #193a83;
        vertical-align: middle;
        display: inline-block;
        padding: 0 10px;
        -webkit-transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .footer-rs-item .icon-youku {
        width: 25px;
        height: 13px
    }

    .footer-rs-item .icon-facebook, .footer-rs-item .icon-instagram {
        width: 15px;
        height: 15px
    }

    .footer-rs-item .icon-weibo path, .footer-rs-item .icon-youku path {
        -webkit-transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .footer-rs-item:hover {
        color: #2aacf0
    }

        .footer-rs-item:hover .icon {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

        .footer-rs-item:hover .icon-facebook {
            fill: #3c5a9a
        }

        .footer-rs-item:hover .icon-pinterest {
            /*fill: #bd081c*/
            fill: #E60023
        }

        .footer-rs-item:hover .icon-twitter {
            fill: #00aced
        }

        .footer-rs-item:hover .icon-instagram {
            fill: url(#rg)
        }

        .footer-rs-item:hover .icon-weibo .red {
            fill: #d52b2b !important
        }

        .footer-rs-item:hover .icon-weibo .orange {
            fill: #ff9933 !important
        }

        .footer-rs-item:hover .icon-weibo .black {
            fill: #000000 !important
        }

        .footer-rs-item:hover .icon-youku .red {
            fill: #e8340c !important
        }

        .footer-rs-item:hover .icon-youku .blue {
            fill: #1b96d5 !important
        }

        .footer-rs-item:hover .icon-wechat {
            fill: #51c232
        }

        .footer-rs-item:hover .icon-youtube {
            fill: #cf2200
        }

.footer-company {
    text-align: center;
    margin: 0 auto;
    max-width: 650px;
    color: #acacac;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 50px;
    margin-top: 80px
}

.footer-enjoy {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #193a83;
    font-size: 11px
}

@media (max-width: 1180px) {
    .footer {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .footer-nav {
        text-align: center;
        left: auto;
        top: auto;
        margin-bottom: 10px
    }

    .footer-rs {
        position: relative;
        text-align: center;
        right: auto;
        top: auto;
        margin-bottom: 45px
    }

    .footer-lang {
        position: relative;
        top: 0
    }

    .footer-company {
        margin-top: 50px
    }

    .footer-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .footer-nav-item, .footer-rs-item {
        font-size: 15px
    }
}

@media (max-width: 736px) {
    .footer-nav-item, .footer-rs-item {
        font-size: 13px;
        line-height: 15px;
        padding-top: 5px;
        padding-bottom: 5px
    }

        .footer-nav-item:after, .footer-rs-item:after {
            top: 6px
        }
}

@media (max-width: 320px) {
    .footer-rs-item:first-child {
        display: block
    }
}

.pr-img {
    width: 150px;
    margin: 0 auto;
    height: 300px;
    position: relative;
    margin-bottom: 30px
}

    .pr-img img {
        backface-visibility: hidden;
    }

.pr-img-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pr-img-o-cont {
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    backface-visibility: hidden
}

.pr-img-b-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    backface-visibility: hidden
}

    .pr-img-b-cont.no-glass .pr-img-b {
        left: 22%
    }

    .pr-img-b-cont.no-glass .pr-img-s {
        left: 0%
    }

.pr-img-o {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pr-img-b {
    position: absolute;
    left: 0;
    top: 3%;
    z-index: 20;
    width: 51%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pr-img-gmask {
    position: absolute;
    top: 0;
    left: 30%;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    backface-visibility: hidden
}

.pr-img-g {
    position: absolute;
    left: 9%;
    top: 20%;
    z-index: 0;
    width: 52%;
    backface-visibility: hidden
}

.pr-img-s {
    position: absolute;
    left: -21.5%;
    top: 83%;
    width: 113%
}

.pr-img-f-cont {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20
}

.pr-img-f {
    position: absolute
}

    .pr-img-f.lemon {
        bottom: 0%;
        right: -30%;
        width: 90%
    }

    .pr-img-f.raspberry:nth-child(1) {
        top: 10%;
        right: -25%;
        width: 30%
    }

    .pr-img-f.raspberry:nth-child(2) {
        top: 25%;
        left: -40%;
        width: 40%
    }

    .pr-img-f.raspberry:nth-child(3) {
        bottom: 5%;
        right: -35%;
        width: 50%
    }

.video {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer
}

    .video:before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 51.327%
    }

    .video.show .video-inner {
        background-color: #000
    }

    .video.show .video-player {
        opacity: 1
    }

    .video.show .video-bt {
        pointer-events: none;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .video.show .video-bg {
        pointer-events: none;
        opacity: 0 !important;
        -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
        transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s
    }

    .video:hover .video-bg {
        opacity: 0.9
    }

    .video.loading .video-bt {
        pointer-events: none;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    .video.loading .video-spinner {
        opacity: 1;
        -webkit-animation: rotator 2s linear infinite;
        animation: rotator 2s linear infinite
    }

        .video.loading .video-spinner .video-spinner-path {
            -webkit-animation: dash 2s ease-in-out infinite;
            animation: dash 2s ease-in-out infinite
        }

    .video.is-mobile .video-player {
        z-index: 40;
        opacity: 0.01
    }

    .video.is-mobile.show .video-player {
        opacity: 1
    }

    .video.is-mobile .video-spinner {
        display: none
    }

.video-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: background-color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.video-bg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .video-bg img {
        width: 100%
    }

.video-bt {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .video-bt:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: #2aacf0;
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
        transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s,opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s,opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s
    }

    .video-bt:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.5px 0 5.5px 6px;
        border-color: transparent transparent transparent #2aacf0;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -2px;
        -webkit-transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .video-bt:hover, .video:hover .video-bt, .video.loading .video-bt {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }

        .video-bt:hover:before, .video:hover .video-bt:before, .video.loading .video-bt:before {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .video-bt:hover:after, .video:hover .video-bt:after, .video.loading .video-bt:after {
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
            border-color: transparent transparent transparent #fff
        }

        .video-bt:hover .icon, .video:hover .video-bt .icon, .video.loading .video-bt .icon {
            fill: #fff
        }

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 1025px) {
    .video {
        left: -40px;
        width: calc(100% + 80px)
    }

    .video-bt {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px
    }

        .video-bt:after {
            margin-top: -6px;
            border-width: 6px 0 6px 7.5px;
            border-color: transparent transparent transparent #193a83
        }
}

.video-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

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

    100% {
        -webkit-transform: rotate(270deg) scale(0.75);
        transform: rotate(270deg) scale(0.75)
    }
}

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

    100% {
        -webkit-transform: rotate(270deg) scale(0.75);
        transform: rotate(270deg) scale(0.75)
    }
}

.video-spinner-path {
    stroke-dasharray: 189;
    stroke-dashoffset: 0;
    stroke: #fff;
    stroke-width: 3px;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 189
    }

    50% {
        stroke-dashoffset: 47.25;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 189;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 189
    }

    50% {
        stroke-dashoffset: 47.25;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 189;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.animate .video {
    opacity: 0
}

    .animate .video .video-bg {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }

    .animate .video.visible {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s
    }

        .animate .video.visible .video-bg {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s,-webkit-transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
            transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s,-webkit-transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
            transition: transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
            transition: transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s,-webkit-transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s
        }

.button {
    display: inline-block;
    margin: 0 auto;
    min-width: 205px;
    height: 52px;
    border: 1px solid #fff;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    position: relative;
    line-height: 52px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important
}

    .button input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        z-index: 2;
        background: transparent;
        outline: none;
        -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    .button.bt-white {
        color: #193a83;
        background-color: #fff;
    }

        .button.bt-white:before {
            background-color: #193a83
        }

        .button.bt-white:hover {
            color: #fff
        }

    .button.bt-blue {
        color: #fff;
        background-color: #193a83
    }

        .button.bt-blue:before {
            background-color: #fff;
            border: 1px solid #193a83;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .button.bt-blue:hover {
            color: #193a83
        }

            .button.bt-blue:hover input {
                color: #193a83 !important
            }

    .button.bt-border-blue {
        color: #041E42;
        border-color: #041E42
    }

        .button.bt-border-blue:before {
            background-color: #193a83
        }

        .button.bt-border-blue:hover {
            color: #fff
        }

    .button:before {
        content: "";
        display: block;
        position: absolute;
        top: 0%;
        left: 0;
        width: 100%;
        height: 100%
    }

    .button:before {
        background-color: #fff;
        opacity: 1;
        z-index: -2;
        -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .button:hover {
        -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        color: #193a83
    }

        .button:hover:before {
            opacity: 1;
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left
        }

        .button:hover .icon {
            fill: #fff
        }

@media screen and (max-width: 1025px) {
    .button {
        font-size: 14px;
        height: 48px;
        line-height: 46px;
        min-width: 160px
    }
}

.bullet-nav-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .bullet-nav-item:after, .bullet-nav-item:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background-color: #003da5;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -5px;
        -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .bullet-nav-item:before {
        opacity: 0.2
    }

    .bullet-nav-item:after {
        -webkit-transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .bullet-nav-item:hover, .bullet-nav-item.active {
        opacity: 1
    }

        .bullet-nav-item:hover:after, .bullet-nav-item.active:after {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .bullet-nav-item:hover:before, .bullet-nav-item.active:before {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0
        }

.arrow-nav.b-blue .arrow-nav-item {
    border: 1px solid #2aacf0
}

.arrow-nav-item {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    cursor: pointer;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .arrow-nav-item:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%
    }

    .arrow-nav-item:before {
        background-color: #2aacf0;
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
        transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s,opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s,opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s
    }

    .arrow-nav-item .icon {
        width: 22px;
        height: 11px;
        fill: #003da5;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -6px;
        z-index: 2;
        -webkit-transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .arrow-nav-item.right {
        right: 40px
    }

    .arrow-nav-item.left {
        left: 40px
    }

        .arrow-nav-item.left .icon {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1)
        }

    .arrow-nav-item.hide {
        pointer-events: none;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0 !important;
        -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .arrow-nav-item:hover {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

        .arrow-nav-item:hover:before {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .arrow-nav-item:hover .icon {
            fill: #fff
        }

@media screen and (max-width: 736px) {
    .arrow-nav-item {
        width: 50px;
        height: 50px
    }

        .arrow-nav-item.right {
            right: 20px
        }

        .arrow-nav-item.left {
            left: 20px
        }
}

.ps {
    margin-top: 0px;
    white-space: nowrap;
    position: relative;
    font-size: 0;
    overflow: hidden
}

    .ps .ps-selectable {
        cursor: move;
        cursor: grab;
        cursor: -webkit-grab
    }

    .ps .ps-slides {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .ps.in-transition-drag .ps-slides {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .button {
        opacity: 0 !important
    }

    .ps.in-transition-drag .arrow-nav {
        opacity: 0.5 !important;
        pointer-events: none;
        -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .ps-slide-title {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .ps-slide-txt, .ps.in-transition-drag .ps-slide-bt {
        opacity: 0 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .ps-slide-img {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

        .ps.in-transition-drag .ps-slide-img .pr-img-g {
            -webkit-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .ps.in-transition-drag .ps-slide-img .pr-img-s {
            -webkit-transform: skew(0deg) !important;
            transform: skew(0deg) !important;
            opacity: 1 !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .ps.in-transition-drag .ps-slide-img .pr-img-f-cont {
            -webkit-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

    .ps.in-transition-drag .ps-slide:after {
        -webkit-transform: translateX(-77%) scaleX(0) !important;
        transform: translateX(-77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .ps-slide:before {
        -webkit-transform: translateX(77%) scaleX(0) !important;
        transform: translateX(77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.drag .ps-slider-selectable {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .ps.drag .ps-slides {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ps.drag .ps-slide-title {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.drag .ps-slide-img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

        .ps.drag .ps-slide-img .pr-img-g {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .ps.drag .ps-slide-img .pr-img-s {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .ps.drag .ps-slide-img .pr-img-f-cont {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

    .ps.drag .ps-slide:after {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important
    }

    .ps.drag .ps-slide:before {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important
    }

    .ps.in-transition-drag .ps-slide:after {
        -webkit-transform: translateX(100%) scaleX(0) !important;
        transform: translateX(100%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .ps.in-transition-drag .ps-slide:before {
        -webkit-transform: translateX(-100%) scaleX(0) !important;
        transform: translateX(-100%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

@media (min-width: 1025px) {
    .ps.col-3 .ps-bnav, .ps.col-3 .ps-anav, .ps.col-2 .ps-bnav, .ps.col-2 .ps-anav, .ps.col-1 .ps-bnav, .ps.col-1 .ps-anav {
        display: none
    }

    .ps.col-3 .ps-selectable, .ps.col-2 .ps-selectable, .ps.col-1 .ps-selectable {
        display: none !important
    }

    .ps.col-2 .ps-slides, .ps.col-1 .ps-slides {
        -webkit-transform: none !important;
        transform: none !important
    }

    .ps.col-2 .ps-slide:last-child:after, .ps.col-2 .ps-slide:last-child:before {
        display: none
    }

    .ps.col-2 .ps-slide:first-child:after {
        left: 225px !important
    }

    .ps.col-2 .ps-slides {
        margin-left: calc(-640px / 2)
    }
}

@media (min-width: 1440px) {
    .ps.col-2 .ps-slide:first-child:after {
        left: 283px !important
    }

    .ps.col-2 .ps-slides {
        width: 500px;
        margin-left: calc(-800px / 2)
    }
}

.ps.col-1 .ps-bnav, .ps.col-1 .ps-anav {
    display: none
}

.ps-selectable {
    position: absolute;
    left: 0;
    width: 100%;
    height: 300px
}

    .ps-selectable.to-top {
        z-index: 2000
    }

.ps-slides {
    position: relative;
    left: 50%;
    width: 500px;
    margin-left: calc(-400px / 2)
}

.ps-anav {
    position: absolute;
    top: 70px;
    width: 105%;
    z-index: 5;
    left: 50%;
    z-index: 2005;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ps-bnav {
    position: relative;
    text-align: center;
    z-index: 5;
    margin-top: 30px;
    z-index: 20010
}

    .ps-bnav.is-min .bullet-nav-item:last-child {
        display: none
    }

    .ps-bnav.is-min .bullet-nav-item:nth-last-child(2) {
        display: none
    }

.ps-slide {
    position: relative;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    text-decoration: none;
    padding-top: 10px
}

    .ps-slide:before, .ps-slide:after {
        content: "";
        display: block;
        position: absolute;
        top: 218px;
        width: 20%;
        height: 1px;
        background-color: #003da5;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ps-slide:after {
        right: 0;
        -webkit-transform: translateX(100%) scaleX(0);
        transform: translateX(100%) scaleX(0);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }

    .ps-slide:before {
        left: 0;
        -webkit-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

.ps-slide-inner {
    margin: 0 auto;
    max-width: 500px
}

.ps-slide.active .ps-slide-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ps-slide.active .ps-slide-img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .ps-slide.active .ps-slide-img .pr-img-g {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

.ps-slide.active:after, .ps-slide.active:before {
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s
}

.ps-slide.active:after {
    -webkit-transform: translateX(100%) scaleX(1);
    transform: translateX(100%) scaleX(1)
}

.ps-slide.active:before {
    -webkit-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1)
}

.ps-slide.passed .ps-slide-title {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.ps-slide.passed .ps-slide-img {
    -webkit-transform: translate3d(-75%, 0, 0);
    transform: translate3d(-75%, 0, 0)
}

.ps-slide:first-child:before {
    display: none
}

.ps-slide:last-child:after {
    display: none
}

.ps-slide:hover .ps-slide-img .pr-img-f-cont {
    -webkit-transform: translate3d(0, -12px, 0);
    transform: translate3d(0, -12px, 0)
}

.ps-slide:hover .ps-slide-img .pr-img-b-cont {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.ps-slide:hover .ps-slide-img .pr-img-o-cont {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.ps-slide:hover .ps-slide-title-main:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.ps-slide-img {
    width: 80px;
    margin: 0 auto;
    height: 160px;
    position: relative;
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0);
    margin-bottom: 40px;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}

    .ps-slide-img .pr-img-inner {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ps-slide-img .pr-img-b-cont {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ps-slide-img .pr-img-o-cont {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ps-slide-img .pr-img-g {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .ps-slide-img .pr-img-f-cont {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.ps-slide-title {
    text-transform: uppercase;
    line-height: 35px;
    position: relative;
    text-align: center;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1)
}

    .ps-slide-title span {
        display: inline-block
    }

.ps-slide-title-main {
    color: #193a83;
    font-size: 35px;
    line-height: 35px;
    position: relative;
    display: inline-block
}

    .ps-slide-title-main:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -3px;
        background-color: #6384b5;
        width: 100%;
        height: 1px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.ps-slide-title-sub {
    color: #2aacf0;
    font-size: 20px;
    line-height: 10px;
    min-height: 25px;
    top: -5px;
    position: relative
}

.ps .ps-slide .button {
    display: none
}

.ps.is-touch .ps-selectable {
    z-index: 2000
}

.ps.is-touch .ps-slide .button {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    bottom: 30px;
    opacity: 0;
    -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.ps.is-touch .ps-slide.active .button {
    opacity: 1
}

.ps .ps-slide-title {
    margin-bottom: 70px
}

@media (max-width: 1440px) {
    .ps {
        max-width: 1120px;
        margin: 0 auto
    }

    .ps-slides {
        margin-left: calc(-320px / 2)
    }

    .ps-slide {
        width: 320px
    }

        .ps-slide .ps-slide-img {
            -webkit-transform: translate3d(85%, 0, 0);
            transform: translate3d(85%, 0, 0)
        }

        .ps-slide.passed .ps-slide-img {
            -webkit-transform: translate3d(-60%, 0, 0);
            transform: translate3d(-60%, 0, 0)
        }
}

@media (max-width: 1025px) {
    .ps {
        overflow: visible
    }

    .ps-slides {
        margin-left: calc(-360px / 2)
    }

    .ps-slide {
        width: 360px
    }

        .ps-slide:hover .ps-slide-img .pr-img-f-cont {
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0)
        }

        .ps-slide:hover .ps-slide-img .pr-img-b-cont {
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0)
        }

        .ps-slide:hover .ps-slide-img .pr-img-o-cont {
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0)
        }

        .ps-slide:hover .ps-slide-title-main:after {
            -webkit-transform: scaleX(0);
            transform: scaleX(0)
        }

    .ps-anav {
        display: none
    }

    .ps-bnav {
        margin-top: 10px
    }

    .ps-slide:after, .ps-slide:before {
        top: 370px;
        width: 80px
    }

    .ps-slide-title-main {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 0px
    }

    .ps-slide-title-sub {
        font-size: 14px;
        line-height: 17px;
        position: relative;
        top: -6px
    }

    .ps-slide .button {
        bottom: 15px !important
    }

    .ps-slide-img {
        width: 150px;
        height: 300px;
        margin-left: auto;
        margin-right: auto
    }

        .ps-slide-img .pr-img-g {
            -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0)
        }

    .ps-selectable {
        height: 250px;
        top: 40px
    }
}

@media (max-width: 736px) {
    .ps-slide-img {
        width: 100px;
        height: 195px
    }

    .ps-slides {
        margin-left: calc(-200px / 2)
    }

    .ps-slide {
        width: 200px
    }

    .ps-slide-title-sub {
        top: -10px
    }

    .ps-slide:after, .ps-slide:before {
        display: none
    }

    .ps-bnav {
        margin-top: 0
    }

    .ps-selectable {
        height: 260px;
        top: 10px
    }

    .ps-slide .button {
        bottom: 20px !important
    }

    .ps .ps-slide-title {
        margin-bottom: 0
    }
}

.animate .ps .ps-slide  :after, .animate .ps .ps-slide  :before {
    opacity: 0
}

.animate .ps .ps-slide-img .pr-img-inner {
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
    opacity: 0
}

.animate .ps .ps-slide-title-main, .animate .ps .ps-slide-title-sub {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .ps .ps-bnav {
    opacity: 0
}

.animate .ps.visible .ps-slide  :after, .animate .ps.visible .ps-slide  :before {
    opacity: 1
}

.animate .ps.visible .ps-slide-img .pr-img-inner {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .ps.visible .ps-slide-title-sub, .animate .ps.visible .ps-slide-title-main {
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0)
}

.animate .ps.visible .ps-bnav {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .ps.visible .ps-slide:nth-child(1) .ps-slide-img .pr-img-inner {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.animate .ps.visible .ps-slide:nth-child(1) .ps-slide-title-main {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

.animate .ps.visible .ps-slide:nth-child(1) .ps-slide-title-sub {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.animate .ps.visible .ps-slide:nth-child(2) .ps-slide-img .pr-img-inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.animate .ps.visible .ps-slide:nth-child(2) .ps-slide-title-main {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.animate .ps.visible .ps-slide:nth-child(2) .ps-slide-title-sub {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s
}

.animate .ps.visible .ps-slide:nth-child(3) .ps-slide-img .pr-img-inner {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.animate .ps.visible .ps-slide:nth-child(3) .ps-slide-title-main {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s
}

.animate .ps.visible .ps-slide:nth-child(3) .ps-slide-title-sub {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.hm-products {
    text-align: center;
    overflow: hidden
}

    .hm-products .bg-blue .mask {
        height: 250%
    }

    .hm-products .hm-product-slider-selectable {
        cursor: move;
        cursor: grab;
        cursor: -webkit-grab
    }

    .hm-products .hm-product-slides {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .hm-products.in-transition-drag .hm-product-slides {
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .arrow-nav {
        opacity: 0.5 !important;
        pointer-events: none;
        -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .hm-product-slide-title {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .hm-product-slide-txt, .hm-products.in-transition-drag .hm-product-slide-bt {
        opacity: 0 !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .hm-product-slide-img {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

        .hm-products.in-transition-drag .hm-product-slide-img .pr-img-g {
            -webkit-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .hm-products.in-transition-drag .hm-product-slide-img .pr-img-s {
            -webkit-transform: skew(0deg) !important;
            transform: skew(0deg) !important;
            opacity: 1 !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .hm-products.in-transition-drag .hm-product-slide-img .pr-img-f-cont {
            -webkit-transform: translate3d(0%, 0, 0) !important;
            transform: translate3d(0%, 0, 0) !important;
            -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

    .hm-products.in-transition-drag .hm-product-slide:after {
        -webkit-transform: translateX(-77%) scaleX(0) !important;
        transform: translateX(-77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .hm-product-slide:before {
        -webkit-transform: translateX(77%) scaleX(0) !important;
        transform: translateX(77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.drag .hm-product-slider-selectable {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .hm-products.drag .hm-product-slides {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .hm-products.drag .hm-product-slide-title {
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.drag .hm-product-slide-img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

        .hm-products.drag .hm-product-slide-img .pr-img-g {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .hm-products.drag .hm-product-slide-img .pr-img-s {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

        .hm-products.drag .hm-product-slide-img .pr-img-f-cont {
            -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) !important
        }

    .hm-products.drag .hm-product-slide:after {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important
    }

    .hm-products.drag .hm-product-slide:before {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s !important
    }

    .hm-products.in-transition-drag .hm-product-slide:after {
        -webkit-transform: translateX(-77%) scaleX(0) !important;
        transform: translateX(-77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

    .hm-products.in-transition-drag .hm-product-slide:before {
        -webkit-transform: translateX(77%) scaleX(0) !important;
        transform: translateX(77%) scaleX(0) !important;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important
    }

.hm-product-slider-selectable {
    position: absolute;
    left: 0;
    width: 100%;
    height: 600px;
    top: -430px;
    z-index: 1999
}

.hm-products-top {
    padding-top: 120px;
    padding-bottom: 480px;
    position: relative
}

    .hm-products-top:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 360px;
        width: 1px;
        height: 90px;
        z-index: 20;
        background-color: #041E42;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }

.hm-products-title {
    position: relative
}

.hm-product-slider {
    margin-top: 0px;
    white-space: nowrap;
    padding-bottom: 90px;
    position: relative;
    font-size: 0
}

    .hm-product-slider.col-1 .hm-product-slider-anav {
        display: none
    }

    .hm-product-slider.col-1 .hm-product-slider-selectable {
        display: none
    }

.hm-product-slides {
    position: relative;
    left: 50%;
    width: 500px;
    margin-left: calc(-52vw / 2)
}

.hm-product-slider-anav {
    position: absolute;
    top: -130px;
    width: 100%;
    z-index: 2000;
    max-width: 1340px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hm-product-slider-bnav {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 2000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hm-product-slide {
    position: relative;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    width: 53vw
}

    .hm-product-slide:before, .hm-product-slide:after {
        content: "";
        display: block;
        position: absolute;
        top: 218px;
        width: 13%;
        height: 1px;
        background-color: #003da5;
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .hm-product-slide:after {
        right: 0;
        -webkit-transform: translateX(-77%) scaleX(0);
        transform: translateX(-77%) scaleX(0);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }

    .hm-product-slide:before {
        left: 0;
        -webkit-transform: translateX(77%) scaleX(0);
        transform: translateX(77%) scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

.hm-product-slide-inner {
    margin: 0 auto;
    max-width: 500px
}

.hm-product-slide.active .hm-product-slide-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hm-product-slide.active .hm-product-slide-txt, .hm-product-slide.active .hm-product-slide-bt {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s
}

.hm-product-slide.active .hm-product-slide-bt {
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.95s,transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.95s,transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.95s
}

.hm-product-slide.active .hm-product-slide-img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .hm-product-slide.active .hm-product-slide-img .pr-img-g {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .hm-product-slide.active .hm-product-slide-img .pr-img-s {
        -webkit-transform: skew(0deg);
        transform: skew(0deg);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1 !important
    }

    .hm-product-slide.active .hm-product-slide-img .pr-img-f-cont {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

.hm-product-slide.active:after, .hm-product-slide.active:before {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s
}

.hm-product-slide.active:after {
    -webkit-transform: translateX(-77%) scaleX(1);
    transform: translateX(-77%) scaleX(1)
}

.hm-product-slide.active:before {
    -webkit-transform: translateX(77%) scaleX(1);
    transform: translateX(77%) scaleX(1)
}

.hm-product-slide.passed .hm-product-slide-img {
    -webkit-transform: translate3d(70px, 0, 0) scale(0.9);
    transform: translate3d(70px, 0, 0) scale(0.9)
}

    .hm-product-slide.passed .hm-product-slide-img .pr-img-s {
        -webkit-transform: translate3d(-10px, 0, 0) skew(-40deg);
        transform: translate3d(-10px, 0, 0) skew(-40deg);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .hm-product-slide.passed .hm-product-slide-img .pr-img-f-cont {
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

.hm-product-slide.passed .hm-product-slide-title {
    -webkit-transform: translate3d(18vw, 0, 0);
    transform: translate3d(18vw, 0, 0)
}

.hm-product-slide:first-child:before {
    display: none
}

.hm-product-slide:last-child:after {
    display: none
}

.hm-product-slide-img {
    width: 250px;
    margin: 0 auto;
    height: 500px;
    position: relative;
    margin-top: -360px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    margin-bottom: 20px;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1)
}

    .hm-product-slide-img .pr-img-g {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.1s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 1.1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .hm-product-slide-img .pr-img-s {
        opacity: 0.5 !important;
        -webkit-transform: translate3d(20px, 0, 0) skew(40deg);
        transform: translate3d(20px, 0, 0) skew(40deg);
        -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important
    }

    .hm-product-slide-img .pr-img-f-cont {
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
        -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s,-webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1) 0s !important
    }

.hm-product-slide-title {
    text-transform: uppercase;
    line-height: 35px;
    margin-bottom: 70px;
    -webkit-transform: translate3d(-18vw, 0, 0);
    transform: translate3d(-18vw, 0, 0);
    position: relative;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,-webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1)
}

    .hm-product-slide-title span {
        display: block
    }

.hm-product-slide-title-main {
    color: #193a83;
    font-size: 35px
}

.hm-product-slide-title-sub {
    color: #2aacf0;
    font-size: 22px;
    min-height: 35px
}

.hm-product-slide-desc {
    max-width: 490px
}

.hm-product-slide-bt {
    margin-top: 30px
}

.hm-product-slide-txt {
    display: block
}

.hm-product-slide-txt, .hm-product-slide-bt {
    opacity: 0;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
}

@media (max-width: 1025px) {
    .hm-products-top {
        padding-top: 97px;
        padding-bottom: 320px;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .hm-products-top:before {
            bottom: 240px;
            height: 70px
        }

        .hm-products-top .hm-products-title:after {
            display: none
        }

    .hm-product-slide.active .hm-product-slide-title {
        opacity: 1
    }

    .hm-product-slide.active:after, .hm-product-slide.active:before {
        display: none
    }

    .hm-product-slide.passed .hm-product-slide-img {
        -webkit-transform: translate3d(60px, 0, 0) scale(0.6);
        transform: translate3d(60px, 0, 0) scale(0.6)
    }

    .hm-product-slide-title {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 0;
        margin-bottom: 55px
    }

    .hm-product-slide-title-main {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 8px
    }

    .hm-product-slide-title-sub {
        font-size: 16px;
        line-height: 20px
    }

    .hm-product-slide-title:after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background-color: #2aacf0;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        bottom: -20px
    }

    .hm-product-slide-img {
        width: 200px;
        height: 400px;
        margin-top: -240px;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform-origin: 50% 60%;
        transform-origin: 50% 60%;
        margin-bottom: 60px;
        -webkit-transform: translateX(-20px) scale(0.6);
        transform: translateX(-20px) scale(0.6)
    }

    .hm-product-slider-bnav {
        top: 170px
    }

    .hm-product-slide-desc {
        width: 130%;
        left: 50%;
        max-width: none;
        position: relative;
        margin-left: -65%
    }

    .hm-product-slider-selectable {
        height: 420px;
        top: -260px
    }
}

@media (max-width: 736px) {
    .hm-products-top {
        padding-top: 65px;
        padding-bottom: 250px
    }

        .hm-products-top:before {
            display: none
        }

    .hm-product-slides {
        width: 60%;
        left: 60%;
        margin-left: -40%
    }

    .hm-product-slide {
        width: 100%
    }

        .hm-product-slide.passed .hm-product-slide-img {
            -webkit-transform: translateX(60px) scale(0.5);
            transform: translateX(60px) scale(0.5)
        }

    .hm-product-slide-img {
        width: 130px;
        height: 260px;
        margin-top: -190px;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: translateX(-30px) scale(0.5);
        transform: translateX(-30px) scale(0.5)
    }

    .hm-product-slide-title {
        margin-bottom: 20px;
        margin-top: 25px
    }

    .hm-product-slide-title-main {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 3px
    }

    .hm-product-slide-title-sub {
        font-size: 16px;
        line-height: 20px
    }

    .hm-product-slide-title:after {
        bottom: -2px
    }

    .hm-product-slider-anav {
        display: none
    }

    .hm-product-slider-bnav {
        top: 80px
    }

    .hm-product-slide-desc {
        width: 150%;
        margin-left: -75%
    }

    .hm-product-slider-selectable {
        height: 100px;
        top: -100px
    }
}

@media (max-width: 320px) {
    .hm-products-top {
        padding-bottom: 220px
    }
}

@media (max-height: 800px) and (min-width: 1025px) {
    .hm-product-slide-img {
        width: 200px;
        height: 400px;
        margin-top: -240px;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform-origin: 50% 60%;
        transform-origin: 50% 60%;
        margin-bottom: 40px;
        -webkit-transform: translateX(-20px) scale(0.6);
        transform: translateX(-20px) scale(0.6)
    }

    .hm-products-top {
        padding-bottom: 370px
    }

    .hm-product-slider-bnav {
        top: 288px
    }
}

@media (max-height: 730px) and (min-width: 736px) and (max-width: 1025px) {
    .hm-product-slide-img {
        width: 150px;
        height: 300px;
        margin-top: -170px;
        margin-bottom: 60px
    }

    .hm-products-top {
        padding-bottom: 270px
    }

        .hm-products-top:before {
            bottom: 190px
        }

    .hm-product-slider-bnav {
        top: 140px
    }
}

@media (max-height: 730px) and (max-width: 736px) and (orientation: landscape) {
    .hm-product-slide-img {
        width: 120px;
        height: 240px;
        margin-top: -170px;
        margin-bottom: 60px
    }

    .hm-products-top {
        padding-bottom: 180px
    }

    .hm-product-slider-bnav {
        top: 80px
    }
}

.animate .hm-products .hm-products-top:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.animate .hm-products .hm-product-slide-img-inner {
    opacity: 0;
    -webkit-transition: opacity;
    transition: opacity
}

.animate .hm-products .hm-product-slide .hm-product-slide-img .pr-img-inner {
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
    opacity: 0
}

.animate .hm-products .hm-product-slide .hm-product-slide-img .pr-img-f-cont {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .hm-products .hm-product-slide .hm-product-slide-desc {
    opacity: 0
}

.animate .hm-products .hm-product-slide.active .hm-product-slide-img .pr-img-g {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.animate .hm-products .hm-product-slide, .animate .hm-products .hm-product-slider-bnav {
    opacity: 0
}

.animate .hm-products .arrow-nav {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0)
}

.animate .hm-products.visible .hm-product-slide-img-inner {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955).6s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955).6s
}

.animate .hm-products.visible .hm-products-top:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1).6s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1).6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1).6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1).6s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1).6s
}

.animate .hm-products.visible .hm-product-slide, .animate .hm-products.visible .hm-product-slider-bnav {
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s
}

    .animate .hm-products.visible .hm-product-slide:nth-child(1) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .75s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .75s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .75s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .75s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .75s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .75s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .75s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .75s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .75s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(1) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(1) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(2) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .9s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .9s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .9s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .9s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .9s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(2) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(2) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(3) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.05s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.05s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.05s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.05s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.05s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.05s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.05s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.05s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.05s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(3) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(3) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(4) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(4) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(4) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(5) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.35s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.35s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.35s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.35s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.35s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(5) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(5) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(6) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.5s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(6) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(6) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(7) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.65s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.65s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.65s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.65s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(7) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(7) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(8) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.8s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(8) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(8) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(9) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.95s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.95s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.95s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(9) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(9) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(10) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(10) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(10) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(11) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.25s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.25s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.25s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.25s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.25s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(11) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(11) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(12) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(12) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(12) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(13) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.55s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.55s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.55s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.55s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.55s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.55s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.55s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.55s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.55s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(13) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(13) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(14) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.7s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.7s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.7s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.7s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(14) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(14) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(15) .hm-product-slide-img .pr-img-inner {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.85s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.85s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.85s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.85s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.85s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.85s;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.85s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.85s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.85s
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(15) .hm-product-slide-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .animate .hm-products.visible .hm-product-slide:nth-child(15) .hm-product-slide-desc {
        opacity: 1;
        -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s
    }

    .animate .hm-products.visible .hm-product-slide.active .hm-product-slide-img .pr-img-g {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

.animate .hm-products.visible .arrow-nav {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0px, 0px);
    transform: translate3d(-50%, 0px, 0px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide-img-inner {
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s
}

.no-scroll-inertia.animate .hm-products.visible .hm-products-top:before {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide.active .hm-product-slide-img .pr-img-inner {
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.8s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide.active .hm-product-slide-img .pr-img-g {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide.active .hm-product-slide-img .pr-img-s {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide.active .hm-product-slide-img .pr-img-f-cont {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.no-scroll-inertia.animate .hm-products.visible .hm-product-slide.active .hm-product-slide-desc {
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s
}

.no-scroll-inertia.animate .hm-products.visible .arrow-nav {
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s
}

#logo-1664-loader .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #A1B6D0;
    stroke: none
}

#logo-1664-loader .st1 {
    fill: #A1B6D0
}

#logo-1664-loader .st2 {
    fill: #8F9090
}

#logo-1664-loader .st3 {
    fill: #CD3B2A
}

#logo-1664-loader .st4 {
    fill: #FFFFFF
}

#logo-1664-loader .st5 {
    fill: none
}

#logo-1664-loader .st6 {
    display: none
}

#logo-1664-loader .st7 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #A1B6D0
}

#logo-1664-loader .st8 {
    display: inline;
    fill: #8F9090
}

#logo-1664-loader .st9 {
    display: inline;
    fill: #CD3B2A
}

#logo-1664-loader .st10 {
    display: inline
}

#logo-1664-loader .st11 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #091E40
}

#logo-1664-loader .st12 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #8F9090
}

#logo-1664-loader .st13 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #F9D32D
}

#logo-1664-loader .st14 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF
}

#logo-1664-loader .st15 {
    fill: #091E40
}

.loader {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s
}

    .loader .icon {
        display: inline-block;
        width: 80px;
        height: 80px
    }

        .loader .icon #circle {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-animation: bounce 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate;
            animation: bounce 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate
        }

        .loader .icon #shadow-circle {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-animation: bounceShadow 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate;
            animation: bounceShadow 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate
        }

    .loader.hide {
        opacity: 0;
        pointer-events: none
    }

.loader-txt {
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0.92);
        transform: scale(0.92)
    }
}

@keyframes bounce {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0.92);
        transform: scale(0.92)
    }
}

@-webkit-keyframes bounceShadow {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }
}

@keyframes bounceShadow {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }
}

.wechat-share {
    position: fixed;
    top: 0%;
    left: 0%;
    padding: 40px;
    z-index: 20;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .wechat-share.show {
        opacity: 1;
        pointer-events: auto
    }

        .wechat-share.show .wechat-share-inner {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1)
        }

        .wechat-share.show .wechat-share-close {
            opacity: 1;
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
            -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
            transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
            transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s
        }

.wechat-share-close {
    position: absolute;
    left: 50%;
    top: -80px;
    height: 80px;
    width: 80px;
    margin-left: -40px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    -webkit-transition: opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
    transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s
}

    .wechat-share-close:before, .wechat-share-close:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -16px;
        margin-top: -2px;
        height: 2px;
        width: 35px;
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .wechat-share-close:before {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1)
    }

    .wechat-share-close:after {
        -webkit-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1)
    }

    .wechat-share-close:hover:before {
        -webkit-transform: rotate(45deg) scale(0.7);
        transform: rotate(45deg) scale(0.7)
    }

    .wechat-share-close:hover:after {
        -webkit-transform: rotate(-45deg) scale(0.7);
        transform: rotate(-45deg) scale(0.7)
    }

.wechat-share.desktop .wechat-share-notice-mobile {
    display: none
}

.wechat-share.mobile .wechat-share-notice-desktop {
    display: none
}

.wechat-share-inner {
    position: absolute;
    width: 300px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    background-color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.wechat-share-overlay {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8
}

.wechat-share .share-opt {
    display: inline-block;
    color: #fff;
    padding: 3px 5px 0 5px;
    background: #004b99;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 10px
}

.wechat-share .icon {
    width: 50px;
    height: 50px;
    fill: #193a83 !important;
    display: inline-block
}

.wechat-share input {
    border: 1px solid #F0F0F0;
    color: #193a83;
    line-height: 20px;
    width: 100%;
    padding: 14px 12px 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px !important
}

    .wechat-share input.copied {
        border: 1px solid #2aacf0;
        background-color: #2aacf0;
        color: #fff
    }

.wechat-share .button {
    font-size: 14px;
    padding: 0 15px;
    display: inline-block;
    margin: 0px 3px 15px 3px;
    min-width: auto;
    width: auto
}

.wechat-share-notice {
    display: block
}

.wechat-share-qrcode {
    display: inline-block;
    margin: 20px 0
}

.cookie {
    position: fixed;
    display: none;
    width: 100%;
    min-height: 55px;
    background-color: #193a83;
    left: 0;
    bottom: 0;
    z-index: 99;
    font-family: "avenir-medium-regular","sans-serif"
}

.cookie-content {
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 14px;
    font-size: 0;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cookie-txt {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    margin-right: 20px;
    color: #fff;
    font-family: "avenir-medium-regular","sans-serif";
    font-size: 14px;
    letter-spacing: 0.02em
}

    .cookie-txt a {
        color: #fff;
        text-decoration: none;
        position: relative;
        display: inline-block;
        -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

        .cookie-txt a:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 1px;
            background-color: #fff;
            -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .cookie-txt a:hover {
            color: #2aacf0
        }

            .cookie-txt a:hover:after {
                background-color: #2aacf0
            }

.cookie-bt {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 30px;
    padding: 0;
    background-color: #193a83;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    min-width: 50px;
    cursor: pointer;
    margin-top: -3px
}

@media (max-width: 780px) {
    .cookie-content {
        padding: 14px;
        padding-bottom: 6px
    }

    .cookie-txt {
        font-size: 12px;
        margin-right: 15px
    }

        .cookie-txt a:after {
            bottom: 2px
        }
}

.error404 {
    height: 100vh
}

.error-404-content {
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .error-404-content .title-sub {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 60px
    }

@media (max-width: 736px) {
    .error-404-content {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.legal-notices {
    border: 1px solid #e8ebf2
}

.ln-top {
    max-height: 520px
}

.ln-wrapper {
    max-width: 670px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 50px
}

.ln-title {
    text-align: left
}

.ln-content {
    margin-top: 50px
}

    .ln-content h2, .ln-content h3, .ln-content h4, .ln-content h5 {
        font-size: 22px;
        margin-bottom: 18px;
        margin-top: 40px
    }

@media (max-width: 736px) {
    .ln-top {
        max-height: 270px
    }

    .ln-wrapper {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ln-title {
        font-size: 28px;
        line-height: 30px
    }

    .ln-content h2, .ln-content h3, .ln-content h4, .ln-content h5 {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 320px) {
    .ln-wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

.hm-top {
    height: 100vh;
    overflow: hidden;
    position: relative;
    max-height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985)
}

    .hm-top img {
        position: absolute;
        height: 100%
    }

    .hm-top.no-img {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 3000;
        background: transparent
    }

.hm-top-scroll {
    position: absolute;
    bottom: 0;
    z-index: 20;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 40px;
    max-width: 200px;
    width: 100%;
    text-align: center;
    left: 50%;
    margin-left: -100px;
    cursor: pointer;
    padding-top: 70px
}

.hm-top-scroll-bar {
    content: "";
    display: block;
    height: 50px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

    .hm-top-scroll-bar:after, .hm-top-scroll-bar:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .hm-top-scroll-bar:after {
        background-color: #fff;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    .hm-top-scroll-bar:before {
        background-color: #fff
    }

.hm-top-scroll:hover .hm-top-scroll-bar:before {
    -webkit-transform: scale(0.3);
    transform: scale(0.3)
}

.hm-top-scroll:hover .hm-top-scroll-bar:after {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1)
}

.hm-top-scroll:hover span {
    -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    color: #fff
}

    .hm-top-scroll:hover span:after {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

.hm-top-scroll span {
    display: inline-block;
    position: relative;
    color: #193a83;
    z-index: 2;
    -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important
}

    .hm-top-scroll span:before, .hm-top-scroll span:after {
        content: "";
        display: block;
        position: absolute;
        top: -7px;
        left: -10px;
        width: calc(100% + 19px);
        height: calc(100% + 14px);
        background-color: #fff;
        z-index: -2;
        backface-visibility: hidden
    }

    .hm-top-scroll span:after {
        background-color: #193a83;
        opacity: 1;
        width: calc(100% + 21px);
        z-index: -1;
        -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s,opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .hm-top-scroll span:before {
        opacity: 0.7
    }

.hm-top-step1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.hm-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985)
}

    .hm-top-bg img {
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        position: absolute
    }

.hm-top-fg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: 20;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

    .hm-top-fg img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto
    }

.hm-top-step2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

    .hm-top-step2 video, .hm-top-step2 img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0%;
        -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    }

        .hm-top-step2 video.hide, .hm-top-step2 img.hide {
            opacity: 0
        }

.hm-top-step2-txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 15;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 730px
}

    .hm-top-step2-txt span {
        display: inline-block;
        opacity: 0;
        -webkit-transition: none !important;
        transition: none !important
    }

.hm-top-sub {
    margin-bottom: 30px
}

.hm-top-txt {
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
    opacity: 0
}

.hm-top-title {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 15;
    font-size: 77px;
    line-height: 83px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 880px
}

    .hm-top-title span {
        display: inline-block;
        opacity: 0;
        -webkit-transition: none !important;
        transition: none !important
    }

@media (max-width: 1330px) {
    .hm-top-title {
        font-size: 65px;
        line-height: 75px;
        max-width: 780px
    }
}

@media (max-width: 1025px) {
    .hm-top-title {
        font-size: 60px;
        line-height: 65px;
        max-width: 700px
    }

    .hm-top-fg {
        width: 65%;
        right: -7%
    }

    .hm-top-title {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 960px) {
    .hm-top-fg {
        width: 75%;
        right: -7%
    }
}

@media (max-width: 736px) {
    .hm-top-title {
        font-size: 45px;
        line-height: 48px;
        top: 31%
    }

    .hm-top-scroll {
        color: #193a83;
        bottom: 0;
        padding-bottom: 20px;
        font-size: 12px
    }

    .hm-top-scroll-bar:before, .hm-top-scroll-bar:after {
        background-color: #193a83
    }

    .hm-top-fg {
        width: 120%;
        right: -16%
    }
}

@media (max-width: 736px) and (orientation: landscape) {
    .hm-top-fg {
        width: 57%;
        right: -6%
    }
}

@media (max-width: 570px) and (orientation: landscape) {
    .hm-top-fg {
        width: 50%;
        right: -6%
    }
}

@media (max-width: 430px) {
    .hm-top-fg {
        width: 105%;
        right: -16%
    }
    .hm-brew .section-ratio-bg {
        height: auto;
        width: 134%;
    }
}

@media (max-width: 320px) {
    .hm-top-title {
        top: 33%
    }

    .hm-top-fg {
        width: 100%;
        right: -14%
    }
}

.hm-brew {
    text-align: center;
    overflow: hidden;
    background-color: #004b99
}

    .hm-brew:before {
        padding-bottom: 57.639%
    }

    .hm-brew .section-ratio-wrapper {
        top: 57%
    }

.hm-brew-title {
    position: relative
}

    .hm-brew-title:before, .hm-brew-title:after {
        content: "";
        display: block;
        position: absolute;
        width: 220px;
        height: 1px;
        left: 50%;
        top: 50%;
        background-color: #003DA5;
    }

    .hm-brew-title:before {
        left: 50%;
        margin-left: calc( -220px * 2 - 170px)
    }

    .hm-brew-title:after {
        margin-left: calc(220px + 170px)
    }

.hm-brew-txt {
    margin: 30px auto 40px auto;
    max-width: 400px
}

@media (max-width: 1025px) {
    .hm-brew-title:before {
        width: 120px;
        margin-left: calc( -120px * 2 - 120px)
    }

    .hm-brew-title:after {
        width: 120px;
        margin-left: calc(120px + 120px)
    }

    .hm-brew-title {
        font-size: 70px;
        line-height: 60px
    }

        .hm-brew-title:before, .hm-brew-title:after {
            display: none
        }

   /* .hm-brew {
        height: 600px
    }*/
    .hm-brew {
        height: 511px;
    }

        .hm-brew .section-ratio-bg {
            height: auto;
            width: 100%;
        }
        .hm-brew .section-ratio-wrapper {
            top: 52%;
        }

    
    .hm-brew .section-ratio-wrapper {
            top: 61%
        }
    .hm-brew-txt {
        margin: 23px auto 20px auto
    }
}

@media (max-width: 736px) {
    .hm-brew {
        height: 239px;
    }

    /*.hm-brew-title {
        font-size: 45px;
        line-height: 42px
    }*/
    .hm-brew-title {
        font-size: 32px;
        line-height: 36px;
    }
    .hm-brew-txt {
        max-width: 200px;
    }
   
}

/*@media (max-width: 430px) {
    .hm-brew .section-ratio-bg {
        right: -80%;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}*/
@media (max-width: 430px) {
    .hm-brew .section-ratio-bg {
        right: -17%;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: auto;
        width: 128%;
    }

}
.animate .hm-brew .hm-brew-bg-cont img {
    -webkit-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2)
}

.animate .hm-brew .hm-brew-title:before, .animate .hm-brew .hm-brew-title:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.animate .hm-brew .hm-brew-title:before {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.animate .hm-brew .hm-brew-title:after {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.animate .hm-brew .hm-brew-bt {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0
}

.animate .hm-brew.visible .hm-brew-title:before, .animate .hm-brew.visible .hm-brew-title:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}

.animate .hm-brew.visible .hm-brew-bt {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s
}

.animate .hm-brew.visible .hm-brew-bt {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.hm-elegance {
    text-align: center;
    padding: 110px 0 70px 0;
    position: relative
}

    .hm-elegance .bg-blue {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

.hm-elegance-txt {
    max-width: 555px;
    margin: 80px auto 0 auto
}

.hm-elegance-top {
    margin: 0 auto 110px auto
}

.hm-elegance-top-title {
    max-width: 800px
}

.hm-elegance-bt {
    margin-top: 90px
}

@media (max-width: 1025px) {
    .hm-elegance-txt {
        margin-top: 40px
    }

    .hm-elegance-top {
        margin-bottom: 90px
    }

    .hm-elegance-bt {
        margin-top: 60px
    }

    .hm-elegance {
        padding-bottom: 55px
    }
}

@media (max-width: 736px) {
    .hm-elegance {
        padding-top: 60px
    }

    .hm-elegance-top {
        margin-bottom: 50px
    }

    .hm-elegance-bt {
        margin-top: 40px
    }

    .hm-elegance {
        padding-bottom: 38px
    }
}

@media (max-width: 320px) {
    .hm-top-title {
        font-size: 38px;
        line-height: 40px
    }
}

.animate .hm-elegance .hm-elegance-bt {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.animate .hm-elegance.visible .hm-elegance-bt {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
}

.ie .hm-products .hm-product-slider-selectable {
    cursor: auto !important;
    -ms-touch-action: auto !important;
    touch-action: auto !important
}

.must-repaint .hm-product-slides {
    -webkit-transition: left 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important;
    transition: left 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important
}

.ie11 .hm-product-slides, .ie10 .hm-product-slides, .ie9 .hm-product-slides, .ie8 .hm-product-slides {
    -webkit-transition: left 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important;
    transition: left 1.2s cubic-bezier(0.77, 0, 0.175, 1) !important
}

.ie11 .hm-products .hm-product-slide-title, .ie10 .hm-products .hm-product-slide-title, .ie9 .hm-products .hm-product-slide-title, .ie8 .hm-products .hm-product-slide-title {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img, .ie10 .hm-products .pr-img, .ie9 .hm-products .pr-img, .ie8 .hm-products .pr-img {
    -webkit-transform: none !important;
    transform: none !important
}

    .ie11 .hm-products .pr-img img, .ie10 .hm-products .pr-img img, .ie9 .hm-products .pr-img img, .ie8 .hm-products .pr-img img {
        backface-visibility: visible;
        -webkit-transform: none !important;
        transform: none !important
    }

.ie11 .hm-products .pr-img-inner, .ie10 .hm-products .pr-img-inner, .ie9 .hm-products .pr-img-inner, .ie8 .hm-products .pr-img-inner {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-b-cont, .ie10 .hm-products .pr-img-b-cont, .ie9 .hm-products .pr-img-b-cont, .ie8 .hm-products .pr-img-b-cont {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-b, .ie10 .hm-products .pr-img-b, .ie9 .hm-products .pr-img-b, .ie8 .hm-products .pr-img-b {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-gmask, .ie10 .hm-products .pr-img-gmask, .ie9 .hm-products .pr-img-gmask, .ie8 .hm-products .pr-img-gmask {
    -webkit-transform: none !important;
    transform: none !important;
    overflow: visible
}

.ie11 .hm-products .pr-img-g, .ie10 .hm-products .pr-img-g, .ie9 .hm-products .pr-img-g, .ie8 .hm-products .pr-img-g {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-s, .ie10 .hm-products .pr-img-s, .ie9 .hm-products .pr-img-s, .ie8 .hm-products .pr-img-s {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-f-cont, .ie10 .hm-products .pr-img-f-cont, .ie9 .hm-products .pr-img-f-cont, .ie8 .hm-products .pr-img-f-cont {
    -webkit-transform: none !important;
    transform: none !important
}

.ie11 .hm-products .pr-img-f, .ie10 .hm-products .pr-img-f, .ie9 .hm-products .pr-img-f, .ie8 .hm-products .pr-img-f {
    -webkit-transform: none !important;
    transform: none !important
}

    .ie11 .hm-products .pr-img-f.lemon, .ie10 .hm-products .pr-img-f.lemon, .ie9 .hm-products .pr-img-f.lemon, .ie8 .hm-products .pr-img-f.lemon {
        bottom: 0%;
        right: -30%;
        width: 90%
    }

    .ie11 .hm-products .pr-img-f.raspberry:nth-child(1), .ie10 .hm-products .pr-img-f.raspberry:nth-child(1), .ie9 .hm-products .pr-img-f.raspberry:nth-child(1), .ie8 .hm-products .pr-img-f.raspberry:nth-child(1) {
        top: 10%;
        right: -25%;
        width: 30%
    }

    .ie11 .hm-products .pr-img-f.raspberry:nth-child(2), .ie10 .hm-products .pr-img-f.raspberry:nth-child(2), .ie9 .hm-products .pr-img-f.raspberry:nth-child(2), .ie8 .hm-products .pr-img-f.raspberry:nth-child(2) {
        top: 25%;
        left: -40%;
        width: 40%
    }

    .ie11 .hm-products .pr-img-f.raspberry:nth-child(3), .ie10 .hm-products .pr-img-f.raspberry:nth-child(3), .ie9 .hm-products .pr-img-f.raspberry:nth-child(3), .ie8 .hm-products .pr-img-f.raspberry:nth-child(3) {
        bottom: 5%;
        right: -35%;
        width: 50%
    }

@media (max-width: 736px) {
    .brew {
        border-bottom: 1px solid #ccdbeb
    }
}

.br-secrets {
    padding: 115px 0 140px 0;
    text-align: center
}

.br-secrets-top {
    margin-bottom: 90px
}

@media (max-width: 1025px) {
    .br-secrets {
        padding-bottom: 0
    }
}

@media (max-width: 736px) {
    .br-top .page-top-title {
        top: 63%
    }

    .br-secrets {
        padding: 60px 0 0px 0;
        text-align: center
    }

    .br-secrets-top {
        margin-bottom: 60px
    }
}

.br-served {
    padding: 115px 0 260px 0;
    text-align: center;
    position: relative
}

.br-served-top {
    margin-bottom: 116px
}

.br-served-title {
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 25px
}

    .br-served-title:after {
        content: "";
        display: block;
        width: 1px;
        height: 47px;
        background-color: #041e42;
        position: absolute;
        right: 50%;
        bottom: 0
    }

.br-served-sub {
    max-width: 670px;
    margin: 0 auto
}

.br-served-txt {
    white-space: nowrap;
    text-align: left;
    max-width: 670px;
    /* max-width: 424px;*/
    margin: 30px auto 0 auto;
    color: #fff
}

.br-served-txt-col {
    width: 50%;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .br-served-txt-col:first-child {
        padding-right: 20px
    }

    .br-served-txt-col:last-child {
        padding-left: 20px
    }

@media (max-width: 1025px) {
    .br-served {
        /*padding-bottom: 0*/
        padding-bottom: 50px
    }

    .br-served-txt-col {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 !important
    }

    .br-served-sub {
        font-size: 25px;
        line-height: 35px
    }

    .br-served-title {
        padding-bottom: 120px
    }

        .br-served-title:after {
            height: 70px;
            bottom: 10px
        }
}

@media (max-width: 736px) {
    .br-served-title {
        padding-bottom: 20px
    }

        .br-served-title:after {
            display: none
        }

    .br-served-sub {
        font-size: 20px;
        line-height: 24px
    }
}

.animate .br-served .br-served-txt {
    opacity: 0
}

.animate .br-served .br-served-bt {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.animate .br-served .br-served-title:after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.animate .br-served.visible .br-served-title:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s
}

.animate .br-served.visible .br-served-txt {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s
}

.animate .br-served.visible .br-served-bt {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
}

.br-explore {
    padding: 80px 0px 20px 0px
}

    .br-explore .ps {
        margin-top: 100px;
        margin-bottom: 20px
    }

@media (max-width: 1025px) {
    .br-explore {
        padding-bottom: 70px;
        padding-top: 130px
    }
}

@media (max-width: 736px) {
    .br-explore {
        padding-bottom: 20px;
        padding-top: 60px
    }

        .br-explore .ps {
            margin-top: 40px
        }
}

.age {
    min-height: 100vh;
    position: relative
}

.age-head {
    text-align: center;
    padding-top: 70px;
    position: relative
}

.age-head-logo {
    display: inline-block
}

    .age-head-logo img {
        width: 95px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.age-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.age-content {
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.age-question {
    text-transform: uppercase;
    letter-spacing: 0.05em
}

    .age-question span {
        display: inline-block
    }

.age-question-l2 {
    margin-top: 20px;
    margin-bottom: 10px
}

.age-lang {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    z-index: 10
}

.age-lang-label {
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.age-lang:hover .age-lang-label, .age-lang.open .age-lang-label {
    color: #193a83
}

.age-lang:hover .age-lang-arrow:after, .age-lang:hover .age-lang-arrow:before, .age-lang.open .age-lang-arrow:after, .age-lang.open .age-lang-arrow:before {
    background-color: #193a83
}

.age-lang:hover:after, .age-lang.open:after {
    background-color: #193a83
}

.age-lang:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.age-lang.open .age-lang-items {
    height: 233px
}

.age-lang.open .age-lang-item {
    opacity: 1
}

.age-lang-arrow {
    position: absolute;
    width: 16px;
    height: 10px;
    right: 0px;
    top: 50%;
    margin-top: -1px;
    opacity: 0.6;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .age-lang-arrow:after, .age-lang-arrow:before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 2px;
        top: 1px;
        background-color: #fff;
        -webkit-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .age-lang-arrow:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .age-lang-arrow:after {
        right: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.age-lang-items {
    display: block;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    z-index: 10;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    overflow-y: scroll;
    height: 0;
    text-align: left;
    -webkit-transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.age-lang-item {
    display: block;
    line-height: 27px;
    color: #193a83;
    font-size: 13px;
    padding: 10px 80px 10px 20px;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .age-lang-item:hover, .age-lang-item.active {
        background-color: #193a83;
        color: #fff
    }

    .age-lang-item img {
        display: inline-block;
        width: 30px;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -10px
    }

.age-form {
    margin-top: 40px;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    position: relative
}

    .age-form .age-form-input {
        display: none
    }

    .age-form .fake-input {
        position: absolute;
        left: -4000px;
        opacity: 1;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
        font-size: 16px;
        z-index: -1
    }

    .age-form.valid .age-form-item:after {
        opacity: 1;
        background-color: rgba(255,255,255,0.2)
    }

    .age-form.error .age-form-item:after {
        opacity: 1;
        border: 1px solid #e41b13
    }

    .age-form.error .age-form-error {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.age-form-item {
    width: 97px;
    height: 53px;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    color: #fff;
    font-size: 20px;
    line-height: 53px;
    text-align: center;
    vertical-align: top;
    pointer-events: none
}

    .age-form-item.active {
        pointer-events: auto;
        cursor: text
    }

        .age-form-item.active:after {
            opacity: 1
        }

        .age-form-item.active:before {
            opacity: 1;
            -webkit-animation: cursor 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: cursor 1s infinite cubic-bezier(0.165, 0.84, 0.44, 1)
        }

    .age-form-item.full {
        pointer-events: auto;
        cursor: text
    }

        .age-form-item.full:after {
            opacity: 1
        }

    .age-form-item:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0.2;
        pointer-events: none;
        -webkit-transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s,border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),background 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s,border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
    }

    .age-form-item:before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -20px;
        opacity: 0
    }

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

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes cursor {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.age-form-error {
    font-size: 18px;
    text-align: center;
    font-family: "avenir-medium-regular","sans-serif";
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s,-webkit-transform 0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s
}

.age-foot {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff
}

    .age-foot a {
        color: #fff
    }

        .age-foot a:after {
            background-color: #fff
        }

        .age-foot a:hover {
            color: #193a83
        }

            .age-foot a:hover:after {
                background-color: #193a83
            }

.age-foot-wrapper {
    max-width: 660px;
    margin: 0 auto;
    padding-bottom: 60px
}

.age-overlay {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media (max-width: 1025px) {
    .age-content {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .age-head-logo {
        width: 75px
    }

        .age-head-logo img {
            width: 100%
        }

    .age-question-l1 {
        display: block !important;
        letter-spacing: 0.01em
    }

    .age-question-l1, .age-lang {
        font-size: 45px;
        line-height: 55px
    }

    .age-question-l2 {
        font-size: 23px;
        line-height: 28px;
        margin-top: 47px
    }

    .age-form-item {
        width: 106px;
        height: 72px;
        line-height: 72px;
        font-size: 24px
    }

    .age-lang-items {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 736px) {
    .age-head-logo {
        width: 60px
    }

        .age-head-logo img {
            width: 100%
        }

    .age-head {
        padding-top: 50px
    }

    .age-form {
        margin-top: 25px
    }

    .age-content {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .age-question-l1, .age-lang {
        font-size: 22px;
        line-height: 30px;
        margin: 0 auto
    }

    .age-lang {
        top: -15px;
        left: 10px
    }

        .age-lang.open .age-lang-items {
            height: 200px
        }

    .age-lang-item {
        line-height: 30px;
        font-size: 14px;
        padding: 5px 100px 5px 20px
    }

    .age-question-l1 {
        letter-spacing: 0.07em
    }

    .age-question-l2 {
        margin-top: 3px
    }

    .age-form-item {
        width: 62px;
        height: 47px;
        font-size: 14px;
        line-height: 47px;
        margin: 0 8px
    }

    .age-content {
        margin-top: 80px
    }

    .age-foot {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .age-foot-wrapper {
        padding-bottom: 25px
    }
}

@media (max-width: 320px) {
    .age-content  {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 40px
    }

    .age-form-item {
        margin: 0 5px
    }

    .age-foot {
        position: relative;
        bottom: auto;
        top: auto;
        margin-top: 40px
    }

    .age-foot {
        padding-left: 20px;
        padding-right: 20px
    }

    .age-content {
        margin-top: 40px
    }
}

@media (max-width: 736px) and (orientation: landscape) {
    .age {
        min-height: 560px
    }

    .age-content {
        margin-top: 40px
    }
}

.animate .age .age-lang, .animate .age .age-question-l1 {
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0
}

.animate .age .age-form-item {
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0
}

.animate .age .age-question-l2 span {
    display: inline-block;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0
}

.animate .age .age-foot {
    opacity: 0
}

.animate .age.visible .age-question-l1, .animate .age.visible .age-lang, .animate .age.visible .age-form-item {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .age.visible .age-question-l2 span {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .animate .age.visible .age-question-l2 span:nth-child(1) {
        -webkit-transition-delay: .98s;
        transition-delay: .98s
    }

    .animate .age.visible .age-question-l2 span:nth-child(2) {
        -webkit-transition-delay: 1.06s;
        transition-delay: 1.06s
    }

    .animate .age.visible .age-question-l2 span:nth-child(3) {
        -webkit-transition-delay: 1.14s;
        transition-delay: 1.14s
    }

    .animate .age.visible .age-question-l2 span:nth-child(4) {
        -webkit-transition-delay: 1.22s;
        transition-delay: 1.22s
    }

    .animate .age.visible .age-question-l2 span:nth-child(5) {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

    .animate .age.visible .age-question-l2 span:nth-child(6) {
        -webkit-transition-delay: 1.38s;
        transition-delay: 1.38s
    }

    .animate .age.visible .age-question-l2 span:nth-child(7) {
        -webkit-transition-delay: 1.46s;
        transition-delay: 1.46s
    }

    .animate .age.visible .age-question-l2 span:nth-child(8) {
        -webkit-transition-delay: 1.54s;
        transition-delay: 1.54s
    }

    .animate .age.visible .age-question-l2 span:nth-child(9) {
        -webkit-transition-delay: 1.62s;
        transition-delay: 1.62s
    }

    .animate .age.visible .age-question-l2 span:nth-child(10) {
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s
    }

    .animate .age.visible .age-question-l2 span:nth-child(11) {
        -webkit-transition-delay: 1.78s;
        transition-delay: 1.78s
    }

    .animate .age.visible .age-question-l2 span:nth-child(12) {
        -webkit-transition-delay: 1.86s;
        transition-delay: 1.86s
    }

    .animate .age.visible .age-question-l2 span:nth-child(13) {
        -webkit-transition-delay: 1.94s;
        transition-delay: 1.94s
    }

    .animate .age.visible .age-question-l2 span:nth-child(14) {
        -webkit-transition-delay: 2.02s;
        transition-delay: 2.02s
    }

    .animate .age.visible .age-question-l2 span:nth-child(15) {
        -webkit-transition-delay: 2.1s;
        transition-delay: 2.1s
    }

    .animate .age.visible .age-question-l2 span:nth-child(16) {
        -webkit-transition-delay: 2.18s;
        transition-delay: 2.18s
    }

    .animate .age.visible .age-question-l2 span:nth-child(17) {
        -webkit-transition-delay: 2.26s;
        transition-delay: 2.26s
    }

    .animate .age.visible .age-question-l2 span:nth-child(18) {
        -webkit-transition-delay: 2.34s;
        transition-delay: 2.34s
    }

    .animate .age.visible .age-question-l2 span:nth-child(19) {
        -webkit-transition-delay: 2.42s;
        transition-delay: 2.42s
    }

    .animate .age.visible .age-question-l2 span:nth-child(20) {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s
    }

    .animate .age.visible .age-question-l2 span:nth-child(21) {
        -webkit-transition-delay: 2.58s;
        transition-delay: 2.58s
    }

    .animate .age.visible .age-question-l2 span:nth-child(22) {
        -webkit-transition-delay: 2.66s;
        transition-delay: 2.66s
    }

    .animate .age.visible .age-question-l2 span:nth-child(23) {
        -webkit-transition-delay: 2.74s;
        transition-delay: 2.74s
    }

    .animate .age.visible .age-question-l2 span:nth-child(24) {
        -webkit-transition-delay: 2.82s;
        transition-delay: 2.82s
    }

    .animate .age.visible .age-question-l2 span:nth-child(25) {
        -webkit-transition-delay: 2.9s;
        transition-delay: 2.9s
    }

    .animate .age.visible .age-question-l2 span:nth-child(26) {
        -webkit-transition-delay: 2.98s;
        transition-delay: 2.98s
    }

    .animate .age.visible .age-question-l2 span:nth-child(27) {
        -webkit-transition-delay: 3.06s;
        transition-delay: 3.06s
    }

    .animate .age.visible .age-question-l2 span:nth-child(28) {
        -webkit-transition-delay: 3.14s;
        transition-delay: 3.14s
    }

    .animate .age.visible .age-question-l2 span:nth-child(29) {
        -webkit-transition-delay: 3.22s;
        transition-delay: 3.22s
    }

    .animate .age.visible .age-question-l2 span:nth-child(30) {
        -webkit-transition-delay: 3.3s;
        transition-delay: 3.3s
    }

    .animate .age.visible .age-question-l2 span:nth-child(31) {
        -webkit-transition-delay: 3.38s;
        transition-delay: 3.38s
    }

    .animate .age.visible .age-question-l2 span:nth-child(32) {
        -webkit-transition-delay: 3.46s;
        transition-delay: 3.46s
    }

    .animate .age.visible .age-question-l2 span:nth-child(33) {
        -webkit-transition-delay: 3.54s;
        transition-delay: 3.54s
    }

    .animate .age.visible .age-question-l2 span:nth-child(34) {
        -webkit-transition-delay: 3.62s;
        transition-delay: 3.62s
    }

    .animate .age.visible .age-question-l2 span:nth-child(35) {
        -webkit-transition-delay: 3.7s;
        transition-delay: 3.7s
    }

    .animate .age.visible .age-question-l2 span:nth-child(36) {
        -webkit-transition-delay: 3.78s;
        transition-delay: 3.78s
    }

    .animate .age.visible .age-question-l2 span:nth-child(37) {
        -webkit-transition-delay: 3.86s;
        transition-delay: 3.86s
    }

    .animate .age.visible .age-question-l2 span:nth-child(38) {
        -webkit-transition-delay: 3.94s;
        transition-delay: 3.94s
    }

    .animate .age.visible .age-question-l2 span:nth-child(39) {
        -webkit-transition-delay: 4.02s;
        transition-delay: 4.02s
    }

    .animate .age.visible .age-question-l2 span:nth-child(40) {
        -webkit-transition-delay: 4.1s;
        transition-delay: 4.1s
    }

    .animate .age.visible .age-question-l2 span:nth-child(41) {
        -webkit-transition-delay: 4.18s;
        transition-delay: 4.18s
    }

    .animate .age.visible .age-question-l2 span:nth-child(42) {
        -webkit-transition-delay: 4.26s;
        transition-delay: 4.26s
    }

    .animate .age.visible .age-question-l2 span:nth-child(43) {
        -webkit-transition-delay: 4.34s;
        transition-delay: 4.34s
    }

    .animate .age.visible .age-question-l2 span:nth-child(44) {
        -webkit-transition-delay: 4.42s;
        transition-delay: 4.42s
    }

    .animate .age.visible .age-question-l2 span:nth-child(45) {
        -webkit-transition-delay: 4.5s;
        transition-delay: 4.5s
    }

    .animate .age.visible .age-question-l2 span:nth-child(46) {
        -webkit-transition-delay: 4.58s;
        transition-delay: 4.58s
    }

    .animate .age.visible .age-question-l2 span:nth-child(47) {
        -webkit-transition-delay: 4.66s;
        transition-delay: 4.66s
    }

    .animate .age.visible .age-question-l2 span:nth-child(48) {
        -webkit-transition-delay: 4.74s;
        transition-delay: 4.74s
    }

    .animate .age.visible .age-question-l2 span:nth-child(49) {
        -webkit-transition-delay: 4.82s;
        transition-delay: 4.82s
    }

    .animate .age.visible .age-question-l2 span:nth-child(50) {
        -webkit-transition-delay: 4.9s;
        transition-delay: 4.9s
    }

    .animate .age.visible .age-question-l2 span:nth-child(51) {
        -webkit-transition-delay: 4.98s;
        transition-delay: 4.98s
    }

    .animate .age.visible .age-question-l2 span:nth-child(52) {
        -webkit-transition-delay: 5.06s;
        transition-delay: 5.06s
    }

    .animate .age.visible .age-question-l2 span:nth-child(53) {
        -webkit-transition-delay: 5.14s;
        transition-delay: 5.14s
    }

    .animate .age.visible .age-question-l2 span:nth-child(54) {
        -webkit-transition-delay: 5.22s;
        transition-delay: 5.22s
    }

    .animate .age.visible .age-question-l2 span:nth-child(55) {
        -webkit-transition-delay: 5.3s;
        transition-delay: 5.3s
    }

    .animate .age.visible .age-question-l2 span:nth-child(56) {
        -webkit-transition-delay: 5.38s;
        transition-delay: 5.38s
    }

    .animate .age.visible .age-question-l2 span:nth-child(57) {
        -webkit-transition-delay: 5.46s;
        transition-delay: 5.46s
    }

    .animate .age.visible .age-question-l2 span:nth-child(58) {
        -webkit-transition-delay: 5.54s;
        transition-delay: 5.54s
    }

    .animate .age.visible .age-question-l2 span:nth-child(59) {
        -webkit-transition-delay: 5.62s;
        transition-delay: 5.62s
    }

    .animate .age.visible .age-question-l2 span:nth-child(60) {
        -webkit-transition-delay: 5.7s;
        transition-delay: 5.7s
    }

.animate .age.visible .age-question-l1 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.animate .age.visible .age-lang {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.animate .age.visible .age-form-item {
    -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .animate .age.visible .age-form-item:nth-child(1) {
        -webkit-transition-delay: 1.28s;
        transition-delay: 1.28s
    }

    .animate .age.visible .age-form-item:nth-child(2) {
        -webkit-transition-delay: 1.36s;
        transition-delay: 1.36s
    }

    .animate .age.visible .age-form-item:nth-child(3) {
        -webkit-transition-delay: 1.44s;
        transition-delay: 1.44s
    }

    .animate .age.visible .age-form-item:nth-child(4) {
        -webkit-transition-delay: 1.52s;
        transition-delay: 1.52s
    }

    .animate .age.visible .age-form-item:nth-child(5) {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }

    .animate .age.visible .age-form-item:nth-child(6) {
        -webkit-transition-delay: 1.68s;
        transition-delay: 1.68s
    }

.animate .age.visible .age-foot {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s;
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s
}

.moderation {
    height: 100vh;
    font-size: 0;
    overflow: hidden
}

.md-left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    overflow: hidden;
    height: 100%;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985)
}

    .md-left img {
        position: absolute;
        height: 100%;
        top: 0
    }

.md-right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left;
    padding-left: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.md-right-inner {
    max-width: 400px
}

.md-right-title {
    text-align: left
}

    .md-right-title:after {
        content: "";
        display: block;
        width: 100px;
        height: 1px;
        background-color: #003da5;
        margin-top: 30px;
        margin-bottom: 35px
    }

    .md-right-title strong {
        color: #2aacf0
    }

.md-bt {
    margin-top: 70px
}

    .md-bt .button {
        text-align: center
    }

@media (max-width: 1280px) {
    .md-left {
        width: 40%
    }

    .md-right {
        width: 60%;
        padding-left: 80px
    }
}

@media (max-width: 1025px) {
    .moderation {
        position: relative;
        height: auto;
        padding-top: 140px;
        padding-bottom: 140px
    }

    .md-left {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .md-right {
        position: relative;
        background-color: #fff;
        padding: 90px 80px 40px 60px;
        width: 510px
    }

    .md-bt {
        margin-top: 30px
    }
}

@media (max-width: 736px) {
    .moderation {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .md-right {
        width: 86%;
        padding: 60px 30px 50px 40px
    }
}

@media (max-width: 320px) {
    .md-right {
        width: 86%;
        padding: 60px 30px 50px 30px
    }
}

.animate .md-right .md-bt {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0)
}

.animate .md-right .md-right-title:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.animate .md-right.visible .md-bt {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.3s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0)
}

.animate .md-right.visible .md-right-title:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s
}

.contact {
    height: 100vh;
    min-height: 990px;
    overflow: hidden;
    position: relative
}

.ct-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#007cbc), to(#1b3985));
    background: linear-gradient(#007cbc, #1b3985)
}

    .ct-bg img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

.ct-form {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 670px;
    padding: 145px 115px 60px 115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .ct-form.load .ct-form-loader {
        opacity: 1
    }

.ct-form-items {
    position: relative
}

.ct-form-loader {
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 4;
    opacity: 1
}

    .ct-form-loader .icon {
        position: relative;
        z-index: 2
    }

    .ct-form-loader:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    .ct-form-loader.hide {
        opacity: 0
    }

.ct-form-top {
    margin-bottom: 55px
}

.ct-form-item {
    display: block;
    margin-bottom: 20px;
    text-align: center
}

    .ct-form-item:focus-within .ct-form-input:after {
        opacity: 1
    }

    .ct-form-item:focus-within .ct-form-input-placeholder {
        opacity: 0.3
    }

    .ct-form-item.full .ct-form-input-placeholder {
        opacity: 0
    }

    .ct-form-item.error .ct-form-input:after, .ct-form-item.error .ct-form-select:after {
        opacity: 1;
        border-color: #e41b13
    }

    .ct-form-item.error .ct-form-checkbox {
        color: #e41b13
    }

    .ct-form-item.error .ct-form-item-error {
        opacity: 1;
        pointer-events: auto
    }

.ct-form-item-error {
    color: #e41b13;
    width: 100%;
    text-align: right;
    padding-top: 10px;
    height: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.ct-form-input, .ct-form-select {
    width: 100%;
    position: relative
}

    .ct-form-input:after, .ct-form-select:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #193a83;
        opacity: 0.2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
        -webkit-transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .ct-form-input input, .ct-form-input textarea, .ct-form-input select, .ct-form-select input, .ct-form-select textarea, .ct-form-select select {
        display: block;
        width: 100%;
        padding: 0 15px;
        color: #193a83;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ct-form-input input, .ct-form-select input {
        min-height: 52px;
        line-height: 46px;
        padding-top: 5px
    }

    .ct-form-input select, .ct-form-select select {
        background-color: transparent;
        height: 52px;
        line-height: 46px;
        padding-top: 5px;
        border: 0;
        width: calc(100% - 20px)
    }

    .ct-form-input textarea, .ct-form-select textarea {
        resize: none;
        min-height: 240px;
        line-height: 20px;
        padding-top: 18px
    }

.ct-form-input-placeholder, .ct-form-select-placeholder {
    position: absolute;
    top: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 53px;
    pointer-events: none;
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.ct-form-select {
    padding-top: 5px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .ct-form-select:before {
        content: "";
        display: block;
        position: absolute;
        right: 1px;
        top: 1px;
        height: calc(100% - 2px);
        width: 40px;
        background-color: #fff;
        z-index: 2
    }

    .ct-form-select .ct-form-arrow {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -3px;
        z-index: 5
    }

.ct-form-checkbox {
    width: 100%;
    position: relative;
    line-height: 20px
}

.ct-form-arrow {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3.5px 0 3.5px;
    border-color: #193a83 transparent transparent transparent
}

.ct-form-error {
    color: #e41b13;
    width: 100%;
    padding-bottom: 20px;
    top: -8px;
    position: relative;
    height: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .ct-form-error.show {
        pointer-events: auto;
        opacity: 1
    }

.ct-form-valid {
    color: #193a83;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    left: 0;
    text-align: center;
    opacity: 0;
    z-index: 4;
    top: 20%;
    bottom: 0;
    /* opacity: 0 !important*/
}

    .ct-form-valid.show {
        opacity: 0;
        -webkit-animation: showValid 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards 1.8s;
        animation: showValid 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards 1.8s
    }

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

    100% {
        opacity: 1
    }
}

@keyframes showValid {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media (max-width: 1690px) {
    .ct-form {
        right: 40px;
        left: auto
    }
}

@media (max-width: 1025px) {
    .contact {
        height: auto;
        min-height: auto;
        border-bottom: 1px solid #ccdbeb;
        padding-bottom: 40px
    }

    .ct-bg {
        height: 50vh;
        display: block;
        position: relative;
        overflow: hidden
    }

    .ct-form {
        display: block;
        width: 100%;
        position: relative;
        top: auto;
        padding-top: 100px;
        -webkit-transform: none;
        transform: none;
        margin: 0 auto;
        right: auto;
        max-width: 460px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 736px) {
    .ct-form {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 45px
    }

    .ct-form-top {
        margin-bottom: 35px
    }

    .ct-bg {
        height: 30vh
    }

    .ct-form-input input, .ct-form-input textarea, .ct-form-input select, .ct-form-select input, .ct-form-select textarea, .ct-form-select select {
        font-size: 16px
    }
}

.animate .ct-form .ct-form-sub {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .ct-form.visible .ct-form-sub {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s !important;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1s !important
}

@media (max-width: 320px) {
    .ct-form {
        padding-left: 30px;
        padding-right: 30px
    }
}

.mg-top-tags {
    font-size: 0;
    max-width: 710px;
    margin: 0 auto;
    text-align: center
}

.mg-top-title {
    font-size: 80px;
    line-height: 80px
}

.mg-top-sub {
    color: #fff;
    max-width: 700px !important;
    margin-bottom: 40px !important
}

.mg-top-tag {
    margin: 9px 18px 9px 18px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 20px 15px 20px;
    display: inline-block;
    border: 1px solid #fff;
    cursor: pointer;
    -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .mg-top-tag:hover, .mg-top-tag.active {
        background-color: #fff;
        color: #193a83
    }

@media (max-width: 736px) {
    .mg-top-title {
        font-size: 45px;
        line-height: 45px
    }

    .mg-top-tag {
        margin: 5px 10px 5px 10px;
        font-size: 16px;
        padding: 12px 15px 12px 15px
    }

    .mg-top-sub {
        color: #fff;
        max-width: 400px !important;
        margin-bottom: 40px !important
    }
}

.animate .mg-top .mg-top-tag {
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
    opacity: 0
}

.animate .mg-top.visible .mg-top-tag {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s !important;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s !important
}

    .animate .mg-top.visible .mg-top-tag:nth-child(1) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.28s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.28s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.28s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.28s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(2) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.36s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.36s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.36s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.36s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(3) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.44s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.44s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.44s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.44s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.44s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.44s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.44s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.44s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.44s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(4) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.52s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.52s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.52s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.52s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.52s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.52s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.52s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.52s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.52s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(5) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.6s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.6s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.6s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.6s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(6) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.68s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.68s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.68s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.68s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.68s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.68s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.68s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.68s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.68s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(7) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.76s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.76s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.76s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.76s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.76s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.76s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.76s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.76s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.76s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(8) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.84s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.84s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.84s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.84s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.84s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.84s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.84s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.84s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.84s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(9) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.92s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.92s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.92s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.92s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.92s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.92s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.92s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.92s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 1.92s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(10) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(11) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.08s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.08s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.08s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.08s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.08s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.08s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(12) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.16s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.16s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.16s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.16s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.16s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.16s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(13) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.24s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.24s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.24s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.24s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.24s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.24s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(14) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.32s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.32s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.32s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.32s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.32s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.32s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(15) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.4s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.4s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(16) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.48s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.48s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.48s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.48s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.48s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.48s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(17) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.56s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.56s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.56s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.56s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.56s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.56s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(18) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.64s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.64s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.64s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.64s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.64s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.64s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.64s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.64s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.64s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(19) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.72s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.72s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.72s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.72s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.72s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.72s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.72s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.72s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.72s !important
    }

    .animate .mg-top.visible .mg-top-tag:nth-child(20) {
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.8s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.8s !important;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.8s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.8s !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.8s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.8s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 2.8s,background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 2.8s !important
    }

.mg-grid-wrapper {
    width: 100%;
    max-width: 1360px;
    margin: 100px auto 45px auto;
    min-height: 40vh;
    -webkit-transition: none !important;
    transition: none !important
}

.mg-grid-sizer {
    width: calc(50% - 10px)
}

.mg-grid-item {
    position: relative;
    width: calc(50% - 10px);
    text-decoration: none;
    color: #004b99;
    -webkit-transition: none !important;
    transition: none !important;
    margin-bottom: 20px
}

.mg-grid-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #F0F0F0;
    opacity: 0;
    -webkit-transition: none !important;
    transition: none !important
}

.mg-grid-item .video-bt {
    pointer-events: none
}

    .mg-grid-item .video-bt:after {
        border-color: transparent transparent transparent #193a83
    }

.mg-grid-item.big {
    height: 690px
}

    .mg-grid-item.big .mg-grid-item-img {
        display: block;
        width: 100%;
        height: 355px
    }

    .mg-grid-item.big .mg-grid-item-content {
        padding: 70px 40px 40px 40px
    }

    .mg-grid-item.big .mg-grid-item-content-top {
        min-height: 194px
    }

    .mg-grid-item.big .mg-grid-item-title {
        font-size: 35px;
        line-height: 40px;
        max-width: 380px;
        margin-bottom: 20px
    }

.mg-grid-item.small {
    white-space: nowrap;
    height: 335px
}

    .mg-grid-item.small .mg-grid-item-img {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 335px;
        width: 335px
    }

    .mg-grid-item.small .mg-grid-item-content-top {
        min-height: 205px
    }

    .mg-grid-item.small .mg-grid-item-content {
        white-space: normal;
        display: inline-block;
        width: 50%;
        vertical-align: top;
        padding: 48px 48px 40px 48px
    }

    .mg-grid-item.small .mg-grid-item-title {
        font-size: 20px;
        line-height: 26px;
        max-width: 380px;
        margin-bottom: 10px
    }

.mg-grid-item:hover .mg-grid-item-img-inner {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.mg-grid-item:hover .icon {
    fill: #2aacf0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.mg-grid-item {
    cursor: pointer
}

.mg-grid-item-img {
    overflow: hidden;
    position: relative
}

.mg-grid-item-img-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.mg-grid-item-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mg-grid-item-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mg-grid-item-title {
    color: #004b99
}

.mg-grid-item-txt {
    max-width: 450px
}

.mg-grid-item-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 18px;
    position: absolute;
    bottom: 32px
}

.mg-grid-item-tag-item {
    padding: 5px 10px 0px 10px;
    border: 1px solid #c8ccdc;
    margin-right: 2px
}

.mg-grid-item-arrow {
    position: absolute;
    right: 40px;
    bottom: 35px;
    width: 19px;
    height: 9px
}

    .mg-grid-item-arrow .icon {
        width: 100%;
        height: 100%;
        fill: #004b99;
        -webkit-transition: fill 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),fill 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),fill 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.mg-grid-title {
    color: #004b99;
    top: 0px;
    position: relative;
    line-height: 74px;
    padding-top: 100px;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,height 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s !important;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,height 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s !important
}

    .mg-grid-title.hide {
        opacity: 0;
        -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),height 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s !important;
        transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),height 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s !important
    }

    .mg-grid-title.no-padding {
        padding-top: 0
    }

@media (max-width: 1440px) {
    .mg-grid-wrapper {
        width: calc(100% - 80px)
    }

    .mg-grid-item.small .mg-grid-item-img {
        width: 40%
    }

    .mg-grid-item.small .mg-grid-item-content {
        width: 60%
    }
}

@media (max-width: 1025px) {
    .magazine {
        border-bottom: 1px solid #ccdbeb
    }

    .mg-grid-wrapper {
        max-width: 669px
    }

    .mg-grid-sizer {
        width: 100%
    }

    .mg-grid-item {
        width: 100%
    }

        .mg-grid-item.small .mg-grid-item-img {
            width: 50%;
            max-width: 335px
        }

        .mg-grid-item.small .mg-grid-item-content {
            width: 50%
        }

        .mg-grid-item.big .mg-grid-item-content {
            padding-left: 70px;
            padding-right: 70px
        }

        .mg-grid-item.big .mg-grid-item-title {
            font-size: 30px;
            line-height: 30px
        }

    .mg-grid-title {
        padding-top: 80px;
        padding-bottom: 0px;
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mg-top-tag:hover {
        background-color: transparent;
        color: #fff
    }

    .mg-top-tag.active {
        background-color: #fff !important;
        color: #193a83 !important
    }
}

@media (max-width: 736px) {
    .mg-top {
        min-height: 540px
    }

    .mg-grid-item {
        width: 100%
    }

    .mg-grid-wrapper {
        max-width: 335px;
        width: calc(100% - 40px);
        margin-top: 70px
    }

    .mg-grid-title {
        line-height: 30px
    }

    .mg-grid-item {
        height: auto !important
    }

    .mg-grid-item-inner {
        position: relative
    }

    .mg-grid-item-content {
        padding: 40px 40px 40px 40px !important
    }

    .mg-grid-item-content-top {
        min-height: auto !important
    }

    .mg-grid-item-img {
        display: block;
        position: relative;
        width: 100% !important
    }

    .mg-grid-item-content {
        display: block !important;
        width: 100% !important
    }

    .mg-grid-item-tag {
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        margin-top: 40px
    }

    .mg-grid-item-arrow {
        bottom: 45px
    }

    .mg-grid-item-title {
        font-size: 25px !important;
        line-height: 25px !important
    }

    .mg-grid-title {
        font-size: 20px
    }

    .mg-grid-wrapper {
        margin-top: 50px
    }

    .mg-grid-title {
        padding-top: 50px
    }
}

.m-article {
    border: 1px solid #e8ebf2
}

.mga-article {
    border-bottom: 1px solid #acacac
}

.mga-bread {
    position: absolute;
    right: 40px;
    padding-right: 20px;
    top: 38px
}

a.mga-bread-item:hover {
    color: #2aacf0
}

    a.mga-bread-item:hover span:after, a.mga-bread-item:hover span:before {
        background-color: #2aacf0
    }

.mga-bread-item {
    display: inline-block;
    color: #193a83;
    text-decoration: none;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-right: 3px
}

    .mga-bread-item:after {
        content: ">";
        color: #193a83 !important;
        display: inline-block;
        margin-left: 5px;
        margin-right: 2px
    }

    .mga-bread-item:last-child:after {
        display: none
    }

    .mga-bread-item span {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        position: relative;
        position: absolute;
        right: 0;
        top: -5px;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

        .mga-bread-item span:after, .mga-bread-item span:before {
            content: "";
            display: block;
            width: 15px;
            height: 1px;
            background-color: #193a83;
            position: absolute;
            top: 9px;
            left: 3px;
            -webkit-transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: background 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .mga-bread-item span:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .mga-bread-item span:before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.mga-nav {
    padding-top: 38px;
    padding-left: 20px
}

.mga-nav-item {
    color: #193a83;
    text-decoration: none;
    -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

    .mga-nav-item:hover {
        color: #2aacf0
    }

    .mga-nav-item:nth-child(1) {
        padding-right: 15px
    }

    .mga-nav-item:last-child {
        padding-left: 15px
    }

.mga-article {
    margin-top: 100px;
    padding-left: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 920px
}

.mga-article-rs {
    position: absolute;
    left: 0;
    top: 2px
}

.mga-article-rs-item {
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: relative
}

    .mga-article-rs-item .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 25px;
        height: 25px;
        fill: #004b99;
        -webkit-transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .mga-article-rs-item .icon-weibo path {
        -webkit-transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: fill 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .mga-article-rs-item:hover .icon {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    .mga-article-rs-item:hover .icon-facebook {
        fill: #3c5a9a
    }

    .mga-article-rs-item:hover .icon-twitter {
        fill: #00aced
    }

    .mga-article-rs-item:hover .icon-weibo .red {
        fill: #d52b2b !important
    }

    .mga-article-rs-item:hover .icon-weibo .orange {
        fill: #ff9933 !important
    }

    .mga-article-rs-item:hover .icon-weibo .black {
        fill: #000000 !important
    }

    .mga-article-rs-item:hover .icon-wechat {
        fill: #51c232
    }

.mga-article-wrapper {
    width: 100%;
    text-align: left
}

.mga-article-title {
    text-align: left;
    max-width: 100%;
    font-size: 45px;
    line-height: 50px;
    color: #004b99;
    letter-spacing: -0.025em;
    margin-bottom: 10px
}

.mga-article-date {
    font-size: 24px;
    line-height: 28px
}

.mga-article-content {
    margin-top: 70px;
    color: #004b99
}

.mga-article-tags {
    font-size: 0;
    margin-top: 70px;
    margin-bottom: 65px
}

.mga-article-tags-item {
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    border: 1px solid #d1d7e6;
    padding: 0 25px;
    margin-right: 20px;
    min-width: 180px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    -webkit-transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: border 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration: none;
    color: #004b99;
    margin-bottom: 20px
}

    .mga-article-tags-item:hover {
        border-color: #193a83
    }

@media (max-width: 1025px) {
    .mga-nav {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
        right: auto;
        top: -60px
    }

    .mga-nav-item {
        position: absolute
    }

        .mga-nav-item:first-child {
            left: 80px
        }

        .mga-nav-item:last-child {
            right: 80px
        }

    .mga-bread {
        display: none
    }

    .mga-article {
        padding-left: 0;
        width: 100%;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 90px
    }

    .mga-article-title, .mga-article-date {
        text-align: center
    }

    .mga-article-title {
        margin-bottom: 15px
    }

    .mga-article-date {
        font-size: 14px
    }

    .mga-article-content {
        max-width: 640px;
        margin: 0 auto;
        margin-top: 60px
    }

        .mga-article-content iframe, .mga-article-content video, .mga-article-content img {
            width: 100%
        }

    .mga-article-tags {
        max-width: 640px;
        margin: 0 auto;
        margin-top: 65px
    }

    .mga-article-tags-item {
        font-size: 14px
    }

    .mga-article-rs {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .mga-article-rs-item {
        width: 60px
    }

        .mga-article-rs-item .icon {
            margin-top: -10px;
            margin-left: -10px;
            width: 20px;
            height: 20px
        }
}

@media (max-width: 736px) {
    .mga-top {
        height: 45vh
    }

    .mga-article-rs-item {
        width: 55px
    }

    .mga-nav-item:first-child {
        left: 20px
    }

    .mga-nav-item:last-child {
        right: 20px
    }

    .mga-article {
        padding-top: 0px;
        padding-bottom: 50px
    }

    .mga-article-title {
        font-size: 28px;
        line-height: 30px
    }

    .mga-article-content {
        margin-top: 40px
    }

        .mga-article-content iframe, .mga-article-content video, .mga-article-content img {
            width: 100%
        }

        .mga-article-content iframe, .mga-article-content video {
            height: 200px
        }

    .mga-article-tags {
        margin-top: 20px
    }

    .mga-article-tags-item {
        font-size: 14px;
        line-height: 40px;
        min-width: 100px
    }
}

.he-top-wrapper {
    height: 100%;
    margin-left: 2%;
}

.he-top-bg-img-mobile {
    display: none
}

.he-top-bg-img-desktop {
    position: absolute;
    bottom: 0 !important
}

.he-top-title {
    width: 50%;
    /*left: -29%;*/
    text-align: left
}

.he-content {
    position: relative;
    padding: 130px 0 160px 0;
    overflow: hidden
}

    .he-content .bg-blue .mask {
        height: 100%
    }

.he-content-wrapper {
    max-width: 560px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #fff
}

.he-content-item {
    position: relative
}

    .he-content-item:before {
        content: "";
        display: block;
        width: 1px;
        height: 140px;
        background-color: #041e42;
        position: absolute;
        left: 50%;
        top: -150px
    }

    .he-content-item:nth-child(2) {
        margin-bottom: 340px
    }

        .he-content-item:nth-child(2) .he-content-img-1 {
            left: calc(50% - 105px);
            top: 85px;
            position: relative;
            height: 351px;
            width: 687px
        }

            .he-content-item:nth-child(2) .he-content-img-1 img {
                position: absolute;
                top: 0;
                left: 0
            }

        .he-content-item:nth-child(2) .he-content-img-2 {
            left: calc(50% - 720px);
            bottom: -480px
        }

        .he-content-item:nth-child(2):before {
            display: none
        }

    .he-content-item:nth-child(3) {
        margin-bottom: 340px
    }

        .he-content-item:nth-child(3) .he-content-img-1 {
            right: calc(50% - 720px);
            top: 140px
        }

        .he-content-item:nth-child(3):before {
            top: -255px
        }

    .he-content-item:nth-child(4) {
        margin-bottom: 180px
    }

        .he-content-item:nth-child(4) .he-content-img {
            right: calc(50% - 720px);
            top: -510px
        }

        .he-content-item:nth-child(4):before {
            top: -240px
        }

.he-content-img {
    position: absolute
}

.he-content-title {
    margin-bottom: 35px;
    color: #fff
}

    .he-content-title strong {
        color: #56c5ff
    }

.he-content-item-last .he-content-wrapper {
    max-width: 900px;
    height: 477px
}

    .he-content-item-last .he-content-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

.he-content-item-last:before {
    top: -80px
}

@media (max-width: 1280px) {
    .he-top-title {
        left: 0%
    }
}

@media (max-width: 1025px) {
    .heritage {
        border-bottom: 1px solid #ccdbeb
    }

    .he-top-title {
        top: 32%
    }

    .he-top {
        height: 80vh !important
    }

    .he-content {
        padding-top: 150px
    }

    .he-top-title {
        left: 0;
        width: 100%;
        text-align: center;
        top: 45%
    }

        .he-top-title strong {
            display: block
        }

    .he-top-bg-img-desktop {
        display: none
    }

    .he-top-bg-img-mobile {
        display: block
    }

    .he-content-item {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 100px !important;
        width: calc(100% - 40px)
    }

        .he-content-item:before {
            display: none
        }

        .he-content-item.he-content-item-last {
            max-width: 530px
        }

            .he-content-item.he-content-item-last:before {
                display: block;
                height: 40px;
                top: -40px
            }

            .he-content-item.he-content-item-last .he-content-wrapper {
                padding-bottom: 52.83%;
                height: 0
            }

        .he-content-item:nth-child(2) .he-content-img-1 {
            height: auto;
            width: auto
        }

            .he-content-item:nth-child(2) .he-content-img-1 img {
                position: relative;
                width: 100%
            }

    .he-content-title {
        font-size: 40px;
        line-height: 45px
    }

    .he-content-img {
        display: inline-block;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 auto;
        margin-top: 90px;
        position: relative
    }

        .he-content-img:before, .he-content-img:after {
            content: "";
            display: block;
            width: 1px;
            height: 40px;
            background-color: #2aacf0;
            position: absolute;
            left: 50%
        }

        .he-content-img:before {
            top: -40px
        }

        .he-content-img:after {
            bottom: -40px
        }

        .he-content-img img {
            z-index: 2;
            position: relative
        }

    .he-content-img-2 {
        display: none
    }

    .he-content-img {
        width: 100%
    }

        .he-content-img img {
            max-width: 100%;
            margin: 0 auto
        }

    .he-content {
        padding-bottom: 80px
    }
}

@media (max-width: 980px) {
    .he-top-bg-img {
        top: 0
    }

    .he-top-title {
        top: 35%
    }

    .heritage {
        border: 1px solid #e8ebf2
    }
}

@media (max-width: 736px) {
    .he-content {
        padding-top: 80px;
        padding-bottom: 40px
    }

    .he-top-title {
        top: 32%
    }

    .he-content-title {
        font-size: 28px;
        line-height: 30px
    }

    .he-content-img {
        margin-top: 60px
    }

    .he-content-item {
        margin-bottom: 60px !important
    }
}

@media (max-width: 736px) and (orientation: landscape) {
    .he-top-title {
        top: 40%
    }

    .he-top {
        min-height: 600px
    }
}

.animate .he-content-item:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.animate .he-content-item .he-content-img {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0)
}

.animate .he-content-item.he-content-item-last {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0)
}

.animate .he-content-item.visible.he-content-item-last {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s
}

.animate .he-content-item.visible:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .he-content-item.visible .he-content-img {
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

    .animate .he-content-item.visible .he-content-img:nth-child(1) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(2) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(3) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(4) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(5) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(6) {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(7) {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(8) {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(9) {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(10) {
        -webkit-transition-delay: 2s;
        transition-delay: 2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(11) {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(12) {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(13) {
        -webkit-transition-delay: 2.6s;
        transition-delay: 2.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(14) {
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(15) {
        -webkit-transition-delay: 3s;
        transition-delay: 3s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(16) {
        -webkit-transition-delay: 3.2s;
        transition-delay: 3.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(17) {
        -webkit-transition-delay: 3.4s;
        transition-delay: 3.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(18) {
        -webkit-transition-delay: 3.6s;
        transition-delay: 3.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(19) {
        -webkit-transition-delay: 3.8s;
        transition-delay: 3.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(20) {
        -webkit-transition-delay: 4s;
        transition-delay: 4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(21) {
        -webkit-transition-delay: 4.2s;
        transition-delay: 4.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(22) {
        -webkit-transition-delay: 4.4s;
        transition-delay: 4.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(23) {
        -webkit-transition-delay: 4.6s;
        transition-delay: 4.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(24) {
        -webkit-transition-delay: 4.8s;
        transition-delay: 4.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(25) {
        -webkit-transition-delay: 5s;
        transition-delay: 5s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(26) {
        -webkit-transition-delay: 5.2s;
        transition-delay: 5.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(27) {
        -webkit-transition-delay: 5.4s;
        transition-delay: 5.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(28) {
        -webkit-transition-delay: 5.6s;
        transition-delay: 5.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(29) {
        -webkit-transition-delay: 5.8s;
        transition-delay: 5.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(30) {
        -webkit-transition-delay: 6s;
        transition-delay: 6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(31) {
        -webkit-transition-delay: 6.2s;
        transition-delay: 6.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(32) {
        -webkit-transition-delay: 6.4s;
        transition-delay: 6.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(33) {
        -webkit-transition-delay: 6.6s;
        transition-delay: 6.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(34) {
        -webkit-transition-delay: 6.8s;
        transition-delay: 6.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(35) {
        -webkit-transition-delay: 7s;
        transition-delay: 7s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(36) {
        -webkit-transition-delay: 7.2s;
        transition-delay: 7.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(37) {
        -webkit-transition-delay: 7.4s;
        transition-delay: 7.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(38) {
        -webkit-transition-delay: 7.6s;
        transition-delay: 7.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(39) {
        -webkit-transition-delay: 7.8s;
        transition-delay: 7.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(40) {
        -webkit-transition-delay: 8s;
        transition-delay: 8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(41) {
        -webkit-transition-delay: 8.2s;
        transition-delay: 8.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(42) {
        -webkit-transition-delay: 8.4s;
        transition-delay: 8.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(43) {
        -webkit-transition-delay: 8.6s;
        transition-delay: 8.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(44) {
        -webkit-transition-delay: 8.8s;
        transition-delay: 8.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(45) {
        -webkit-transition-delay: 9s;
        transition-delay: 9s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(46) {
        -webkit-transition-delay: 9.2s;
        transition-delay: 9.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(47) {
        -webkit-transition-delay: 9.4s;
        transition-delay: 9.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(48) {
        -webkit-transition-delay: 9.6s;
        transition-delay: 9.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(49) {
        -webkit-transition-delay: 9.8s;
        transition-delay: 9.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(50) {
        -webkit-transition-delay: 10s;
        transition-delay: 10s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(51) {
        -webkit-transition-delay: 10.2s;
        transition-delay: 10.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(52) {
        -webkit-transition-delay: 10.4s;
        transition-delay: 10.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(53) {
        -webkit-transition-delay: 10.6s;
        transition-delay: 10.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(54) {
        -webkit-transition-delay: 10.8s;
        transition-delay: 10.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(55) {
        -webkit-transition-delay: 11s;
        transition-delay: 11s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(56) {
        -webkit-transition-delay: 11.2s;
        transition-delay: 11.2s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(57) {
        -webkit-transition-delay: 11.4s;
        transition-delay: 11.4s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(58) {
        -webkit-transition-delay: 11.6s;
        transition-delay: 11.6s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(59) {
        -webkit-transition-delay: 11.8s;
        transition-delay: 11.8s
    }

    .animate .he-content-item.visible .he-content-img:nth-child(60) {
        -webkit-transition-delay: 12s;
        transition-delay: 12s
    }

.product {
    overflow: hidden
}

.pr-top {
    overflow: visible;
    font-size: 0;
    height: 100vh;
    min-height: 900px;
    margin-bottom: -180px
}

    .pr-top:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 4px;
        left: 0;
        z-index: 20;
        background: #fff
    }

    .pr-top .bg-blue .mask {
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill
    }

.pr-top-wrapper {
    top: 10%;
    position: relative
}

.pr-top-desc {
    font-size: 16px;
    line-height: 25px;
    color: #003da5;
    opacity: 0.8
}

.pr-top-left {
    position: relative;
    display: inline-block;
    width: 55%;
    vertical-align: bottom
}

.pr-top-right {
    position: relative;
    display: inline-block;
    width: 45%;
    vertical-align: bottom;
    top: -80px
}

.pr-top-title-cont {
    position: relative;
    display: block;
    margin-bottom: 65px
}

    .pr-top-title-cont:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -30px;
        background-color: #003da5;
        opacity: 0.5;
        width: 100%;
        height: 1px;
        max-width: 380px
    }

.pr-top-title {
    font-size: 104px;
    line-height: 104px;
    margin-bottom: 10px;
    position: relative;
    left: -10px
}

    .pr-top-title strong {
        color: #004b99 !important
    }

.pr-top-sub {
    font-size: 30px;
    text-align: left;
    line-height: 30px;
    position: relative
}

.pr-top-nav {
    position: absolute;
    width: 100%;
    top: 43%
}

.pr-top-img {
    margin: 0 auto;
    width: 300px;
    height: 600px;
    position: relative
}

@media (max-width: 1025px) {
    .pr-top {
        text-align: center;
        height: auto;
        margin-bottom: 0;
        padding-top: 70px;
        min-height: auto
    }

    .pr-top-img {
        margin-bottom: 100px
    }

    .pr-top-left, .pr-top-right {
        display: block;
        width: 100%
    }

    .pr-top-left {
        max-width: 347px;
        margin: 0 auto
    }

    .pr-top-nav {
        z-index: 10;
        top: 38%
    }

    .pr-top-title-cont:after {
        display: none
    }

    .pr-top-title {
        margin-top: 20px;
        margin-bottom: 25px;
        font-size: 70px;
        line-height: 75px;
        display: inline-block;
        color: #193a83 !important
    }

        .pr-top-title strong {
            color: #2aacf0 !important
        }

    .pr-top-sub {
        text-align: center;
        width: 100%;
        margin-top: -20px
    }
}

@media (max-width: 736px) {
    .pr-top-left {
        max-width: 240px
    }

    .pr-top-img {
        width: 150px;
        height: 300px
    }

    .pr-top-title {
        font-size: 40px;
        line-height: 50px
    }

    .pr-top-sub {
        font-size: 20px;
        line-height: 24px
    }

    .pr-top-nav {
        z-index: 10;
        top: 35%
    }
}

.animate .pr-top .pr-top-desc {
    opacity: 0
}

.animate .pr-top .pr-top-title-cont:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0
}

.animate .pr-top .pr-top-img {
    -webkit-transform: translateY(280px);
    transform: translateY(280px);
    opacity: 0
}

    .animate .pr-top .pr-top-img .pr-img-g {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .animate .pr-top .pr-top-img .pr-img-s {
        opacity: 0
    }

    .animate .pr-top .pr-top-img .pr-img-f-cont {
        -webkit-transform: translate3d(0, 120px, 0);
        transform: translate3d(0, 120px, 0);
        opacity: 0
    }

.animate .pr-top.visible .pr-top-title span:nth-child(1) {
    -webkit-transition-delay: 1.12s !important;
    transition-delay: 1.12s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(2) {
    -webkit-transition-delay: 1.24s !important;
    transition-delay: 1.24s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(3) {
    -webkit-transition-delay: 1.36s !important;
    transition-delay: 1.36s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(4) {
    -webkit-transition-delay: 1.48s !important;
    transition-delay: 1.48s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(5) {
    -webkit-transition-delay: 1.6s !important;
    transition-delay: 1.6s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(6) {
    -webkit-transition-delay: 1.72s !important;
    transition-delay: 1.72s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(7) {
    -webkit-transition-delay: 1.84s !important;
    transition-delay: 1.84s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(8) {
    -webkit-transition-delay: 1.96s !important;
    transition-delay: 1.96s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(9) {
    -webkit-transition-delay: 2.08s !important;
    transition-delay: 2.08s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(10) {
    -webkit-transition-delay: 2.2s !important;
    transition-delay: 2.2s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(11) {
    -webkit-transition-delay: 2.32s !important;
    transition-delay: 2.32s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(12) {
    -webkit-transition-delay: 2.44s !important;
    transition-delay: 2.44s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(13) {
    -webkit-transition-delay: 2.56s !important;
    transition-delay: 2.56s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(14) {
    -webkit-transition-delay: 2.68s !important;
    transition-delay: 2.68s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(15) {
    -webkit-transition-delay: 2.8s !important;
    transition-delay: 2.8s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(16) {
    -webkit-transition-delay: 2.92s !important;
    transition-delay: 2.92s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(17) {
    -webkit-transition-delay: 3.04s !important;
    transition-delay: 3.04s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(18) {
    -webkit-transition-delay: 3.16s !important;
    transition-delay: 3.16s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(19) {
    -webkit-transition-delay: 3.28s !important;
    transition-delay: 3.28s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(20) {
    -webkit-transition-delay: 3.4s !important;
    transition-delay: 3.4s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(21) {
    -webkit-transition-delay: 3.52s !important;
    transition-delay: 3.52s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(22) {
    -webkit-transition-delay: 3.64s !important;
    transition-delay: 3.64s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(23) {
    -webkit-transition-delay: 3.76s !important;
    transition-delay: 3.76s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(24) {
    -webkit-transition-delay: 3.88s !important;
    transition-delay: 3.88s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(25) {
    -webkit-transition-delay: 4s !important;
    transition-delay: 4s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(26) {
    -webkit-transition-delay: 4.12s !important;
    transition-delay: 4.12s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(27) {
    -webkit-transition-delay: 4.24s !important;
    transition-delay: 4.24s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(28) {
    -webkit-transition-delay: 4.36s !important;
    transition-delay: 4.36s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(29) {
    -webkit-transition-delay: 4.48s !important;
    transition-delay: 4.48s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(30) {
    -webkit-transition-delay: 4.6s !important;
    transition-delay: 4.6s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(31) {
    -webkit-transition-delay: 4.72s !important;
    transition-delay: 4.72s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(32) {
    -webkit-transition-delay: 4.84s !important;
    transition-delay: 4.84s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(33) {
    -webkit-transition-delay: 4.96s !important;
    transition-delay: 4.96s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(34) {
    -webkit-transition-delay: 5.08s !important;
    transition-delay: 5.08s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(35) {
    -webkit-transition-delay: 5.2s !important;
    transition-delay: 5.2s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(36) {
    -webkit-transition-delay: 5.32s !important;
    transition-delay: 5.32s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(37) {
    -webkit-transition-delay: 5.44s !important;
    transition-delay: 5.44s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(38) {
    -webkit-transition-delay: 5.56s !important;
    transition-delay: 5.56s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(39) {
    -webkit-transition-delay: 5.68s !important;
    transition-delay: 5.68s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(40) {
    -webkit-transition-delay: 5.8s !important;
    transition-delay: 5.8s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(41) {
    -webkit-transition-delay: 5.92s !important;
    transition-delay: 5.92s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(42) {
    -webkit-transition-delay: 6.04s !important;
    transition-delay: 6.04s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(43) {
    -webkit-transition-delay: 6.16s !important;
    transition-delay: 6.16s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(44) {
    -webkit-transition-delay: 6.28s !important;
    transition-delay: 6.28s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(45) {
    -webkit-transition-delay: 6.4s !important;
    transition-delay: 6.4s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(46) {
    -webkit-transition-delay: 6.52s !important;
    transition-delay: 6.52s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(47) {
    -webkit-transition-delay: 6.64s !important;
    transition-delay: 6.64s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(48) {
    -webkit-transition-delay: 6.76s !important;
    transition-delay: 6.76s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(49) {
    -webkit-transition-delay: 6.88s !important;
    transition-delay: 6.88s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(50) {
    -webkit-transition-delay: 7s !important;
    transition-delay: 7s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(51) {
    -webkit-transition-delay: 7.12s !important;
    transition-delay: 7.12s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(52) {
    -webkit-transition-delay: 7.24s !important;
    transition-delay: 7.24s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(53) {
    -webkit-transition-delay: 7.36s !important;
    transition-delay: 7.36s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(54) {
    -webkit-transition-delay: 7.48s !important;
    transition-delay: 7.48s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(55) {
    -webkit-transition-delay: 7.6s !important;
    transition-delay: 7.6s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(56) {
    -webkit-transition-delay: 7.72s !important;
    transition-delay: 7.72s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(57) {
    -webkit-transition-delay: 7.84s !important;
    transition-delay: 7.84s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(58) {
    -webkit-transition-delay: 7.96s !important;
    transition-delay: 7.96s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(59) {
    -webkit-transition-delay: 8.08s !important;
    transition-delay: 8.08s !important
}

.animate .pr-top.visible .pr-top-title span:nth-child(60) {
    -webkit-transition-delay: 8.2s !important;
    transition-delay: 8.2s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(1) {
    -webkit-transition-delay: 1.32s !important;
    transition-delay: 1.32s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(2) {
    -webkit-transition-delay: 1.44s !important;
    transition-delay: 1.44s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(3) {
    -webkit-transition-delay: 1.56s !important;
    transition-delay: 1.56s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(4) {
    -webkit-transition-delay: 1.68s !important;
    transition-delay: 1.68s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(5) {
    -webkit-transition-delay: 1.8s !important;
    transition-delay: 1.8s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(6) {
    -webkit-transition-delay: 1.92s !important;
    transition-delay: 1.92s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(7) {
    -webkit-transition-delay: 2.04s !important;
    transition-delay: 2.04s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(8) {
    -webkit-transition-delay: 2.16s !important;
    transition-delay: 2.16s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(9) {
    -webkit-transition-delay: 2.28s !important;
    transition-delay: 2.28s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(10) {
    -webkit-transition-delay: 2.4s !important;
    transition-delay: 2.4s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(11) {
    -webkit-transition-delay: 2.52s !important;
    transition-delay: 2.52s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(12) {
    -webkit-transition-delay: 2.64s !important;
    transition-delay: 2.64s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(13) {
    -webkit-transition-delay: 2.76s !important;
    transition-delay: 2.76s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(14) {
    -webkit-transition-delay: 2.88s !important;
    transition-delay: 2.88s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(15) {
    -webkit-transition-delay: 3s !important;
    transition-delay: 3s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(16) {
    -webkit-transition-delay: 3.12s !important;
    transition-delay: 3.12s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(17) {
    -webkit-transition-delay: 3.24s !important;
    transition-delay: 3.24s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(18) {
    -webkit-transition-delay: 3.36s !important;
    transition-delay: 3.36s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(19) {
    -webkit-transition-delay: 3.48s !important;
    transition-delay: 3.48s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(20) {
    -webkit-transition-delay: 3.6s !important;
    transition-delay: 3.6s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(21) {
    -webkit-transition-delay: 3.72s !important;
    transition-delay: 3.72s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(22) {
    -webkit-transition-delay: 3.84s !important;
    transition-delay: 3.84s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(23) {
    -webkit-transition-delay: 3.96s !important;
    transition-delay: 3.96s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(24) {
    -webkit-transition-delay: 4.08s !important;
    transition-delay: 4.08s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(25) {
    -webkit-transition-delay: 4.2s !important;
    transition-delay: 4.2s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(26) {
    -webkit-transition-delay: 4.32s !important;
    transition-delay: 4.32s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(27) {
    -webkit-transition-delay: 4.44s !important;
    transition-delay: 4.44s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(28) {
    -webkit-transition-delay: 4.56s !important;
    transition-delay: 4.56s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(29) {
    -webkit-transition-delay: 4.68s !important;
    transition-delay: 4.68s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(30) {
    -webkit-transition-delay: 4.8s !important;
    transition-delay: 4.8s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(31) {
    -webkit-transition-delay: 4.92s !important;
    transition-delay: 4.92s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(32) {
    -webkit-transition-delay: 5.04s !important;
    transition-delay: 5.04s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(33) {
    -webkit-transition-delay: 5.16s !important;
    transition-delay: 5.16s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(34) {
    -webkit-transition-delay: 5.28s !important;
    transition-delay: 5.28s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(35) {
    -webkit-transition-delay: 5.4s !important;
    transition-delay: 5.4s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(36) {
    -webkit-transition-delay: 5.52s !important;
    transition-delay: 5.52s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(37) {
    -webkit-transition-delay: 5.64s !important;
    transition-delay: 5.64s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(38) {
    -webkit-transition-delay: 5.76s !important;
    transition-delay: 5.76s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(39) {
    -webkit-transition-delay: 5.88s !important;
    transition-delay: 5.88s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(40) {
    -webkit-transition-delay: 6s !important;
    transition-delay: 6s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(41) {
    -webkit-transition-delay: 6.12s !important;
    transition-delay: 6.12s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(42) {
    -webkit-transition-delay: 6.24s !important;
    transition-delay: 6.24s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(43) {
    -webkit-transition-delay: 6.36s !important;
    transition-delay: 6.36s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(44) {
    -webkit-transition-delay: 6.48s !important;
    transition-delay: 6.48s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(45) {
    -webkit-transition-delay: 6.6s !important;
    transition-delay: 6.6s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(46) {
    -webkit-transition-delay: 6.72s !important;
    transition-delay: 6.72s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(47) {
    -webkit-transition-delay: 6.84s !important;
    transition-delay: 6.84s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(48) {
    -webkit-transition-delay: 6.96s !important;
    transition-delay: 6.96s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(49) {
    -webkit-transition-delay: 7.08s !important;
    transition-delay: 7.08s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(50) {
    -webkit-transition-delay: 7.2s !important;
    transition-delay: 7.2s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(51) {
    -webkit-transition-delay: 7.32s !important;
    transition-delay: 7.32s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(52) {
    -webkit-transition-delay: 7.44s !important;
    transition-delay: 7.44s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(53) {
    -webkit-transition-delay: 7.56s !important;
    transition-delay: 7.56s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(54) {
    -webkit-transition-delay: 7.68s !important;
    transition-delay: 7.68s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(55) {
    -webkit-transition-delay: 7.8s !important;
    transition-delay: 7.8s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(56) {
    -webkit-transition-delay: 7.92s !important;
    transition-delay: 7.92s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(57) {
    -webkit-transition-delay: 8.04s !important;
    transition-delay: 8.04s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(58) {
    -webkit-transition-delay: 8.16s !important;
    transition-delay: 8.16s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(59) {
    -webkit-transition-delay: 8.28s !important;
    transition-delay: 8.28s !important
}

.animate .pr-top.visible .pr-top-sub span:nth-child(60) {
    -webkit-transition-delay: 8.4s !important;
    transition-delay: 8.4s !important
}

.animate .pr-top.visible .pr-top-desc {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.7s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.7s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.7s;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.7s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s
}

.animate .pr-top.visible .pr-top-title-cont:after {
    opacity: 0.5;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s, -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.7s;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.animate .pr-top.visible .pr-top-img {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .7s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .7s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .7s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .7s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) .7s
}

    .animate .pr-top.visible .pr-top-img .pr-img-g {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
        -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1) .5s;
        transition: -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1) .5s;
        transition: transform 1.1s cubic-bezier(0.77, 0, 0.175, 1) .5s;
        transition: transform 1.1s cubic-bezier(0.77, 0, 0.175, 1) .5s, -webkit-transform 1.1s cubic-bezier(0.77, 0, 0.175, 1) .5s
    }

    .animate .pr-top.visible .pr-top-img .pr-img-s {
        opacity: 1;
        transition: opacity 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s
    }

    .animate .pr-top.visible .pr-top-img .pr-img-f-cont {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
        -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .9s;
        transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .9s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .9s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .9s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) .9s,-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) .9s
    }

.pr-products {
    position: relative;
    z-index: 20;
    font-size: 0
}

    .pr-products.col-2 .pr-products-inner {
        max-width: 800px;
        margin: 0 auto
    }

    .pr-products.col-2 .pr-products-item {
        width: calc(100%/2)
    }

        .pr-products.col-2 .pr-products-item:after, .pr-products.col-2 .pr-products-item:before {
            display: none !important
        }

    .pr-products.col-1 .pr-products-inner {
        max-width: 800px;
        margin: 0 auto
    }

    .pr-products.col-1 .pr-products-item {
        width: 100%
    }

        .pr-products.col-1 .pr-products-item:after, .pr-products.col-1 .pr-products-item:before {
            display: none !important
        }

.pr-products-item {
    display: inline-block;
    width: calc(100% / 3);
    text-align: center;
    text-decoration: none;
    position: relative
}

    .pr-products-item:hover .pr-img-f-cont {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    .pr-products-item:hover .pr-img-b-cont {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }

    .pr-products-item:hover .pr-img-o-cont {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }

    .pr-products-item:hover .pr-products-item-title-main:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .pr-products-item:hover.underline .pr-products-item-img img {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }

    .pr-products-item.underline {
        pointer-events: none
    }

        .pr-products-item.underline .pr-products-item-title-main:after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

        .pr-products-item.underline .pr-products-item-img {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .pr-products-item.underline:after, .pr-products-item.underline:before {
            content: "";
            display: block;
            position: absolute;
            height: 1px;
            width: 20%;
            top: 200px;
            background-color: #2aacf0
        }

        .pr-products-item.underline:after {
            left: 0;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .pr-products-item.underline:before {
            right: 0;
            -webkit-transform: translateX(50%);
            transform: translateX(50%)
        }

.pr-products-item-img {
    display: inline-block;
    width: 80px;
    height: 160px;
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

    .pr-products-item-img .pr-img-b-cont {
        -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .pr-products-item-img .pr-img-o-cont {
        -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .pr-products-item-img .pr-img-f-cont {
        -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.pr-products-item-title {
    text-transform: uppercase;
    text-align: center
}

    .pr-products-item-title span {
        display: inline-block
    }

.pr-products-item-title-main {
    font-size: 30px;
    line-height: 40px;
    color: #193a83;
    display: inline-block;
    position: relative
}

    .pr-products-item-title-main:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 2px;
        background-color: #6384b5;
        width: 100%;
        height: 1px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

.pr-products-item-title-sub {
    font-size: 20px;
    line-height: 30px;
    color: #2aacf0
}

@media (max-width: 1025px) {
    .pr-products {
        position: absolute;
        top: 250px;
        z-index: 2;
        overflow: hidden;
        width: 100%
    }

        .pr-products .wrapper-1440 {
            padding: 0 !important
        }

        .pr-products.col-2 .pr-products-inner {
            max-width: 100%;
            left: 0 !important;
            height: 240px;
            overflow: visible
        }

        .pr-products.col-2 .pr-products-item {
            position: absolute;
            right: -26%
        }

    .pr-products-inner {
        position: relative;
        top: 0;
        width: 156%;
        left: -28%;
        height: 100%
    }

    .pr-products-item {
        height: 280px
    }

        .pr-products-item.underline {
            visibility: hidden;
            pointer-events: none
        }

        .pr-products-item:first-child {
            position: absolute;
            left: 0
        }

        .pr-products-item:last-child {
            position: absolute;
            right: 0
        }

        .pr-products-item:hover .pr-img-f-cont {
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0)
        }

        .pr-products-item:hover .pr-img-b-cont {
            -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0)
        }

        .pr-products-item:hover .pr-products-item-title-main:after {
            -webkit-transform: scaleX(0);
            transform: scaleX(0)
        }

    .pr-products-item-img {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%
    }

    .pr-products-item-title {
        display: none
    }
}

@media (max-width: 736px) {
    .pr-products {
        top: 160px
    }

    .pr-products {
        top: 180px
    }

    .pr-products-item-img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%
    }
}

.animate .pr-products .pr-products-item:after {
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0)
}

.animate .pr-products .pr-products-item:before {
    -webkit-transform: translateX(50%) scaleX(0);
    transform: translateX(50%) scaleX(0)
}

.animate .pr-products .pr-products-item .pr-img-inner {
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
    opacity: 0
}

.animate .pr-products .pr-products-item .pr-products-item-title-main, .animate .pr-products .pr-products-item .pr-products-item-title-sub {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .pr-products.visible.show .pr-products-item:after {
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s
}

.animate .pr-products.visible.show .pr-products-item:before {
    -webkit-transform: translateX(50%) scaleX(1);
    transform: translateX(50%) scaleX(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s
}

.animate .pr-products.visible.show .pr-products-item .pr-img-inner, .animate .pr-products.visible.show .pr-products-item .pr-products-item-title-main, .animate .pr-products.visible.show .pr-products-item .pr-products-item-title-sub {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .pr-products.visible.show .pr-products-item:nth-child(1) .pr-img-inner {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(1) .pr-products-item-img {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(1) .pr-products-item-title-main {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(1) .pr-products-item-title-sub {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(2) .pr-img-inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(2) .pr-products-item-img {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(2) .pr-products-item-title-main {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(2) .pr-products-item-title-sub {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(3) .pr-img-inner {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(3) .pr-products-item-img {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(3) .pr-products-item-title-main {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s
}

.animate .pr-products.visible.show .pr-products-item:nth-child(3) .pr-products-item-title-sub {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.pr-infos {
    font-size: 0;
    padding: 125px 0 140px 0
}

.pr-infos-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 24px;
    line-height: 40px;
    /*text-transform: uppercase;*/
    color: #041e42;
}

.pr-infos-right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 125px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pr-infos-title {
    position: relative;
    display: inline-block;
    margin-bottom: 20px
}

    .pr-infos-title:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 4px;
        width: 100%;
        height: 1px;
        opacity: 0.2;
        background-color: #004b99
    }

.pr-infos-item-title {
    display: inline-block;
    color: #003da5;
    width: 160px
}

.pr-infos-item-value {
    display: inline-block
}

@media (max-width: 1025px) {
    .pr-infos {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 90px
    }

    .pr-infos-left {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 55px;
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 26px;
        max-width: 600px
    }

    .pr-infos-right {
        padding-left: 0;
        display: inline-block;
        text-align: left;
        width: auto
    }

    .pr-infos-title {
        margin-bottom: 30px
    }

    .pr-infos-title, .pr-infos-item {
        text-align: left;
        font-size: 15px;
        line-height: 28px
    }

    .pr-infos-item-title, .pr-infos-item-value {
        font-size: 15px;
        line-height: 26px
    }
}

@media (max-width: 736px) {
    .pr-infos {
        padding-bottom: 55px
    }

    .pr-infos-left {
        font-size: 14px;
        line-height: 22px
    }

    .pr-infos-title {
        margin-bottom: 10px
    }

    .pr-infos-title, .pr-infos-item, .pr-infos-item-title, .pr-infos-item-value {
        font-size: 14px;
        line-height: 22px
    }
}

.animate .pr-infos .pr-infos-left {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 0
}

.animate .pr-infos .pr-infos-title, .animate .pr-infos .pr-infos-item {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .pr-infos.visible .pr-infos-left {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    -webkit-transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .pr-infos.visible .pr-infos-title, .animate .pr-infos.visible .pr-infos-item {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s
}

    .animate .pr-infos.visible .pr-infos-item:nth-child(1) {
        -webkit-transition-delay: 0.38s;
        transition-delay: 0.38s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(2) {
        -webkit-transition-delay: 0.46s;
        transition-delay: 0.46s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(3) {
        -webkit-transition-delay: 0.54s;
        transition-delay: 0.54s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(4) {
        -webkit-transition-delay: 0.62s;
        transition-delay: 0.62s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(5) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(6) {
        -webkit-transition-delay: 0.78s;
        transition-delay: 0.78s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(7) {
        -webkit-transition-delay: 0.86s;
        transition-delay: 0.86s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(8) {
        -webkit-transition-delay: 0.94s;
        transition-delay: 0.94s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(9) {
        -webkit-transition-delay: 1.02s;
        transition-delay: 1.02s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(10) {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(11) {
        -webkit-transition-delay: 1.18s;
        transition-delay: 1.18s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(12) {
        -webkit-transition-delay: 1.26s;
        transition-delay: 1.26s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(13) {
        -webkit-transition-delay: 1.34s;
        transition-delay: 1.34s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(14) {
        -webkit-transition-delay: 1.42s;
        transition-delay: 1.42s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(15) {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(16) {
        -webkit-transition-delay: 1.58s;
        transition-delay: 1.58s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(17) {
        -webkit-transition-delay: 1.66s;
        transition-delay: 1.66s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(18) {
        -webkit-transition-delay: 1.74s;
        transition-delay: 1.74s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(19) {
        -webkit-transition-delay: 1.82s;
        transition-delay: 1.82s
    }

    .animate .pr-infos.visible .pr-infos-item:nth-child(20) {
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s
    }

.pr-focus {
    position: relative;
    overflow: hidden
}

.pr-focus-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #004b99
}

    .pr-focus-bg img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

.pr-focus-wrapper {
    position: relative;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    padding: 170px 0 115px 0
}

.pr-focus-items {
    position: relative;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    margin-top: 80px
}

.pr-focus-title-1 {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 0;
    color: #fff
}

.pr-focus-title-2 {
    color: #fff;
    font-size: 23px;
    margin-top: -10px
}

.pr-focus-item {
    margin-bottom: 60px;
    position: relative
}

    .pr-focus-item:before {
        content: "";
        display: block;
        position: absolute;
        height: 37px;
        width: 1px;
        background-color: #003da5;
        top: -55px;
        left: 50%
    }

    .pr-focus-item:first-child:before {
        display: none
    }

.pr-focus-item-title {
    margin-bottom: 5px
}

@media screen and (max-width: 1025px) {
    .pr-focus-wrapper {
        padding-top: 120px;
        padding-bottom: 70px
    }

    .pr-focus-item {
        margin-bottom: 80px
    }

        .pr-focus-item:before {
            top: -60px
        }

    .pr-focus-item-title {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 736px) {
    .pr-focus-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pr-focus-wrapper {
        padding-top: 75px;
        padding-bottom: 25px
    }

    .pr-focus-item-title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .pr-focus-title-1 {
        font-size: 45px;
        line-height: 50px
    }

    .pr-focus-title-2 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 0
    }

    .pr-focus-items {
        margin-top: 50px
    }
}

.animate .pr-focus .pr-focus-item-title {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .pr-focus .pr-focus-item-txt {
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0
}

.animate .pr-focus .pr-focus-item:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.animate .pr-focus.visible .pr-focus-item:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate .pr-focus.visible .pr-focus-item-title, .animate .pr-focus.visible .pr-focus-item-txt {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    -webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s,opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s,-webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(1) .pr-focus-item-title {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(1) .pr-focus-item-txt {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(1):before {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(2) .pr-focus-item-title {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(2) .pr-focus-item-txt {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(2):before {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(3) .pr-focus-item-title {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(3) .pr-focus-item-txt {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(3):before {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(4) .pr-focus-item-title {
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(4) .pr-focus-item-txt {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(4):before {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(5) .pr-focus-item-title {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(5) .pr-focus-item-txt {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(5):before {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(6) .pr-focus-item-title {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(6) .pr-focus-item-txt {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(6):before {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(7) .pr-focus-item-title {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(7) .pr-focus-item-txt {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(7):before {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(8) .pr-focus-item-title {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(8) .pr-focus-item-txt {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(8):before {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(9) .pr-focus-item-title {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(9) .pr-focus-item-txt {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(9):before {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(10) .pr-focus-item-title {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(10) .pr-focus-item-txt {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(10):before {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(11) .pr-focus-item-title {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(11) .pr-focus-item-txt {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(11):before {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(12) .pr-focus-item-title {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(12) .pr-focus-item-txt {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(12):before {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(13) .pr-focus-item-title {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(13) .pr-focus-item-txt {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(13):before {
    -webkit-transition-delay: 3.05s;
    transition-delay: 3.05s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(14) .pr-focus-item-title {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(14) .pr-focus-item-txt {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(14):before {
    -webkit-transition-delay: 3.25s;
    transition-delay: 3.25s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(15) .pr-focus-item-title {
    -webkit-transition-delay: 3.15s;
    transition-delay: 3.15s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(15) .pr-focus-item-txt {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(15):before {
    -webkit-transition-delay: 3.45s;
    transition-delay: 3.45s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(16) .pr-focus-item-title {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(16) .pr-focus-item-txt {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(16):before {
    -webkit-transition-delay: 3.65s;
    transition-delay: 3.65s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(17) .pr-focus-item-title {
    -webkit-transition-delay: 3.55s;
    transition-delay: 3.55s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(17) .pr-focus-item-txt {
    -webkit-transition-delay: 3.7s;
    transition-delay: 3.7s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(17):before {
    -webkit-transition-delay: 3.85s;
    transition-delay: 3.85s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(18) .pr-focus-item-title {
    -webkit-transition-delay: 3.75s;
    transition-delay: 3.75s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(18) .pr-focus-item-txt {
    -webkit-transition-delay: 3.9s;
    transition-delay: 3.9s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(18):before {
    -webkit-transition-delay: 4.05s;
    transition-delay: 4.05s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(19) .pr-focus-item-title {
    -webkit-transition-delay: 3.95s;
    transition-delay: 3.95s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(19) .pr-focus-item-txt {
    -webkit-transition-delay: 4.1s;
    transition-delay: 4.1s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(19):before {
    -webkit-transition-delay: 4.25s;
    transition-delay: 4.25s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(20) .pr-focus-item-title {
    -webkit-transition-delay: 4.15s;
    transition-delay: 4.15s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(20) .pr-focus-item-txt {
    -webkit-transition-delay: 4.3s;
    transition-delay: 4.3s
}

.animate .pr-focus.visible .pr-focus-item:nth-child(20):before {
    -webkit-transition-delay: 4.45s;
    transition-delay: 4.45s
}

/* CUSTOM STYLES - Added by Umbrella [April 2020] */
.bg-noimage {
    background-image: none;
}

.bg-hasimage {
    background-size: cover;
    background-position: center;
}

.bg-blue-d {
    background-color: #041E42;
}

.bg-white {
    background-color: #fff;
}

.c-blue {
    color: #041E42;
}

.c-blue-d {
    color: #193a83;
}

.c-blue-l {
    color: #2aacf0;
}

.c-white {
    color: #fff;
}

.ProdcutNameImg {
    width: 200px;
    margin: auto;
}

@media(max-width:1500px) {
    .ProdcutNameImg {
        width: 115px;
        margin: auto;
    }
}

.prodHeroImg {
    margin: 0;
}

.pr-product_name_img {
    width: 100px !important;
}

.ProdcutNameImg > img {
    width: 100%;
}

.img_resize {
    object-fit: cover;
}