/*! Copyright (c) 2019 Activex.ac

Designed and Developed by H4U GROUP

https://hyips4u.com


*/
@font-face{
    font-family:GilroyBold;
    src:url(fonts/GilroyBold/GilroyBold.eot);
    src:url(fonts/GilroyBold/GilroyBoldd41d.eot?#iefix) format("embedded-opentype"),url(fonts/GilroyBold/GilroyBold.woff) format("woff"),url(fonts/GilroyBold/GilroyBold.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:GilroyItalic;
    src:url(fonts/GilroyItalic/GilroyItalic.eot);
    src:url(fonts/GilroyItalic/GilroyItalicd41d.eot?#iefix) format("embedded-opentype"),url(fonts/GilroyItalic/GilroyItalic.woff) format("woff"),url(fonts/GilroyItalic/GilroyItalic.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:GilroyRegular;
    src:url(fonts/GilroyRegular/GilroyRegular.eot);
    src:url(fonts/GilroyRegular/GilroyRegulard41d.eot?#iefix) format("embedded-opentype"),url(fonts/GilroyRegular/GilroyRegular.woff) format("woff"),url(fonts/GilroyRegular/GilroyRegular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
::selection{
    color:#fff;
    background:rgba(34,55,112,.99)
}
::-moz-selection{
    color:#fff;
    background:rgba(34,55,112,.99)
}
input:-moz-placeholder,input::-moz-placeholder{
    opacity:1
}
input:-ms-input-placeholder{
    opacity:1
}
input::-webkit-input-placeholder{
    opacity:1
}
textarea:-moz-placeholder,textarea::-moz-placeholder{
    opacity:1
}
textarea:-ms-input-placeholder{
    opacity:1
}
textarea::-webkit-input-placeholder{
    opacity:1
}
::-webkit-scrollbar{
    width:3px;
    height:3px
}
::-webkit-scrollbar-button{
    background-color:#303392
}
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{
    background-color:#fff
}
::-webkit-scrollbar-thumb{
    height:50px;
    background-color:#303392;
    border-radius:3px
}
::-webkit-resizer,::-webkit-scrollbar-corner{
    background-color:#fff
}
*{
    box-sizing:border-box
}
body{
    -webkit-overflow-scrolling:touch;
    -webkit-font-smoothing:antialiased;
    font-family:GilroyRegular,sans-serif
}
body,html{
    width:100%;
    margin:0;
    padding:0;
    position:relative
}
blockquote,p{
    margin:0
}
button,input,textarea{
    font:inherit
}
button:disabled,input:disabled,textarea:disabled{
    pointer-events:none
}
button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{
    outline:none
}
button,input,textarea{
    -webkit-appearance:none;
    border-radius:0!important
}
h1,h2,h3,h4,h5,h6{
    margin:0
}
em,i{
    font-style:normal;
    font-family:GilroyItalic,sans-serif
}
b,h1,h2,h3,h4,h5,h6,strong{
    font-weight:400;
    font-family:GilroyBold,sans-serif
}
mark{
    color:#fff;
    padding:3px;
    background:rgba(214,177,97,.99)
}
a{
    -ms-user-select:none;
    user-select:none
}
#svg-sprite{
    display:none
}
.toastify{
    font-size:16px;
    font-family:GilroyBold,sans-serif;
    box-shadow:0 3px 6px -1px rgba(84,138,215,.1),0 10px 32px -4px rgba(84,138,215,.3);
    background:#303392;
    opacity:1;
    border-radius:0;
    z-index:999999;
    padding:1rem 3.5rem 1rem 2.5rem;
    margin-left:1rem;
    margin-bottom:1rem
}
.toastify.error{
    font-family:GilroyRegular,sans-serif;
    color:#fff;
    border-left:2px solid red;
    background:#ff1a1a;
    box-shadow:0 3px 6px -1px rgba(255,0,0,.1),0 10px 36px -4px rgba(255,0,0,.3)
}
.toastify.success{
    color:#fff;
    border-left:2px solid #303392;
    background:#303392;
    box-shadow:0 3px 6px -1px rgba(84,138,215,.1),0 10px 32px -4px rgba(84,138,215,.3)
}
.toastify .toast-close{
    display:inline-block;
    position:absolute;
    top:50%;
    right:1.5rem;
    transform:translate3d(0,-50%,0)
}
@media only screen and (max-width:640px){
    .toastify{
        max-width:calc(100% - 20px)
    }
}
.swiper-container{
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-container-no-flexbox .swiper-slide{
    float:left
}
.swiper-container-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    transform:translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper{
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{
    touch-action:pan-y
}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{
    touch-action:pan-x
}
/*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
html{
    box-sizing:border-box;
    -ms-overflow-style:scrollbar
}
*,:after,:before{
    box-sizing:inherit
}
.container{
    width:100%;
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
}
.container-fluid{
    width:100%;
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-10px;
    margin-left:-10px
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{
    position:relative;
    width:100%;
    padding-right:10px;
    padding-left:10px
}
.col{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
}
.col-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
}
.col-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
}
.col-3{
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
}
.col-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
}
.col-6{
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
}
.col-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
}
.col-9{
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
}
.col-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
}
.col-12{
    flex:0 0 100%;
    max-width:100%
}
.order-first{
    order:-1
}
.order-last{
    order:13
}
.order-0{
    order:0
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.order-4{
    order:4
}
.order-5{
    order:5
}
.order-6{
    order:6
}
.order-7{
    order:7
}
.order-8{
    order:8
}
.order-9{
    order:9
}
.order-10{
    order:10
}
.order-11{
    order:11
}
.order-12{
    order:12
}
.offset-1{
    margin-left:8.33333%
}
.offset-2{
    margin-left:16.66667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.33333%
}
.offset-5{
    margin-left:41.66667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.33333%
}
.offset-8{
    margin-left:66.66667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.33333%
}
.offset-11{
    margin-left:91.66667%
}
@media (min-width:576px){
    .col-sm{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-sm-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-sm-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-sm-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-sm-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-sm-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-sm-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-sm-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-sm-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-sm-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-sm-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-sm-first{
        order:-1
    }
    .order-sm-last{
        order:13
    }
    .order-sm-0{
        order:0
    }
    .order-sm-1{
        order:1
    }
    .order-sm-2{
        order:2
    }
    .order-sm-3{
        order:3
    }
    .order-sm-4{
        order:4
    }
    .order-sm-5{
        order:5
    }
    .order-sm-6{
        order:6
    }
    .order-sm-7{
        order:7
    }
    .order-sm-8{
        order:8
    }
    .order-sm-9{
        order:9
    }
    .order-sm-10{
        order:10
    }
    .order-sm-11{
        order:11
    }
    .order-sm-12{
        order:12
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333%
    }
    .offset-sm-2{
        margin-left:16.66667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333%
    }
    .offset-sm-5{
        margin-left:41.66667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333%
    }
    .offset-sm-8{
        margin-left:66.66667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333%
    }
    .offset-sm-11{
        margin-left:91.66667%
    }
}
@media (min-width:768px){
    .col-md{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-md-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-md-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-md-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-md-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-md-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-md-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-md-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-md-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-md-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-md-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-first{
        order:-1
    }
    .order-md-last{
        order:13
    }
    .order-md-0{
        order:0
    }
    .order-md-1{
        order:1
    }
    .order-md-2{
        order:2
    }
    .order-md-3{
        order:3
    }
    .order-md-4{
        order:4
    }
    .order-md-5{
        order:5
    }
    .order-md-6{
        order:6
    }
    .order-md-7{
        order:7
    }
    .order-md-8{
        order:8
    }
    .order-md-9{
        order:9
    }
    .order-md-10{
        order:10
    }
    .order-md-11{
        order:11
    }
    .order-md-12{
        order:12
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.33333%
    }
    .offset-md-2{
        margin-left:16.66667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.33333%
    }
    .offset-md-5{
        margin-left:41.66667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.33333%
    }
    .offset-md-8{
        margin-left:66.66667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.33333%
    }
    .offset-md-11{
        margin-left:91.66667%
    }
}
@media (min-width:992px){
    .col-lg{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-lg-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-lg-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-lg-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-lg-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-lg-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-lg-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-lg-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-lg-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-lg-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-lg-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-first{
        order:-1
    }
    .order-lg-last{
        order:13
    }
    .order-lg-0{
        order:0
    }
    .order-lg-1{
        order:1
    }
    .order-lg-2{
        order:2
    }
    .order-lg-3{
        order:3
    }
    .order-lg-4{
        order:4
    }
    .order-lg-5{
        order:5
    }
    .order-lg-6{
        order:6
    }
    .order-lg-7{
        order:7
    }
    .order-lg-8{
        order:8
    }
    .order-lg-9{
        order:9
    }
    .order-lg-10{
        order:10
    }
    .order-lg-11{
        order:11
    }
    .order-lg-12{
        order:12
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.33333%
    }
    .offset-lg-2{
        margin-left:16.66667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.33333%
    }
    .offset-lg-5{
        margin-left:41.66667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.33333%
    }
    .offset-lg-8{
        margin-left:66.66667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.33333%
    }
    .offset-lg-11{
        margin-left:91.66667%
    }
}
@media (min-width:1200px){
    .col-xl{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-xl-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-xl-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-xl-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-xl-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-xl-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-xl-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-xl-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-xl-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-xl-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-first{
        order:-1
    }
    .order-xl-last{
        order:13
    }
    .order-xl-0{
        order:0
    }
    .order-xl-1{
        order:1
    }
    .order-xl-2{
        order:2
    }
    .order-xl-3{
        order:3
    }
    .order-xl-4{
        order:4
    }
    .order-xl-5{
        order:5
    }
    .order-xl-6{
        order:6
    }
    .order-xl-7{
        order:7
    }
    .order-xl-8{
        order:8
    }
    .order-xl-9{
        order:9
    }
    .order-xl-10{
        order:10
    }
    .order-xl-11{
        order:11
    }
    .order-xl-12{
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.33333%
    }
    .offset-xl-2{
        margin-left:16.66667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.33333%
    }
    .offset-xl-5{
        margin-left:41.66667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.33333%
    }
    .offset-xl-8{
        margin-left:66.66667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.33333%
    }
    .offset-xl-11{
        margin-left:91.66667%
    }
}
.d-none{
    display:none!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
@media (min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:flex!important
    }
    .d-sm-inline-flex{
        display:inline-flex!important
    }
}
@media (min-width:768px){
    .d-md-none{
        display:none!important
    }
    .d-md-inline{
        display:inline!important
    }
    .d-md-inline-block{
        display:inline-block!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-table{
        display:table!important
    }
    .d-md-table-row{
        display:table-row!important
    }
    .d-md-table-cell{
        display:table-cell!important
    }
    .d-md-flex{
        display:flex!important
    }
    .d-md-inline-flex{
        display:inline-flex!important
    }
}
@media (min-width:992px){
    .d-lg-none{
        display:none!important
    }
    .d-lg-inline{
        display:inline!important
    }
    .d-lg-inline-block{
        display:inline-block!important
    }
    .d-lg-block{
        display:block!important
    }
    .d-lg-table{
        display:table!important
    }
    .d-lg-table-row{
        display:table-row!important
    }
    .d-lg-table-cell{
        display:table-cell!important
    }
    .d-lg-flex{
        display:flex!important
    }
    .d-lg-inline-flex{
        display:inline-flex!important
    }
}
@media (min-width:1200px){
    .d-xl-none{
        display:none!important
    }
    .d-xl-inline{
        display:inline!important
    }
    .d-xl-inline-block{
        display:inline-block!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-table{
        display:table!important
    }
    .d-xl-table-row{
        display:table-row!important
    }
    .d-xl-table-cell{
        display:table-cell!important
    }
    .d-xl-flex{
        display:flex!important
    }
    .d-xl-inline-flex{
        display:inline-flex!important
    }
}
@media print{
    .d-print-none{
        display:none!important
    }
    .d-print-inline{
        display:inline!important
    }
    .d-print-inline-block{
        display:inline-block!important
    }
    .d-print-block{
        display:block!important
    }
    .d-print-table{
        display:table!important
    }
    .d-print-table-row{
        display:table-row!important
    }
    .d-print-table-cell{
        display:table-cell!important
    }
    .d-print-flex{
        display:flex!important
    }
    .d-print-inline-flex{
        display:inline-flex!important
    }
}
.flex-row{
    flex-direction:row!important
}
.flex-column{
    flex-direction:column!important
}
.flex-row-reverse{
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    flex-direction:column-reverse!important
}
.flex-wrap{
    flex-wrap:wrap!important
}
.flex-nowrap{
    flex-wrap:nowrap!important
}
.flex-wrap-reverse{
    flex-wrap:wrap-reverse!important
}
.flex-fill{
    flex:1 1 auto!important
}
.flex-grow-0{
    flex-grow:0!important
}
.flex-grow-1{
    flex-grow:1!important
}
.flex-shrink-0{
    flex-shrink:0!important
}
.flex-shrink-1{
    flex-shrink:1!important
}
.justify-content-start{
    justify-content:flex-start!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-center{
    justify-content:center!important
}
.justify-content-between{
    justify-content:space-between!important
}
.justify-content-around{
    justify-content:space-around!important
}
.align-items-start{
    align-items:flex-start!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-items-baseline{
    align-items:baseline!important
}
.align-items-stretch{
    align-items:stretch!important
}
.align-content-start{
    align-content:flex-start!important
}
.align-content-end{
    align-content:flex-end!important
}
.align-content-center{
    align-content:center!important
}
.align-content-between{
    align-content:space-between!important
}
.align-content-around{
    align-content:space-around!important
}
.align-content-stretch{
    align-content:stretch!important
}
.align-self-auto{
    align-self:auto!important
}
.align-self-start{
    align-self:flex-start!important
}
.align-self-end{
    align-self:flex-end!important
}
.align-self-center{
    align-self:center!important
}
.align-self-baseline{
    align-self:baseline!important
}
.align-self-stretch{
    align-self:stretch!important
}
@media (min-width:576px){
    .flex-sm-row{
        flex-direction:row!important
    }
    .flex-sm-column{
        flex-direction:column!important
    }
    .flex-sm-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-sm-wrap{
        flex-wrap:wrap!important
    }
    .flex-sm-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-sm-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-sm-fill{
        flex:1 1 auto!important
    }
    .flex-sm-grow-0{
        flex-grow:0!important
    }
    .flex-sm-grow-1{
        flex-grow:1!important
    }
    .flex-sm-shrink-0{
        flex-shrink:0!important
    }
    .flex-sm-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-sm-start{
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        justify-content:center!important
    }
    .justify-content-sm-between{
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        justify-content:space-around!important
    }
    .align-items-sm-start{
        align-items:flex-start!important
    }
    .align-items-sm-end{
        align-items:flex-end!important
    }
    .align-items-sm-center{
        align-items:center!important
    }
    .align-items-sm-baseline{
        align-items:baseline!important
    }
    .align-items-sm-stretch{
        align-items:stretch!important
    }
    .align-content-sm-start{
        align-content:flex-start!important
    }
    .align-content-sm-end{
        align-content:flex-end!important
    }
    .align-content-sm-center{
        align-content:center!important
    }
    .align-content-sm-between{
        align-content:space-between!important
    }
    .align-content-sm-around{
        align-content:space-around!important
    }
    .align-content-sm-stretch{
        align-content:stretch!important
    }
    .align-self-sm-auto{
        align-self:auto!important
    }
    .align-self-sm-start{
        align-self:flex-start!important
    }
    .align-self-sm-end{
        align-self:flex-end!important
    }
    .align-self-sm-center{
        align-self:center!important
    }
    .align-self-sm-baseline{
        align-self:baseline!important
    }
    .align-self-sm-stretch{
        align-self:stretch!important
    }
}
@media (min-width:768px){
    .flex-md-row{
        flex-direction:row!important
    }
    .flex-md-column{
        flex-direction:column!important
    }
    .flex-md-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-md-wrap{
        flex-wrap:wrap!important
    }
    .flex-md-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-md-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-md-fill{
        flex:1 1 auto!important
    }
    .flex-md-grow-0{
        flex-grow:0!important
    }
    .flex-md-grow-1{
        flex-grow:1!important
    }
    .flex-md-shrink-0{
        flex-shrink:0!important
    }
    .flex-md-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-md-start{
        justify-content:flex-start!important
    }
    .justify-content-md-end{
        justify-content:flex-end!important
    }
    .justify-content-md-center{
        justify-content:center!important
    }
    .justify-content-md-between{
        justify-content:space-between!important
    }
    .justify-content-md-around{
        justify-content:space-around!important
    }
    .align-items-md-start{
        align-items:flex-start!important
    }
    .align-items-md-end{
        align-items:flex-end!important
    }
    .align-items-md-center{
        align-items:center!important
    }
    .align-items-md-baseline{
        align-items:baseline!important
    }
    .align-items-md-stretch{
        align-items:stretch!important
    }
    .align-content-md-start{
        align-content:flex-start!important
    }
    .align-content-md-end{
        align-content:flex-end!important
    }
    .align-content-md-center{
        align-content:center!important
    }
    .align-content-md-between{
        align-content:space-between!important
    }
    .align-content-md-around{
        align-content:space-around!important
    }
    .align-content-md-stretch{
        align-content:stretch!important
    }
    .align-self-md-auto{
        align-self:auto!important
    }
    .align-self-md-start{
        align-self:flex-start!important
    }
    .align-self-md-end{
        align-self:flex-end!important
    }
    .align-self-md-center{
        align-self:center!important
    }
    .align-self-md-baseline{
        align-self:baseline!important
    }
    .align-self-md-stretch{
        align-self:stretch!important
    }
}
@media (min-width:992px){
    .flex-lg-row{
        flex-direction:row!important
    }
    .flex-lg-column{
        flex-direction:column!important
    }
    .flex-lg-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-lg-wrap{
        flex-wrap:wrap!important
    }
    .flex-lg-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-lg-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-lg-fill{
        flex:1 1 auto!important
    }
    .flex-lg-grow-0{
        flex-grow:0!important
    }
    .flex-lg-grow-1{
        flex-grow:1!important
    }
    .flex-lg-shrink-0{
        flex-shrink:0!important
    }
    .flex-lg-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-lg-start{
        justify-content:flex-start!important
    }
    .justify-content-lg-end{
        justify-content:flex-end!important
    }
    .justify-content-lg-center{
        justify-content:center!important
    }
    .justify-content-lg-between{
        justify-content:space-between!important
    }
    .justify-content-lg-around{
        justify-content:space-around!important
    }
    .align-items-lg-start{
        align-items:flex-start!important
    }
    .align-items-lg-end{
        align-items:flex-end!important
    }
    .align-items-lg-center{
        align-items:center!important
    }
    .align-items-lg-baseline{
        align-items:baseline!important
    }
    .align-items-lg-stretch{
        align-items:stretch!important
    }
    .align-content-lg-start{
        align-content:flex-start!important
    }
    .align-content-lg-end{
        align-content:flex-end!important
    }
    .align-content-lg-center{
        align-content:center!important
    }
    .align-content-lg-between{
        align-content:space-between!important
    }
    .align-content-lg-around{
        align-content:space-around!important
    }
    .align-content-lg-stretch{
        align-content:stretch!important
    }
    .align-self-lg-auto{
        align-self:auto!important
    }
    .align-self-lg-start{
        align-self:flex-start!important
    }
    .align-self-lg-end{
        align-self:flex-end!important
    }
    .align-self-lg-center{
        align-self:center!important
    }
    .align-self-lg-baseline{
        align-self:baseline!important
    }
    .align-self-lg-stretch{
        align-self:stretch!important
    }
}
@media (min-width:1200px){
    .flex-xl-row{
        flex-direction:row!important
    }
    .flex-xl-column{
        flex-direction:column!important
    }
    .flex-xl-row-reverse{
        flex-direction:row-reverse!important
    }
    .flex-xl-column-reverse{
        flex-direction:column-reverse!important
    }
    .flex-xl-wrap{
        flex-wrap:wrap!important
    }
    .flex-xl-nowrap{
        flex-wrap:nowrap!important
    }
    .flex-xl-wrap-reverse{
        flex-wrap:wrap-reverse!important
    }
    .flex-xl-fill{
        flex:1 1 auto!important
    }
    .flex-xl-grow-0{
        flex-grow:0!important
    }
    .flex-xl-grow-1{
        flex-grow:1!important
    }
    .flex-xl-shrink-0{
        flex-shrink:0!important
    }
    .flex-xl-shrink-1{
        flex-shrink:1!important
    }
    .justify-content-xl-start{
        justify-content:flex-start!important
    }
    .justify-content-xl-end{
        justify-content:flex-end!important
    }
    .justify-content-xl-center{
        justify-content:center!important
    }
    .justify-content-xl-between{
        justify-content:space-between!important
    }
    .justify-content-xl-around{
        justify-content:space-around!important
    }
    .align-items-xl-start{
        align-items:flex-start!important
    }
    .align-items-xl-end{
        align-items:flex-end!important
    }
    .align-items-xl-center{
        align-items:center!important
    }
    .align-items-xl-baseline{
        align-items:baseline!important
    }
    .align-items-xl-stretch{
        align-items:stretch!important
    }
    .align-content-xl-start{
        align-content:flex-start!important
    }
    .align-content-xl-end{
        align-content:flex-end!important
    }
    .align-content-xl-center{
        align-content:center!important
    }
    .align-content-xl-between{
        align-content:space-between!important
    }
    .align-content-xl-around{
        align-content:space-around!important
    }
    .align-content-xl-stretch{
        align-content:stretch!important
    }
    .align-self-xl-auto{
        align-self:auto!important
    }
    .align-self-xl-start{
        align-self:flex-start!important
    }
    .align-self-xl-end{
        align-self:flex-end!important
    }
    .align-self-xl-center{
        align-self:center!important
    }
    .align-self-xl-baseline{
        align-self:baseline!important
    }
    .align-self-xl-stretch{
        align-self:stretch!important
    }
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.m-n1{
    margin:-.25rem!important
}
.mt-n1,.my-n1{
    margin-top:-.25rem!important
}
.mr-n1,.mx-n1{
    margin-right:-.25rem!important
}
.mb-n1,.my-n1{
    margin-bottom:-.25rem!important
}
.ml-n1,.mx-n1{
    margin-left:-.25rem!important
}
.m-n2{
    margin:-.5rem!important
}
.mt-n2,.my-n2{
    margin-top:-.5rem!important
}
.mr-n2,.mx-n2{
    margin-right:-.5rem!important
}
.mb-n2,.my-n2{
    margin-bottom:-.5rem!important
}
.ml-n2,.mx-n2{
    margin-left:-.5rem!important
}
.m-n3{
    margin:-1rem!important
}
.mt-n3,.my-n3{
    margin-top:-1rem!important
}
.mr-n3,.mx-n3{
    margin-right:-1rem!important
}
.mb-n3,.my-n3{
    margin-bottom:-1rem!important
}
.ml-n3,.mx-n3{
    margin-left:-1rem!important
}
.m-n4{
    margin:-1.5rem!important
}
.mt-n4,.my-n4{
    margin-top:-1.5rem!important
}
.mr-n4,.mx-n4{
    margin-right:-1.5rem!important
}
.mb-n4,.my-n4{
    margin-bottom:-1.5rem!important
}
.ml-n4,.mx-n4{
    margin-left:-1.5rem!important
}
.m-n5{
    margin:-3rem!important
}
.mt-n5,.my-n5{
    margin-top:-3rem!important
}
.mr-n5,.mx-n5{
    margin-right:-3rem!important
}
.mb-n5,.my-n5{
    margin-bottom:-3rem!important
}
.ml-n5,.mx-n5{
    margin-left:-3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media (min-width:576px){
    .m-sm-0{
        margin:0!important
    }
    .mt-sm-0,.my-sm-0{
        margin-top:0!important
    }
    .mr-sm-0,.mx-sm-0{
        margin-right:0!important
    }
    .mb-sm-0,.my-sm-0{
        margin-bottom:0!important
    }
    .ml-sm-0,.mx-sm-0{
        margin-left:0!important
    }
    .m-sm-1{
        margin:.25rem!important
    }
    .mt-sm-1,.my-sm-1{
        margin-top:.25rem!important
    }
    .mr-sm-1,.mx-sm-1{
        margin-right:.25rem!important
    }
    .mb-sm-1,.my-sm-1{
        margin-bottom:.25rem!important
    }
    .ml-sm-1,.mx-sm-1{
        margin-left:.25rem!important
    }
    .m-sm-2{
        margin:.5rem!important
    }
    .mt-sm-2,.my-sm-2{
        margin-top:.5rem!important
    }
    .mr-sm-2,.mx-sm-2{
        margin-right:.5rem!important
    }
    .mb-sm-2,.my-sm-2{
        margin-bottom:.5rem!important
    }
    .ml-sm-2,.mx-sm-2{
        margin-left:.5rem!important
    }
    .m-sm-3{
        margin:1rem!important
    }
    .mt-sm-3,.my-sm-3{
        margin-top:1rem!important
    }
    .mr-sm-3,.mx-sm-3{
        margin-right:1rem!important
    }
    .mb-sm-3,.my-sm-3{
        margin-bottom:1rem!important
    }
    .ml-sm-3,.mx-sm-3{
        margin-left:1rem!important
    }
    .m-sm-4{
        margin:1.5rem!important
    }
    .mt-sm-4,.my-sm-4{
        margin-top:1.5rem!important
    }
    .mr-sm-4,.mx-sm-4{
        margin-right:1.5rem!important
    }
    .mb-sm-4,.my-sm-4{
        margin-bottom:1.5rem!important
    }
    .ml-sm-4,.mx-sm-4{
        margin-left:1.5rem!important
    }
    .m-sm-5{
        margin:3rem!important
    }
    .mt-sm-5,.my-sm-5{
        margin-top:3rem!important
    }
    .mr-sm-5,.mx-sm-5{
        margin-right:3rem!important
    }
    .mb-sm-5,.my-sm-5{
        margin-bottom:3rem!important
    }
    .ml-sm-5,.mx-sm-5{
        margin-left:3rem!important
    }
    .p-sm-0{
        padding:0!important
    }
    .pt-sm-0,.py-sm-0{
        padding-top:0!important
    }
    .pr-sm-0,.px-sm-0{
        padding-right:0!important
    }
    .pb-sm-0,.py-sm-0{
        padding-bottom:0!important
    }
    .pl-sm-0,.px-sm-0{
        padding-left:0!important
    }
    .p-sm-1{
        padding:.25rem!important
    }
    .pt-sm-1,.py-sm-1{
        padding-top:.25rem!important
    }
    .pr-sm-1,.px-sm-1{
        padding-right:.25rem!important
    }
    .pb-sm-1,.py-sm-1{
        padding-bottom:.25rem!important
    }
    .pl-sm-1,.px-sm-1{
        padding-left:.25rem!important
    }
    .p-sm-2{
        padding:.5rem!important
    }
    .pt-sm-2,.py-sm-2{
        padding-top:.5rem!important
    }
    .pr-sm-2,.px-sm-2{
        padding-right:.5rem!important
    }
    .pb-sm-2,.py-sm-2{
        padding-bottom:.5rem!important
    }
    .pl-sm-2,.px-sm-2{
        padding-left:.5rem!important
    }
    .p-sm-3{
        padding:1rem!important
    }
    .pt-sm-3,.py-sm-3{
        padding-top:1rem!important
    }
    .pr-sm-3,.px-sm-3{
        padding-right:1rem!important
    }
    .pb-sm-3,.py-sm-3{
        padding-bottom:1rem!important
    }
    .pl-sm-3,.px-sm-3{
        padding-left:1rem!important
    }
    .p-sm-4{
        padding:1.5rem!important
    }
    .pt-sm-4,.py-sm-4{
        padding-top:1.5rem!important
    }
    .pr-sm-4,.px-sm-4{
        padding-right:1.5rem!important
    }
    .pb-sm-4,.py-sm-4{
        padding-bottom:1.5rem!important
    }
    .pl-sm-4,.px-sm-4{
        padding-left:1.5rem!important
    }
    .p-sm-5{
        padding:3rem!important
    }
    .pt-sm-5,.py-sm-5{
        padding-top:3rem!important
    }
    .pr-sm-5,.px-sm-5{
        padding-right:3rem!important
    }
    .pb-sm-5,.py-sm-5{
        padding-bottom:3rem!important
    }
    .pl-sm-5,.px-sm-5{
        padding-left:3rem!important
    }
    .m-sm-n1{
        margin:-.25rem!important
    }
    .mt-sm-n1,.my-sm-n1{
        margin-top:-.25rem!important
    }
    .mr-sm-n1,.mx-sm-n1{
        margin-right:-.25rem!important
    }
    .mb-sm-n1,.my-sm-n1{
        margin-bottom:-.25rem!important
    }
    .ml-sm-n1,.mx-sm-n1{
        margin-left:-.25rem!important
    }
    .m-sm-n2{
        margin:-.5rem!important
    }
    .mt-sm-n2,.my-sm-n2{
        margin-top:-.5rem!important
    }
    .mr-sm-n2,.mx-sm-n2{
        margin-right:-.5rem!important
    }
    .mb-sm-n2,.my-sm-n2{
        margin-bottom:-.5rem!important
    }
    .ml-sm-n2,.mx-sm-n2{
        margin-left:-.5rem!important
    }
    .m-sm-n3{
        margin:-1rem!important
    }
    .mt-sm-n3,.my-sm-n3{
        margin-top:-1rem!important
    }
    .mr-sm-n3,.mx-sm-n3{
        margin-right:-1rem!important
    }
    .mb-sm-n3,.my-sm-n3{
        margin-bottom:-1rem!important
    }
    .ml-sm-n3,.mx-sm-n3{
        margin-left:-1rem!important
    }
    .m-sm-n4{
        margin:-1.5rem!important
    }
    .mt-sm-n4,.my-sm-n4{
        margin-top:-1.5rem!important
    }
    .mr-sm-n4,.mx-sm-n4{
        margin-right:-1.5rem!important
    }
    .mb-sm-n4,.my-sm-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-sm-n4,.mx-sm-n4{
        margin-left:-1.5rem!important
    }
    .m-sm-n5{
        margin:-3rem!important
    }
    .mt-sm-n5,.my-sm-n5{
        margin-top:-3rem!important
    }
    .mr-sm-n5,.mx-sm-n5{
        margin-right:-3rem!important
    }
    .mb-sm-n5,.my-sm-n5{
        margin-bottom:-3rem!important
    }
    .ml-sm-n5,.mx-sm-n5{
        margin-left:-3rem!important
    }
    .m-sm-auto{
        margin:auto!important
    }
    .mt-sm-auto,.my-sm-auto{
        margin-top:auto!important
    }
    .mr-sm-auto,.mx-sm-auto{
        margin-right:auto!important
    }
    .mb-sm-auto,.my-sm-auto{
        margin-bottom:auto!important
    }
    .ml-sm-auto,.mx-sm-auto{
        margin-left:auto!important
    }
}
@media (min-width:768px){
    .m-md-0{
        margin:0!important
    }
    .mt-md-0,.my-md-0{
        margin-top:0!important
    }
    .mr-md-0,.mx-md-0{
        margin-right:0!important
    }
    .mb-md-0,.my-md-0{
        margin-bottom:0!important
    }
    .ml-md-0,.mx-md-0{
        margin-left:0!important
    }
    .m-md-1{
        margin:.25rem!important
    }
    .mt-md-1,.my-md-1{
        margin-top:.25rem!important
    }
    .mr-md-1,.mx-md-1{
        margin-right:.25rem!important
    }
    .mb-md-1,.my-md-1{
        margin-bottom:.25rem!important
    }
    .ml-md-1,.mx-md-1{
        margin-left:.25rem!important
    }
    .m-md-2{
        margin:.5rem!important
    }
    .mt-md-2,.my-md-2{
        margin-top:.5rem!important
    }
    .mr-md-2,.mx-md-2{
        margin-right:.5rem!important
    }
    .mb-md-2,.my-md-2{
        margin-bottom:.5rem!important
    }
    .ml-md-2,.mx-md-2{
        margin-left:.5rem!important
    }
    .m-md-3{
        margin:1rem!important
    }
    .mt-md-3,.my-md-3{
        margin-top:1rem!important
    }
    .mr-md-3,.mx-md-3{
        margin-right:1rem!important
    }
    .mb-md-3,.my-md-3{
        margin-bottom:1rem!important
    }
    .ml-md-3,.mx-md-3{
        margin-left:1rem!important
    }
    .m-md-4{
        margin:1.5rem!important
    }
    .mt-md-4,.my-md-4{
        margin-top:1.5rem!important
    }
    .mr-md-4,.mx-md-4{
        margin-right:1.5rem!important
    }
    .mb-md-4,.my-md-4{
        margin-bottom:1.5rem!important
    }
    .ml-md-4,.mx-md-4{
        margin-left:1.5rem!important
    }
    .m-md-5{
        margin:3rem!important
    }
    .mt-md-5,.my-md-5{
        margin-top:3rem!important
    }
    .mr-md-5,.mx-md-5{
        margin-right:3rem!important
    }
    .mb-md-5,.my-md-5{
        margin-bottom:3rem!important
    }
    .ml-md-5,.mx-md-5{
        margin-left:3rem!important
    }
    .p-md-0{
        padding:0!important
    }
    .pt-md-0,.py-md-0{
        padding-top:0!important
    }
    .pr-md-0,.px-md-0{
        padding-right:0!important
    }
    .pb-md-0,.py-md-0{
        padding-bottom:0!important
    }
    .pl-md-0,.px-md-0{
        padding-left:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .pt-md-1,.py-md-1{
        padding-top:.25rem!important
    }
    .pr-md-1,.px-md-1{
        padding-right:.25rem!important
    }
    .pb-md-1,.py-md-1{
        padding-bottom:.25rem!important
    }
    .pl-md-1,.px-md-1{
        padding-left:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .pt-md-2,.py-md-2{
        padding-top:.5rem!important
    }
    .pr-md-2,.px-md-2{
        padding-right:.5rem!important
    }
    .pb-md-2,.py-md-2{
        padding-bottom:.5rem!important
    }
    .pl-md-2,.px-md-2{
        padding-left:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .pt-md-3,.py-md-3{
        padding-top:1rem!important
    }
    .pr-md-3,.px-md-3{
        padding-right:1rem!important
    }
    .pb-md-3,.py-md-3{
        padding-bottom:1rem!important
    }
    .pl-md-3,.px-md-3{
        padding-left:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .pt-md-4,.py-md-4{
        padding-top:1.5rem!important
    }
    .pr-md-4,.px-md-4{
        padding-right:1.5rem!important
    }
    .pb-md-4,.py-md-4{
        padding-bottom:1.5rem!important
    }
    .pl-md-4,.px-md-4{
        padding-left:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .pt-md-5,.py-md-5{
        padding-top:3rem!important
    }
    .pr-md-5,.px-md-5{
        padding-right:3rem!important
    }
    .pb-md-5,.py-md-5{
        padding-bottom:3rem!important
    }
    .pl-md-5,.px-md-5{
        padding-left:3rem!important
    }
    .m-md-n1{
        margin:-.25rem!important
    }
    .mt-md-n1,.my-md-n1{
        margin-top:-.25rem!important
    }
    .mr-md-n1,.mx-md-n1{
        margin-right:-.25rem!important
    }
    .mb-md-n1,.my-md-n1{
        margin-bottom:-.25rem!important
    }
    .ml-md-n1,.mx-md-n1{
        margin-left:-.25rem!important
    }
    .m-md-n2{
        margin:-.5rem!important
    }
    .mt-md-n2,.my-md-n2{
        margin-top:-.5rem!important
    }
    .mr-md-n2,.mx-md-n2{
        margin-right:-.5rem!important
    }
    .mb-md-n2,.my-md-n2{
        margin-bottom:-.5rem!important
    }
    .ml-md-n2,.mx-md-n2{
        margin-left:-.5rem!important
    }
    .m-md-n3{
        margin:-1rem!important
    }
    .mt-md-n3,.my-md-n3{
        margin-top:-1rem!important
    }
    .mr-md-n3,.mx-md-n3{
        margin-right:-1rem!important
    }
    .mb-md-n3,.my-md-n3{
        margin-bottom:-1rem!important
    }
    .ml-md-n3,.mx-md-n3{
        margin-left:-1rem!important
    }
    .m-md-n4{
        margin:-1.5rem!important
    }
    .mt-md-n4,.my-md-n4{
        margin-top:-1.5rem!important
    }
    .mr-md-n4,.mx-md-n4{
        margin-right:-1.5rem!important
    }
    .mb-md-n4,.my-md-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-md-n4,.mx-md-n4{
        margin-left:-1.5rem!important
    }
    .m-md-n5{
        margin:-3rem!important
    }
    .mt-md-n5,.my-md-n5{
        margin-top:-3rem!important
    }
    .mr-md-n5,.mx-md-n5{
        margin-right:-3rem!important
    }
    .mb-md-n5,.my-md-n5{
        margin-bottom:-3rem!important
    }
    .ml-md-n5,.mx-md-n5{
        margin-left:-3rem!important
    }
    .m-md-auto{
        margin:auto!important
    }
    .mt-md-auto,.my-md-auto{
        margin-top:auto!important
    }
    .mr-md-auto,.mx-md-auto{
        margin-right:auto!important
    }
    .mb-md-auto,.my-md-auto{
        margin-bottom:auto!important
    }
    .ml-md-auto,.mx-md-auto{
        margin-left:auto!important
    }
}
@media (min-width:992px){
    .m-lg-0{
        margin:0!important
    }
    .mt-lg-0,.my-lg-0{
        margin-top:0!important
    }
    .mr-lg-0,.mx-lg-0{
        margin-right:0!important
    }
    .mb-lg-0,.my-lg-0{
        margin-bottom:0!important
    }
    .ml-lg-0,.mx-lg-0{
        margin-left:0!important
    }
    .m-lg-1{
        margin:.25rem!important
    }
    .mt-lg-1,.my-lg-1{
        margin-top:.25rem!important
    }
    .mr-lg-1,.mx-lg-1{
        margin-right:.25rem!important
    }
    .mb-lg-1,.my-lg-1{
        margin-bottom:.25rem!important
    }
    .ml-lg-1,.mx-lg-1{
        margin-left:.25rem!important
    }
    .m-lg-2{
        margin:.5rem!important
    }
    .mt-lg-2,.my-lg-2{
        margin-top:.5rem!important
    }
    .mr-lg-2,.mx-lg-2{
        margin-right:.5rem!important
    }
    .mb-lg-2,.my-lg-2{
        margin-bottom:.5rem!important
    }
    .ml-lg-2,.mx-lg-2{
        margin-left:.5rem!important
    }
    .m-lg-3{
        margin:1rem!important
    }
    .mt-lg-3,.my-lg-3{
        margin-top:1rem!important
    }
    .mr-lg-3,.mx-lg-3{
        margin-right:1rem!important
    }
    .mb-lg-3,.my-lg-3{
        margin-bottom:1rem!important
    }
    .ml-lg-3,.mx-lg-3{
        margin-left:1rem!important
    }
    .m-lg-4{
        margin:1.5rem!important
    }
    .mt-lg-4,.my-lg-4{
        margin-top:1.5rem!important
    }
    .mr-lg-4,.mx-lg-4{
        margin-right:1.5rem!important
    }
    .mb-lg-4,.my-lg-4{
        margin-bottom:1.5rem!important
    }
    .ml-lg-4,.mx-lg-4{
        margin-left:1.5rem!important
    }
    .m-lg-5{
        margin:3rem!important
    }
    .mt-lg-5,.my-lg-5{
        margin-top:3rem!important
    }
    .mr-lg-5,.mx-lg-5{
        margin-right:3rem!important
    }
    .mb-lg-5,.my-lg-5{
        margin-bottom:3rem!important
    }
    .ml-lg-5,.mx-lg-5{
        margin-left:3rem!important
    }
    .p-lg-0{
        padding:0!important
    }
    .pt-lg-0,.py-lg-0{
        padding-top:0!important
    }
    .pr-lg-0,.px-lg-0{
        padding-right:0!important
    }
    .pb-lg-0,.py-lg-0{
        padding-bottom:0!important
    }
    .pl-lg-0,.px-lg-0{
        padding-left:0!important
    }
    .p-lg-1{
        padding:.25rem!important
    }
    .pt-lg-1,.py-lg-1{
        padding-top:.25rem!important
    }
    .pr-lg-1,.px-lg-1{
        padding-right:.25rem!important
    }
    .pb-lg-1,.py-lg-1{
        padding-bottom:.25rem!important
    }
    .pl-lg-1,.px-lg-1{
        padding-left:.25rem!important
    }
    .p-lg-2{
        padding:.5rem!important
    }
    .pt-lg-2,.py-lg-2{
        padding-top:.5rem!important
    }
    .pr-lg-2,.px-lg-2{
        padding-right:.5rem!important
    }
    .pb-lg-2,.py-lg-2{
        padding-bottom:.5rem!important
    }
    .pl-lg-2,.px-lg-2{
        padding-left:.5rem!important
    }
    .p-lg-3{
        padding:1rem!important
    }
    .pt-lg-3,.py-lg-3{
        padding-top:1rem!important
    }
    .pr-lg-3,.px-lg-3{
        padding-right:1rem!important
    }
    .pb-lg-3,.py-lg-3{
        padding-bottom:1rem!important
    }
    .pl-lg-3,.px-lg-3{
        padding-left:1rem!important
    }
    .p-lg-4{
        padding:1.5rem!important
    }
    .pt-lg-4,.py-lg-4{
        padding-top:1.5rem!important
    }
    .pr-lg-4,.px-lg-4{
        padding-right:1.5rem!important
    }
    .pb-lg-4,.py-lg-4{
        padding-bottom:1.5rem!important
    }
    .pl-lg-4,.px-lg-4{
        padding-left:1.5rem!important
    }
    .p-lg-5{
        padding:3rem!important
    }
    .pt-lg-5,.py-lg-5{
        padding-top:3rem!important
    }
    .pr-lg-5,.px-lg-5{
        padding-right:3rem!important
    }
    .pb-lg-5,.py-lg-5{
        padding-bottom:3rem!important
    }
    .pl-lg-5,.px-lg-5{
        padding-left:3rem!important
    }
    .m-lg-n1{
        margin:-.25rem!important
    }
    .mt-lg-n1,.my-lg-n1{
        margin-top:-.25rem!important
    }
    .mr-lg-n1,.mx-lg-n1{
        margin-right:-.25rem!important
    }
    .mb-lg-n1,.my-lg-n1{
        margin-bottom:-.25rem!important
    }
    .ml-lg-n1,.mx-lg-n1{
        margin-left:-.25rem!important
    }
    .m-lg-n2{
        margin:-.5rem!important
    }
    .mt-lg-n2,.my-lg-n2{
        margin-top:-.5rem!important
    }
    .mr-lg-n2,.mx-lg-n2{
        margin-right:-.5rem!important
    }
    .mb-lg-n2,.my-lg-n2{
        margin-bottom:-.5rem!important
    }
    .ml-lg-n2,.mx-lg-n2{
        margin-left:-.5rem!important
    }
    .m-lg-n3{
        margin:-1rem!important
    }
    .mt-lg-n3,.my-lg-n3{
        margin-top:-1rem!important
    }
    .mr-lg-n3,.mx-lg-n3{
        margin-right:-1rem!important
    }
    .mb-lg-n3,.my-lg-n3{
        margin-bottom:-1rem!important
    }
    .ml-lg-n3,.mx-lg-n3{
        margin-left:-1rem!important
    }
    .m-lg-n4{
        margin:-1.5rem!important
    }
    .mt-lg-n4,.my-lg-n4{
        margin-top:-1.5rem!important
    }
    .mr-lg-n4,.mx-lg-n4{
        margin-right:-1.5rem!important
    }
    .mb-lg-n4,.my-lg-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-lg-n4,.mx-lg-n4{
        margin-left:-1.5rem!important
    }
    .m-lg-n5{
        margin:-3rem!important
    }
    .mt-lg-n5,.my-lg-n5{
        margin-top:-3rem!important
    }
    .mr-lg-n5,.mx-lg-n5{
        margin-right:-3rem!important
    }
    .mb-lg-n5,.my-lg-n5{
        margin-bottom:-3rem!important
    }
    .ml-lg-n5,.mx-lg-n5{
        margin-left:-3rem!important
    }
    .m-lg-auto{
        margin:auto!important
    }
    .mt-lg-auto,.my-lg-auto{
        margin-top:auto!important
    }
    .mr-lg-auto,.mx-lg-auto{
        margin-right:auto!important
    }
    .mb-lg-auto,.my-lg-auto{
        margin-bottom:auto!important
    }
    .ml-lg-auto,.mx-lg-auto{
        margin-left:auto!important
    }
}
@media (min-width:1200px){
    .m-xl-0{
        margin:0!important
    }
    .mt-xl-0,.my-xl-0{
        margin-top:0!important
    }
    .mr-xl-0,.mx-xl-0{
        margin-right:0!important
    }
    .mb-xl-0,.my-xl-0{
        margin-bottom:0!important
    }
    .ml-xl-0,.mx-xl-0{
        margin-left:0!important
    }
    .m-xl-1{
        margin:.25rem!important
    }
    .mt-xl-1,.my-xl-1{
        margin-top:.25rem!important
    }
    .mr-xl-1,.mx-xl-1{
        margin-right:.25rem!important
    }
    .mb-xl-1,.my-xl-1{
        margin-bottom:.25rem!important
    }
    .ml-xl-1,.mx-xl-1{
        margin-left:.25rem!important
    }
    .m-xl-2{
        margin:.5rem!important
    }
    .mt-xl-2,.my-xl-2{
        margin-top:.5rem!important
    }
    .mr-xl-2,.mx-xl-2{
        margin-right:.5rem!important
    }
    .mb-xl-2,.my-xl-2{
        margin-bottom:.5rem!important
    }
    .ml-xl-2,.mx-xl-2{
        margin-left:.5rem!important
    }
    .m-xl-3{
        margin:1rem!important
    }
    .mt-xl-3,.my-xl-3{
        margin-top:1rem!important
    }
    .mr-xl-3,.mx-xl-3{
        margin-right:1rem!important
    }
    .mb-xl-3,.my-xl-3{
        margin-bottom:1rem!important
    }
    .ml-xl-3,.mx-xl-3{
        margin-left:1rem!important
    }
    .m-xl-4{
        margin:1.5rem!important
    }
    .mt-xl-4,.my-xl-4{
        margin-top:1.5rem!important
    }
    .mr-xl-4,.mx-xl-4{
        margin-right:1.5rem!important
    }
    .mb-xl-4,.my-xl-4{
        margin-bottom:1.5rem!important
    }
    .ml-xl-4,.mx-xl-4{
        margin-left:1.5rem!important
    }
    .m-xl-5{
        margin:3rem!important
    }
    .mt-xl-5,.my-xl-5{
        margin-top:3rem!important
    }
    .mr-xl-5,.mx-xl-5{
        margin-right:3rem!important
    }
    .mb-xl-5,.my-xl-5{
        margin-bottom:3rem!important
    }
    .ml-xl-5,.mx-xl-5{
        margin-left:3rem!important
    }
    .p-xl-0{
        padding:0!important
    }
    .pt-xl-0,.py-xl-0{
        padding-top:0!important
    }
    .pr-xl-0,.px-xl-0{
        padding-right:0!important
    }
    .pb-xl-0,.py-xl-0{
        padding-bottom:0!important
    }
    .pl-xl-0,.px-xl-0{
        padding-left:0!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .pt-xl-1,.py-xl-1{
        padding-top:.25rem!important
    }
    .pr-xl-1,.px-xl-1{
        padding-right:.25rem!important
    }
    .pb-xl-1,.py-xl-1{
        padding-bottom:.25rem!important
    }
    .pl-xl-1,.px-xl-1{
        padding-left:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .pt-xl-2,.py-xl-2{
        padding-top:.5rem!important
    }
    .pr-xl-2,.px-xl-2{
        padding-right:.5rem!important
    }
    .pb-xl-2,.py-xl-2{
        padding-bottom:.5rem!important
    }
    .pl-xl-2,.px-xl-2{
        padding-left:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .pt-xl-3,.py-xl-3{
        padding-top:1rem!important
    }
    .pr-xl-3,.px-xl-3{
        padding-right:1rem!important
    }
    .pb-xl-3,.py-xl-3{
        padding-bottom:1rem!important
    }
    .pl-xl-3,.px-xl-3{
        padding-left:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .pt-xl-4,.py-xl-4{
        padding-top:1.5rem!important
    }
    .pr-xl-4,.px-xl-4{
        padding-right:1.5rem!important
    }
    .pb-xl-4,.py-xl-4{
        padding-bottom:1.5rem!important
    }
    .pl-xl-4,.px-xl-4{
        padding-left:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .pt-xl-5,.py-xl-5{
        padding-top:3rem!important
    }
    .pr-xl-5,.px-xl-5{
        padding-right:3rem!important
    }
    .pb-xl-5,.py-xl-5{
        padding-bottom:3rem!important
    }
    .pl-xl-5,.px-xl-5{
        padding-left:3rem!important
    }
    .m-xl-n1{
        margin:-.25rem!important
    }
    .mt-xl-n1,.my-xl-n1{
        margin-top:-.25rem!important
    }
    .mr-xl-n1,.mx-xl-n1{
        margin-right:-.25rem!important
    }
    .mb-xl-n1,.my-xl-n1{
        margin-bottom:-.25rem!important
    }
    .ml-xl-n1,.mx-xl-n1{
        margin-left:-.25rem!important
    }
    .m-xl-n2{
        margin:-.5rem!important
    }
    .mt-xl-n2,.my-xl-n2{
        margin-top:-.5rem!important
    }
    .mr-xl-n2,.mx-xl-n2{
        margin-right:-.5rem!important
    }
    .mb-xl-n2,.my-xl-n2{
        margin-bottom:-.5rem!important
    }
    .ml-xl-n2,.mx-xl-n2{
        margin-left:-.5rem!important
    }
    .m-xl-n3{
        margin:-1rem!important
    }
    .mt-xl-n3,.my-xl-n3{
        margin-top:-1rem!important
    }
    .mr-xl-n3,.mx-xl-n3{
        margin-right:-1rem!important
    }
    .mb-xl-n3,.my-xl-n3{
        margin-bottom:-1rem!important
    }
    .ml-xl-n3,.mx-xl-n3{
        margin-left:-1rem!important
    }
    .m-xl-n4{
        margin:-1.5rem!important
    }
    .mt-xl-n4,.my-xl-n4{
        margin-top:-1.5rem!important
    }
    .mr-xl-n4,.mx-xl-n4{
        margin-right:-1.5rem!important
    }
    .mb-xl-n4,.my-xl-n4{
        margin-bottom:-1.5rem!important
    }
    .ml-xl-n4,.mx-xl-n4{
        margin-left:-1.5rem!important
    }
    .m-xl-n5{
        margin:-3rem!important
    }
    .mt-xl-n5,.my-xl-n5{
        margin-top:-3rem!important
    }
    .mr-xl-n5,.mx-xl-n5{
        margin-right:-3rem!important
    }
    .mb-xl-n5,.my-xl-n5{
        margin-bottom:-3rem!important
    }
    .ml-xl-n5,.mx-xl-n5{
        margin-left:-3rem!important
    }
    .m-xl-auto{
        margin:auto!important
    }
    .mt-xl-auto,.my-xl-auto{
        margin-top:auto!important
    }
    .mr-xl-auto,.mx-xl-auto{
        margin-right:auto!important
    }
    .mb-xl-auto,.my-xl-auto{
        margin-bottom:auto!important
    }
    .ml-xl-auto,.mx-xl-auto{
        margin-left:auto!important
    }
}
@keyframes plyr-progress{
    to{
        background-position:25px 0
    }
}
@keyframes plyr-popup{
    0%{
        opacity:.5;
        transform:translateY(10px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes plyr-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.plyr{
    -moz-osx-font-smoothing:auto;
    -webkit-font-smoothing:subpixel-antialiased;
    direction:ltr;
    font-family:Avenir,Avenir Next,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;
    font-variant-numeric:tabular-nums;
    font-weight:500;
    line-height:1.7;
    max-width:100%;
    min-width:200px;
    position:relative;
    text-shadow:none;
    transition:box-shadow .3s ease
}
.plyr audio,.plyr video{
    border-radius:inherit;
    height:auto;
    vertical-align:middle;
    width:100%
}
.plyr button{
    font:inherit;
    line-height:inherit;
    width:auto
}
.plyr:focus{
    outline:0
}
.plyr--full-ui{
    box-sizing:border-box
}
.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{
    box-sizing:inherit
}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{
    touch-action:manipulation
}
.plyr__badge{
    background:#4a5764;
    border-radius:2px;
    color:#fff;
    font-size:9px;
    line-height:1;
    padding:3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container{
    display:none
}
.plyr__captions{
    animation:plyr-fade-in .3s ease;
    bottom:0;
    color:#fff;
    display:none;
    font-size:14px;
    left:0;
    padding:10px;
    position:absolute;
    text-align:center;
    transition:transform .4s ease-in-out;
    width:100%
}
.plyr__captions .plyr__caption{
    background:rgba(0,0,0,.8);
    border-radius:2px;
    box-decoration-break:clone;
    line-height:185%;
    padding:.2em .5em;
    white-space:pre-wrap
}
.plyr__captions .plyr__caption div{
    display:inline
}
.plyr__captions span:empty{
    display:none
}
@media (min-width:480px){
    .plyr__captions{
        font-size:16px;
        padding:20px
    }
}
@media (min-width:768px){
    .plyr__captions{
        font-size:18px
    }
}
.plyr--captions-active .plyr__captions{
    display:block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{
    transform:translateY(-40px)
}
.plyr__control{
    background:transparent;
    border:0;
    border-radius:3px;
    color:inherit;
    cursor:pointer;
    flex-shrink:0;
    overflow:visible;
    padding:7px;
    position:relative;
    transition:all .3s ease
}
.plyr__control svg{
    display:block;
    fill:currentColor;
    height:18px;
    pointer-events:none;
    width:18px
}
.plyr__control:focus{
    outline:0
}
.plyr__control.plyr__tab-focus{
    box-shadow:0 0 0 5px rgba(0,179,255,.5);
    outline:0
}
a.plyr__control{
    text-decoration:none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{
    display:none
}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true],.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
    background:#00b3ff;
    color:#fff
}
.plyr__control--overlaid{
    background:rgba(0,179,255,.8);
    border:0;
    border-radius:100%;
    color:#fff;
    display:none;
    left:50%;
    padding:15px;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.plyr__control--overlaid svg{
    left:2px;
    position:relative
}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{
    background:#00b3ff
}
.plyr--playing .plyr__control--overlaid{
    opacity:0;
    visibility:hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid{
    display:block
}
.plyr--full-ui ::-webkit-media-controls{
    display:none
}
.plyr__controls{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    text-align:center
}
.plyr__controls .plyr__progress__container{
    flex:1;
    min-width:0
}
.plyr__controls .plyr__controls__item{
    margin-left:2.5px
}
.plyr__controls .plyr__controls__item:first-child{
    margin-left:0;
    margin-right:auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container{
    padding-left:2.5px
}
.plyr__controls .plyr__controls__item.plyr__time{
    padding:0 5px
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{
    padding-left:0
}
.plyr__controls .plyr__controls__item.plyr__volume{
    padding-right:5px
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child{
    padding-right:0
}
.plyr__controls:empty{
    display:none
}
.plyr--audio .plyr__controls{
    background:#fff;
    border-radius:inherit;
    color:#4a5764;
    padding:10px
}
.plyr--video .plyr__controls{
    background:linear-gradient(transparent,rgba(0,0,0,.7));
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
    bottom:0;
    color:#fff;
    left:0;
    padding:20px 5px 5px;
    position:absolute;
    right:0;
    transition:opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index:3
}
@media (min-width:480px){
    .plyr--video .plyr__controls{
        padding:35px 10px 10px
    }
}
.plyr--video.plyr--hide-controls .plyr__controls{
    opacity:0;
    pointer-events:none;
    transform:translateY(100%)
}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{
    display:none
}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{
    display:inline-block
}
.plyr__menu{
    display:flex;
    position:relative
}
.plyr__menu .plyr__control svg{
    transition:transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg{
    transform:rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{
    display:none
}
.plyr__menu__container{
    animation:plyr-popup .2s ease;
    background:hsla(0,0%,100%,.9);
    border-radius:4px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    color:#4a5764;
    font-size:16px;
    margin-bottom:10px;
    position:absolute;
    right:-3px;
    text-align:left;
    white-space:nowrap;
    z-index:3
}
.plyr__menu__container>div{
    overflow:hidden;
    transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}
.plyr__menu__container:after{
    border:4px solid transparent;
    border-top-color:hsla(0,0%,100%,.9);
    content:"";
    height:0;
    position:absolute;
    right:15px;
    top:100%;
    width:0
}
.plyr__menu__container [role=menu]{
    padding:7px
}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{
    margin-top:2px
}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{
    margin-top:0
}
.plyr__menu__container .plyr__control{
    align-items:center;
    color:#4a5764;
    display:flex;
    font-size:14px;
    padding:4px 11px;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.plyr__menu__container .plyr__control>span{
    align-items:inherit;
    display:flex;
    width:100%
}
.plyr__menu__container .plyr__control:after{
    border:4px solid transparent;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.plyr__menu__container .plyr__control--forward{
    padding-right:28px
}
.plyr__menu__container .plyr__control--forward:after{
    border-left-color:rgba(74,87,100,.8);
    right:5px
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{
    border-left-color:currentColor
}
.plyr__menu__container .plyr__control--back{
    font-weight:500;
    margin:7px 7px 3px;
    padding-left:28px;
    position:relative;
    width:calc(100% - 14px)
}
.plyr__menu__container .plyr__control--back:after{
    border-right-color:rgba(74,87,100,.8);
    left:7px
}
.plyr__menu__container .plyr__control--back:before{
    background:#c1c9d1;
    box-shadow:0 1px 0 #fff;
    content:"";
    height:1px;
    left:0;
    margin-top:4px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{
    border-right-color:currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio]{
    padding-left:7px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{
    border-radius:100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before{
    background:rgba(0,0,0,.1);
    content:"";
    display:block;
    flex-shrink:0;
    height:16px;
    margin-right:10px;
    transition:all .3s ease;
    width:16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after{
    background:#fff;
    border:0;
    height:6px;
    left:12px;
    opacity:0;
    top:50%;
    transform:translateY(-50%) scale(0);
    transition:transform .3s ease,opacity .3s ease;
    width:6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
    background:#00b3ff
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{
    opacity:1;
    transform:translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{
    background:rgba(0,0,0,.1)
}
.plyr__menu__container .plyr__menu__value{
    align-items:center;
    display:flex;
    margin-left:auto;
    margin-right:-5px;
    overflow:hidden;
    padding-left:25px;
    pointer-events:none
}
.plyr--full-ui input[type=range]{
    -webkit-appearance:none;
    background:transparent;
    border:0;
    border-radius:26px;
    color:#00b3ff;
    display:block;
    height:19px;
    margin:0;
    padding:0;
    transition:box-shadow .3s ease;
    width:100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
    background:transparent;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    user-select:none;
    background-image:linear-gradient(90deg,currentColor var(--value,0),transparent var(--value,0))
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px;
    -webkit-appearance:none;
    margin-top:-4px
}
.plyr--full-ui input[type=range]::-moz-range-track{
    background:transparent;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-moz-range-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px
}
.plyr--full-ui input[type=range]::-moz-range-progress{
    background:currentColor;
    border-radius:2.5px;
    height:5px
}
.plyr--full-ui input[type=range]::-ms-track{
    color:transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{
    background:transparent;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -ms-user-select:none;
    user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower{
    background:transparent;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -ms-user-select:none;
    user-select:none;
    background:currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb{
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px;
    margin-top:0
}
.plyr--full-ui input[type=range]::-ms-tooltip{
    display:none
}
.plyr--full-ui input[type=range]:focus{
    outline:0
}
.plyr--full-ui input[type=range]::-moz-focus-outer{
    border:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
    box-shadow:0 0 0 5px rgba(0,179,255,.5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{
    box-shadow:0 0 0 5px rgba(0,179,255,.5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{
    box-shadow:0 0 0 5px rgba(0,179,255,.5);
    outline:0
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{
    background-color:hsla(0,0%,100%,.25)
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{
    background-color:hsla(0,0%,100%,.25)
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{
    background-color:hsla(0,0%,100%,.25)
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px hsla(0,0%,100%,.5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px hsla(0,0%,100%,.5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px hsla(0,0%,100%,.5)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{
    background-color:rgba(193,201,209,.66)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{
    box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)
}
.plyr__poster{
    background-color:#000;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .2s ease;
    width:100%;
    z-index:1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster{
    opacity:1
}
.plyr__time{
    font-size:14px
}
.plyr__time+.plyr__time:before{
    content:"\2044";
    margin-right:10px
}
@media (max-width:767px){
    .plyr__time+.plyr__time{
        display:none
    }
}
.plyr--video .plyr__time{
    text-shadow:0 1px 1px rgba(0,0,0,.15)
}
.plyr__tooltip{
    background:hsla(0,0%,100%,.9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    color:#4a5764;
    font-size:14px;
    font-weight:500;
    left:50%;
    line-height:1.3;
    margin-bottom:10px;
    opacity:0;
    padding:5px 7.5px;
    pointer-events:none;
    position:absolute;
    transform:translate(-50%,10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s ease .1s,opacity .2s ease .1s;
    white-space:nowrap;
    z-index:2
}
.plyr__tooltip:before{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid hsla(0,0%,100%,.9);
    bottom:-4px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{
    opacity:1;
    transform:translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip{
    z-index:3
}
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{
    left:0;
    transform:translateY(10px) scale(.8);
    transform-origin:0 100%
}
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{
    left:16px
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{
    left:auto;
    right:0;
    transform:translateY(10px) scale(.8);
    transform-origin:100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{
    left:auto;
    right:16px;
    transform:translateX(50%)
}
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{
    transform:translate(0) scale(1)
}
.plyr--video{
    background:#000;
    overflow:hidden
}
.plyr--video.plyr--menu-open{
    overflow:visible
}
.plyr__video-wrapper{
    background:#000;
    border-radius:inherit;
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
    height:0;
    padding-bottom:56.25%
}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{
    border:0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
    padding-bottom:240%;
    position:relative;
    transform:translateY(-38.28125%)
}
.plyr__progress{
    left:6.5px;
    margin-right:13px;
    position:relative
}
.plyr__progress__buffer,.plyr__progress input[type=range]{
    margin-left:-6.5px;
    margin-right:-6.5px;
    width:calc(100% + 13px)
}
.plyr__progress input[type=range]{
    position:relative;
    z-index:2
}
.plyr__progress .plyr__tooltip{
    font-size:14px;
    left:0
}
.plyr__progress__buffer{
    -webkit-appearance:none;
    background:transparent;
    border:0;
    border-radius:100px;
    height:5px;
    left:0;
    margin-top:-2.5px;
    padding:0;
    position:absolute;
    top:50%
}
.plyr__progress__buffer::-webkit-progress-bar{
    background:transparent
}
.plyr__progress__buffer::-webkit-progress-value{
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    transition:width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar{
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    transition:width .2s ease
}
.plyr__progress__buffer::-ms-fill{
    border-radius:100px;
    transition:width .2s ease
}
.plyr--video .plyr__progress__buffer{
    box-shadow:0 1px 1px rgba(0,0,0,.15);
    color:hsla(0,0%,100%,.25)
}
.plyr--audio .plyr__progress__buffer{
    color:rgba(193,201,209,.66)
}
.plyr--loading .plyr__progress__buffer{
    animation:plyr-progress 1s linear infinite;
    background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 0,transparent 50%,rgba(35,41,47,.6) 0,rgba(35,41,47,.6) 75%,transparent 0,transparent);
    background-repeat:repeat-x;
    background-size:25px 25px;
    color:transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer{
    background-color:hsla(0,0%,100%,.25)
}
.plyr--audio.plyr--loading .plyr__progress__buffer{
    background-color:rgba(193,201,209,.66)
}
.plyr__volume{
    align-items:center;
    display:flex;
    flex:1;
    position:relative
}
.plyr__volume input[type=range]{
    margin-left:5px;
    position:relative;
    z-index:2
}
@media (min-width:480px){
    .plyr__volume{
        max-width:90px
    }
}
@media (min-width:768px){
    .plyr__volume{
        max-width:110px
    }
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute],.plyr--is-ios .plyr__volume{
    display:none!important
}
.plyr:fullscreen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:fullscreen video{
    height:100%
}
.plyr:fullscreen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:fullscreen.plyr--hide-controls{
    cursor:none
}
@media (min-width:1024px){
    .plyr:-ms-fullscreen .plyr__captions{
        font-size:21px
    }
    .plyr:fullscreen .plyr__captions{
        font-size:21px
    }
}
.plyr:-webkit-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-webkit-full-screen video{
    height:100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-webkit-full-screen.plyr--hide-controls{
    cursor:none
}
@media (min-width:1024px){
    .plyr:-webkit-full-screen .plyr__captions{
        font-size:21px
    }
}
.plyr:-moz-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-moz-full-screen video{
    height:100%
}
.plyr:-moz-full-screen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-moz-full-screen.plyr--hide-controls{
    cursor:none
}
@media (min-width:1024px){
    .plyr:-moz-full-screen .plyr__captions{
        font-size:21px
    }
}
.plyr:-ms-fullscreen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-ms-fullscreen video{
    height:100%
}
.plyr:-ms-fullscreen .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-ms-fullscreen.plyr--hide-controls{
    cursor:none
}
@media (min-width:1024px){
    .plyr:-ms-fullscreen .plyr__captions{
        font-size:21px
    }
}
.plyr--fullscreen-fallback{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:10000000
}
.plyr--fullscreen-fallback video{
    height:100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper{
    height:100%;
    position:static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr--fullscreen-fallback.plyr--hide-controls{
    cursor:none
}
@media (min-width:1024px){
    .plyr--fullscreen-fallback .plyr__captions{
        font-size:21px
    }
}
.plyr__ads{
    border-radius:inherit;
    bottom:0;
    cursor:pointer;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.plyr__ads>div,.plyr__ads>div iframe{
    height:100%;
    position:absolute;
    width:100%
}
.plyr__ads:after{
    background:rgba(35,41,47,.8);
    border-radius:2px;
    bottom:10px;
    color:#fff;
    content:attr(data-badge-text);
    font-size:11px;
    padding:2px 6px;
    pointer-events:none;
    position:absolute;
    right:10px;
    z-index:3
}
.plyr__ads:after:empty{
    display:none
}
.plyr__cues{
    background:currentColor;
    display:block;
    height:5px;
    left:0;
    margin:-2.5px 0 0;
    opacity:.8;
    position:absolute;
    top:50%;
    width:3px;
    z-index:3
}
.plyr__preview-thumb{
    background-color:hsla(0,0%,100%,.9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    margin-bottom:10px;
    opacity:0;
    padding:3px;
    pointer-events:none;
    position:absolute;
    transform:translateY(10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s ease .1s,opacity .2s ease .1s;
    z-index:2
}
.plyr__preview-thumb--is-shown{
    opacity:1;
    transform:translate(0) scale(1)
}
.plyr__preview-thumb:before{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid hsla(0,0%,100%,.9);
    bottom:-4px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr__preview-thumb__image-container{
    background:#c1c9d1;
    border-radius:2px;
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__preview-thumb__image-container img{
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    position:absolute;
    top:0;
    width:100%
}
.plyr__preview-thumb__time-container{
    bottom:6px;
    left:0;
    position:absolute;
    right:0;
    white-space:nowrap;
    z-index:3
}
.plyr__preview-thumb__time-container span{
    background-color:rgba(0,0,0,.55);
    border-radius:2px;
    color:#fff;
    font-size:14px;
    padding:3px 6px
}
.plyr__preview-scrubbing{
    bottom:0;
    filter:blur(1px);
    height:100%;
    left:0;
    margin:auto;
    opacity:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    transition:opacity .3s ease;
    width:100%;
    z-index:1
}
.plyr__preview-scrubbing--is-shown{
    opacity:1
}
.plyr__preview-scrubbing img{
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    object-fit:contain;
    position:absolute;
    top:0;
    width:100%
}
.plyr--no-transition{
    transition:none!important
}
.plyr__sr-only{
    clip:rect(1px,1px,1px,1px);
    overflow:hidden;
    border:0!important;
    height:1px!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important
}
.plyr [hidden]{
    display:none!important
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{
    transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{
    transition-delay:50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{
    transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{
    transition-delay:.1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{
    transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{
    transition-delay:.15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{
    transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{
    transition-delay:.2s
}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{
    transition-duration:.25s
}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{
    transition-delay:.25s
}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{
    transition-duration:.3s
}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{
    transition-delay:.3s
}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{
    transition-duration:.35s
}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{
    transition-delay:.35s
}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{
    transition-duration:.4s
}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{
    transition-delay:.4s
}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{
    transition-duration:.45s
}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{
    transition-delay:.45s
}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{
    transition-duration:.5s
}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{
    transition-delay:.5s
}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{
    transition-duration:.55s
}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{
    transition-delay:.55s
}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{
    transition-duration:.6s
}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{
    transition-delay:.6s
}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{
    transition-duration:.65s
}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{
    transition-delay:.65s
}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{
    transition-duration:.7s
}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{
    transition-delay:.7s
}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{
    transition-duration:.75s
}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{
    transition-delay:.75s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{
    transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{
    transition-delay:.8s
}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{
    transition-duration:.85s
}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{
    transition-delay:.85s
}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{
    transition-duration:.9s
}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{
    transition-delay:.9s
}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{
    transition-duration:.95s
}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{
    transition-delay:.95s
}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{
    transition-duration:1s
}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{
    transition-delay:1s
}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{
    transition-duration:1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{
    transition-delay:1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{
    transition-duration:1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{
    transition-delay:1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{
    transition-duration:1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{
    transition-delay:1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{
    transition-duration:1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{
    transition-delay:1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{
    transition-duration:1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{
    transition-delay:1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{
    transition-duration:1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{
    transition-delay:1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{
    transition-duration:1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{
    transition-delay:1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{
    transition-duration:1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{
    transition-delay:1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{
    transition-duration:1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{
    transition-delay:1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{
    transition-duration:1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{
    transition-delay:1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{
    transition-duration:1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{
    transition-delay:1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{
    transition-duration:1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{
    transition-delay:1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{
    transition-duration:1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{
    transition-delay:1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{
    transition-duration:1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{
    transition-delay:1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{
    transition-duration:1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{
    transition-delay:1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{
    transition-duration:1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{
    transition-delay:1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{
    transition-duration:1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{
    transition-delay:1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{
    transition-duration:1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{
    transition-delay:1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{
    transition-duration:1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{
    transition-delay:1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{
    transition-duration:2s
}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{
    transition-delay:2s
}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{
    transition-duration:2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{
    transition-delay:2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{
    transition-duration:2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{
    transition-delay:2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{
    transition-duration:2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{
    transition-delay:2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{
    transition-duration:2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{
    transition-delay:2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{
    transition-duration:2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{
    transition-delay:2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{
    transition-duration:2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{
    transition-delay:2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{
    transition-duration:2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{
    transition-delay:2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{
    transition-duration:2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{
    transition-delay:2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{
    transition-duration:2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{
    transition-delay:2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{
    transition-duration:2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{
    transition-delay:2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{
    transition-duration:2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{
    transition-delay:2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{
    transition-duration:2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{
    transition-delay:2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{
    transition-duration:2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{
    transition-delay:2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{
    transition-duration:2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{
    transition-delay:2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{
    transition-duration:2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{
    transition-delay:2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{
    transition-duration:2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{
    transition-delay:2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{
    transition-duration:2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{
    transition-delay:2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{
    transition-duration:2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{
    transition-delay:2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{
    transition-duration:2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{
    transition-delay:2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{
    transition-duration:3s
}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{
    transition-delay:3s
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{
    transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{
    transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{
    transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{
    transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{
    transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{
    transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
    transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{
    transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{
    transition-timing-function:cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{
    transition-timing-function:cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{
    transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade]{
    opacity:0;
    transition-property:opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate{
    opacity:1;
    transform:translateZ(0)
}
[data-aos=fade-up]{
    transform:translate3d(0,100px,0)
}
[data-aos=fade-down]{
    transform:translate3d(0,-100px,0)
}
[data-aos=fade-right]{
    transform:translate3d(-100px,0,0)
}
[data-aos=fade-left]{
    transform:translate3d(100px,0,0)
}
[data-aos=fade-up-right]{
    transform:translate3d(-100px,100px,0)
}
[data-aos=fade-up-left]{
    transform:translate3d(100px,100px,0)
}
[data-aos=fade-down-right]{
    transform:translate3d(-100px,-100px,0)
}
[data-aos=fade-down-left]{
    transform:translate3d(100px,-100px,0)
}
[data-aos^=zoom][data-aos^=zoom]{
    opacity:0;
    transition-property:opacity,transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate{
    opacity:1;
    transform:translateZ(0) scale(1)
}
[data-aos=zoom-in]{
    transform:scale(.6)
}
[data-aos=zoom-in-up]{
    transform:translate3d(0,100px,0) scale(.6)
}
[data-aos=zoom-in-down]{
    transform:translate3d(0,-100px,0) scale(.6)
}
[data-aos=zoom-in-right]{
    transform:translate3d(-100px,0,0) scale(.6)
}
[data-aos=zoom-in-left]{
    transform:translate3d(100px,0,0) scale(.6)
}
[data-aos=zoom-out]{
    transform:scale(1.2)
}
[data-aos=zoom-out-up]{
    transform:translate3d(0,100px,0) scale(1.2)
}
[data-aos=zoom-out-down]{
    transform:translate3d(0,-100px,0) scale(1.2)
}
[data-aos=zoom-out-right]{
    transform:translate3d(-100px,0,0) scale(1.2)
}
[data-aos=zoom-out-left]{
    transform:translate3d(100px,0,0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide]{
    transition-property:transform
}
[data-aos^=slide][data-aos^=slide].aos-animate{
    transform:translateZ(0)
}
[data-aos=slide-up]{
    transform:translate3d(0,100%,0)
}
[data-aos=slide-down]{
    transform:translate3d(0,-100%,0)
}
[data-aos=slide-right]{
    transform:translate3d(-100%,0,0)
}
[data-aos=slide-left]{
    transform:translate3d(100%,0,0)
}
[data-aos^=flip][data-aos^=flip]{
    backface-visibility:hidden;
    transition-property:transform
}
[data-aos=flip-left]{
    transform:perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate{
    transform:perspective(2500px) rotateY(0)
}
[data-aos=flip-right]{
    transform:perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate{
    transform:perspective(2500px) rotateY(0)
}
[data-aos=flip-up]{
    transform:perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate{
    transform:perspective(2500px) rotateX(0)
}
[data-aos=flip-down]{
    transform:perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate{
    transform:perspective(2500px) rotateX(0)
}
/*! * Toastify js 1.6.1 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */
.toastify{
    padding:12px 20px;
    color:#fff;
    display:inline-block;
    box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);
    background:linear-gradient(135deg,#73a5ff,#5477f5);
    position:fixed;
    opacity:0;
    transition:all .4s cubic-bezier(.215,.61,.355,1);
    border-radius:2px;
    cursor:pointer;
    text-decoration:none;
    max-width:calc(50% - 20px);
    z-index:2147483647
}
.toastify.on{
    opacity:1
}
.toast-close{
    opacity:.4;
    padding:0 5px
}
.toastify-right{
    right:15px
}
.toastify-left{
    left:15px
}
.toastify-top{
    top:-150px
}
.toastify-bottom{
    bottom:-150px
}
.toastify-rounded{
    border-radius:25px
}
.toastify-avatar{
    width:1.5em;
    height:1.5em;
    margin:0 5px;
    border-radius:2px
}
.toastify-center{
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    max-width:fit-content
}
@media only screen and (max-width:360px){
    .toastify-left,.toastify-right{
        margin-left:auto;
        margin-right:auto;
        left:0;
        right:0;
        max-width:fit-content
    }
}
#header{
    width:100%;
    height:95px;
    position:fixed;
    top:0;
    left:0;
    z-index:10
}
#header:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    left:0;
    right:0;
    bottom:-1px;
    margin:0 auto;
    background:hsla(0,0%,84.7%,.2)
}
#header .content-center{
    height:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:space-between
}
#header.headroom{
    will-change:transform,background-color;
    transition:transform .3s ease,background-color .3s ease
}
#header.headroom--not-top{
    background-color:#303392
}
#header.headroom--pinned{
    transform:translateY(0)
}
#header.headroom--unpinned{
    transform:translateY(-100%)
}
#header.change-color{
    background:#fff
}
#header.change-color:before{
    background:rgba(34,55,112,.2)
}
#header.change-color .header-logo:before{
    opacity:0
}
#header.change-color .header-logo:after{
    opacity:1
}
#header.change-color .header-menu>li>a,#header.change-color .header-menu>li>span{
    color:#303392
}
#header.change-color .header-menu>li>a:before,#header.change-color .header-menu>li>span:before{
    background:#303392
}
#header.change-color .header-menu>li .ha-inner:before{
    opacity:0
}
#header.change-color .header-menu>li .ha-inner:after{
    opacity:1
}
#header.change-color .header-drop{
    background:#303392
}
#header.change-color .header-drop:before{
    border-bottom:10px solid #303392
}
#header.change-color .header-drop li a{
    color:#fff
}
#header.change-color .header-btn{
    background:#303392
}
#header.change-color .header-btn span{
    color:#fff
}
#header.change-color .hb-line:before{
    background:#303392
}
@media only screen and (max-width:1024px){
    #header{
        height:85px
    }
}
@media only screen and (max-width:640px){
    #header{
        height:75px
    }
}
.header-logo{
    width:196px;
    display:block;
    position:relative;
    font-size:0!important
}
.header-logo img{
    width:285px
}

@media only screen and (max-width:1024px){
    .header-logo{
        width:183px;
    }
}
@media only screen and (max-width:640px){
    .header-logo{
        width:161px;
    }
}
.header-nav{
    position:relative
}
.header-menu,.header-nav{
    width:auto;
    height:100%;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.header-menu{
    padding:0;
    margin:0 40px 0 0
}
.header-menu li{
    width:auto;
    height:100%;
    list-style:none;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.header-menu li a{
    text-decoration:none
}
.header-menu>li{
    margin-right:40px
}
.header-menu>li:last-child{
    margin-right:0
}
.header-menu>li>a,.header-menu>li>span{
    color:#fff;
    font-size:16px;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.header-menu>li>a:before,.header-menu>li>span:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    left:0;
    bottom:-1px;
    background:#fff;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .5s cubic-bezier(.4,0,0,1)
}
html:not(.touch) .header-menu>li>a:hover:before,html:not(.touch) .header-menu>li>span:hover:before{
    transform:scaleX(1);
    transform-origin:left center
}
.header-menu>li>span{
    cursor:pointer
}
.header-menu>li .ha-inner{
    position:relative;
    padding-right:15px;
    display:inline-block
}
.header-menu>li .ha-inner:after,.header-menu>li .ha-inner:before{
    content:"";
    position:absolute;
    width:9px;
    height:4px;
    top:2px;
    right:0;
    bottom:0;
    margin:auto 0;
    transition:transform .2s cubic-bezier(.4,0,0,1)
}
.header-menu>li .ha-inner:before{
    background:url(icons/drop-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.header-menu>li .ha-inner:after{
    opacity:0;
    background:url(icons/drop-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.header-menu>li.active>a:before,.header-menu>li.active>span:before{
    transform:scaleX(1);
    transform-origin:left center
}
.header-menu>li.opened .ha-inner:after,.header-menu>li.opened .ha-inner:before{
    transform:rotate(-180deg)
}
.header-menu>li.opened .header-drop{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0)
}
@media only screen and (max-width:1024px){
    .header-menu{
        display:none
    }
}
.header-drop{
    width:auto;
    margin:0;
    min-width:170px;
    position:absolute;
    top:100%;
    right:0;
    opacity:0;
    cursor:auto;
    list-style:none;
    background:#fff;
    padding:22px 24px;
    pointer-events:none;
    transform:translateY(20px);
    box-shadow:0 20px 30px 0 rgba(34,55,112,.3)
}
body.loaded .header-drop{
    transition:opacity .3s cubic-bezier(.4,0,0,1),transform .3s cubic-bezier(.4,0,0,1.2)
}
.header-drop:before{
    content:"";
    position:absolute;
    top:-20px;
    right:40px;
    border:10px solid transparent;
    border-bottom-color:#fff
}
.header-drop li{
    margin-bottom:20px
}
.header-drop li:last-child{
    margin-bottom:0
}
.header-drop li a{
    color:#303392;
    font-size:16px;
    line-height:1.6;
    white-space:nowrap;
    transition:color .5s cubic-bezier(.455,.03,.515,.955)
}
html:not(.touch) .header-drop li a:hover{
    color:#76aeff!important
}
.header-btn{
    width:auto;
    background:#fff;
    padding:16px 25px;
    display:inline-block;
    text-decoration:none;
    font:16px GilroyBold,sans-serif
}
body.loaded .header-btn{
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
html:not(.touch) body.loaded .header-btn:hover{
    background:#e87878!important
}
html:not(.touch) body.loaded .header-btn:hover span{
    color:#fff!important
}
.header-btn span{
    display:block;
    color:#303392;
    position:relative
}
body.loaded .header-btn span{
    transition:color .5s cubic-bezier(.455,.03,.515,.955)
}
@media only screen and (max-width:1024px){
    .header-btn{
        display:none
    }
}
.header-burger{
    width:28px;
    height:18px;
    padding:0;
    border:none;
    display:none;
    cursor:pointer;
    background:none;
    position:relative
}
@media only screen and (max-width:1024px){
    .header-burger{
        display:block
    }
}
@media only screen and (max-width:640px){
    .header-burger{
        width:24px;
        height:16px
    }
}
.hb-line{
    height:2px;
    display:block
}
.hb-line,.hb-line:before{
    width:100%;
    position:absolute;
    left:0
}
.hb-line:before{
    content:"";
    height:100%;
    top:0;
    background:#fff
}
.hb-line:first-child{
    top:0
}
.hb-line:nth-child(2){
    top:8px
}
.hb-line:nth-child(3){
    bottom:0
}
@media only screen and (max-width:640px){
    .hb-line:nth-child(2){
        top:7px
    }
}
#footer{
    background:#fff
}
#footer,.paysys,.paysys-content{
    width:100%;
    position:relative
}
.paysys-content{
    padding:40px 40px 55px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    z-index:2
}
@media only screen and (max-width:640px){
    .paysys-content{
        padding:30px 20px 35px
    }
}
.paysys-title{
    width:100%;
    position:relative;
    text-align:center
}
.paysys-title p{
    color:#fff;
    font:24px GilroyBold,sans-serif;
    line-height:1.3
}
@media only screen and (max-width:1024px){
    .paysys-title p{
        font-size:20px
    }
}
.paysys-desc{
    width:100%;
    padding-top:10px;
    position:relative;
    text-align:center
}
.paysys-desc p{
    color:#fff;
    font-size:16px;
    line-height:1.6
}
.paysys-action{
    width:100%;
    position:relative;
    padding-top:35px
}
.ns-action-center{
    width:90%;
    margin:0 auto;
    position:relative
}
.ns-action-center form{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start
}
@media only screen and (max-width:640px){
    .ns-action-center{
        width:100%
    }
}
.ns-form-input{
    width:calc(100% - 40px);
    height:40px;
    position:relative;
    padding-right:20px;
    color:#fff;
    background:none;
    border:none;
    border-bottom:1px solid #fff;
    font:16px GilroyBold,sans-serif
}
.ns-form-input:-moz-placeholder,.ns-form-input::-moz-placeholder{
    color:hsla(0,0%,100%,.2)
}
.ns-form-input:-ms-input-placeholder{
    color:hsla(0,0%,100%,.2)
}
.ns-form-input::-webkit-input-placeholder{
    color:hsla(0,0%,100%,.2)
}
.ns-form-btn{
    width:40px;
    height:40px;
    padding:0;
    border:none;
    cursor:pointer;
    background:#fff;
    position:relative;
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
.ns-form-btn:after,.ns-form-btn:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.ns-form-btn:before{
    background:url(icons/arrow-right-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.ns-form-btn:after{
    opacity:0;
    transform:scale(0) translateX(-40px);
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.ns-form-btn .spinner-border{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-.75rem;
    margin-left:-.75rem;
    opacity:0;
    will-change:opacity;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955);
    border-color:#e87878 transparent #e87878 #e87878
}
.ns-form-btn.is-loading{
    pointer-events:none
}
.ns-form-btn.is-loading:after,.ns-form-btn.is-loading:before{
    opacity:0
}
.ns-form-btn.is-loading .spinner-border{
    opacity:1;
    animation-play-state:running
}
html:not(.touch) .ns-form-btn:hover{
    background:#e87878
}
html:not(.touch) .ns-form-btn:hover:before{
    opacity:0;
    transform:scale(0) translateX(40px)
}
html:not(.touch) .ns-form-btn:hover:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
.paysys-image{
    overflow:hidden;
    z-index:1;
    border-radius:10px
}
.paysys-image,.paysys-image:before{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.paysys-image:before{
    content:"";
    background:linear-gradient(180deg,#2e7dc0 0,#303392)
}
.paysys-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
.paysys-images img{
        margin: 0 17px;
}
@media only screen and (max-width:1024px){
    .paysys-image img{
        opacity:0
    }
    .paysys-image:before{
        opacity:1
    }
}
.underside{
    width:100%;
    position:relative;
    padding:45px 0;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:space-between;
    
    background: url(../images/darklogo.png) no-repeat center center;
    background-size: 200px;
}
@media only screen and (max-width:1024px){
    .underside{
        flex-direction:column;
        background:url(../images/darklogo.png) no-repeat center top;
        background-size:150px
    }
}
@media only screen and (max-width:640px){
    .underside{
        padding:40px 0
    }
}
.us-copyrights,.us-developed{
    width:auto;
    max-width:330px;
    position:relative;
    z-index:2
}
.us-copyrights p,.us-developed p{
    font-size:14px;
    line-height:1.6
}
.us-copyrights a,.us-developed a{
    color:#303392;
    text-decoration:none
}
html:not(.touch) .us-copyrights a:hover,html:not(.touch) .us-developed a:hover{
    text-decoration:underline
}
@media only screen and (max-width:1200px){
    .us-copyrights,.us-developed{
        max-width:280px
    }
}
@media only screen and (max-width:1024px){
    .us-copyrights,.us-developed{
        width:100%;
        max-width:100%;
        text-align:center
    }
}
.us-copyrights p{
    color:rgba(34,55,112,.6)
}
.us-developed p{
    color:#303392
}
.us-socials{
    height:25px;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:center
}
@media only screen and (max-width:1024px){
    .us-socials{
        height:auto;
        padding:20px 0;
        position:relative
    }
}
.us-social-link{
    width:26px;
    height:26px;
    display:block;
    margin:0 10px;
    border-radius:50%;
    position:relative
}
.us-social-link:after,.us-social-link:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.us-social-link:after{
    opacity:0
}
.us-social-link:first-child{
    margin-left:0
}
.us-social-link:last-child{
    margin-right:0
}
html:not(.touch) .us-social-link:hover:before{
    opacity:0
}
html:not(.touch) .us-social-link:hover:after{
    opacity:1
}
.us-social-link.us-social-instagram:before{
    background:url(icons/instagram-rounded-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-instagram:after{
    background:url(icons/instagram-rounded-yellow.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-facebook:before{
    background:url(icons/facebook-rounded-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-facebook:after{
    background:url(icons/facebook-rounded-yellow.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-twitter:before{
    background:url(icons/twitter-rounded-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-twitter:after{
    background:url(icons/twitter-rounded-yellow.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-linkedin:before{
    background:url(icons/linkedin-rounded-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-linkedin:after{
    background:url(icons/linkedin-rounded-yellow.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-youtube:before{
    background:url(icons/youtube-rounded-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.us-social-link.us-social-youtube:after{
    background:url(icons/youtube-rounded-yellow.svg) no-repeat 50%;
    background-size:100% 100%
}
.mobile-menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background-color:rgba(76,115,204,.5);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    will-change:opacity,visibility;
    transition:opacity .2s ease 0s,visibility 0s linear .2s
}
.mobile-menu-container{
    position:absolute;
    top:0;
    left:0;
    width:40%;
    min-width:280px;
    height:100%;
    background:linear-gradient(180deg,#303392,#2e7dc0);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 20px;
    will-change:transform;
    transition:transform .4s cubic-bezier(.455,.03,.515,.955) 0s;
    transform:translate3d(-100%,0,0)
}
.mobile-menu .menu-btn{
    position:absolute;
    z-index:1;
    top:40px;
    left:20px;
    width:auto;
    background:#fff;
    padding:16px 25px;
    display:inline-block;
    text-decoration:none;
    font:16px GilroyBold,sans-serif;
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
.mobile-menu .menu-btn span{
    display:block;
    color:#303392;
    position:relative
}
html:not(.touch) .mobile-menu .menu-btn:hover{
    background:#e87878!important
}
html:not(.touch) .mobile-menu .menu-btn:hover span{
    color:#fff!important
}
.mobile-menu .menu-list{
    list-style-type:none;
    padding:0;
    margin:0
}
.mobile-menu .menu-list li+li{
    padding-top:10px
}
.mobile-menu .menu-list a{
    color:#fff;
    font-size:20px;
    line-height:1.6;
    white-space:nowrap;
    transition:color .5s cubic-bezier(.455,.03,.515,.955);
    text-decoration:none
}
html:not(.touch) .mobile-menu .menu-list a:hover{
    color:#76aeff!important
}
.mobile-menu.is-active{
    visibility:visible;
    pointer-events:auto;
    opacity:1;
    transition:opacity .3s ease .1s,visibility 0s linear 0s
}
.mobile-menu.is-active .mobile-menu-container{
    transition:transform .4s cubic-bezier(.455,.03,.515,.955) .3s;
    transform:translateZ(0)
}
.index-main{
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    flex-flow:row nowrap;
    justify-content:flex-start
}
.index-main-content{
    width:100%;
    position:relative;
    z-index:2
}
.index-main-left{
    max-width:800px
}
.index-main-left,.index-main-title{
    width:100%;
    position:relative
}
.index-main-title .content-title h1{
    color:#fff
}
.index-main-desc{
    width:60%;
    position:relative;
    padding-top:20px
}
.index-main-desc p{
    color:#fff;
    font-size:16px;
    line-height:1.6
}
@media screen and (max-width:414px){
    .index-main-desc{
        width:65%
    }
}
.index-main-link{
    width:100%;
    position:relative;
    padding-top:40px
}
.index-main-link a, input.sbmt, input.regsbmt, a.regsbmt{
    width:auto;
    background:#fff;
    padding:19px 25px;
    display:inline-block;
    text-decoration:none;
    font:16px GilroyBold,sans-serif;
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
input.sbmt, input.regsbmt, a.regsbmt{
border:none;
cursor:pointer;
border: 1px solid #e87878;
padding: 10px 50px;
}
input.regsbmt:hover, a.regsbmt:hover{
background:#2e7dc0;
color:#fff;
text-decoration:none
}
input.sbmt:hover{
color:#fff
}
.index-main-link a span, input.sbmt span{
    color:#303392;
    display:block;
    position:relative;
    transition:color .5s cubic-bezier(.455,.03,.515,.955)
}
html:not(.touch) .index-main-link a:hover, input.sbmt:hover{
    background:#e87878
}
html:not(.touch) .index-main-link a:hover span, input.sbmt:hover span{
    color:#fff
}
.index-main-scroll{
    width:100%;
    position:absolute;
    padding-bottom:80px;
    left:0;
    bottom:0;
    z-index:3
}
.index-main-scroll .content-center{
    position:relative
}
.index-main-scroll a{
    width:60px;
    height:60px;
    display:block;
    background:#fff;
    position:relative;
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
.index-main-scroll a:after,.index-main-scroll a:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.index-main-scroll a:before{
    background:url(icons/arrow-down-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.index-main-scroll a:after{
    opacity:0;
    transform:scale(0) translateY(-50px);
    background:url(icons/arrow-down-white.svg) no-repeat 50%;
    background-size:100% 100%
}
html:not(.touch) .index-main-scroll a:hover{
    background:#e87878
}
html:not(.touch) .index-main-scroll a:hover:before{
    opacity:0;
    transform:scale(0) translateY(50px)
}
html:not(.touch) .index-main-scroll a:hover:after{
    opacity:1;
    transform:scale(1) translateY(0)
}
@media only screen and (max-width:375px){
    .index-main-scroll{
        padding-bottom:40px
    }
}
.index-main-background,.index-main-background .background-layout{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.index-main-background .background-state{
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
    width:60vmax;
    height:10vmax;
    background:url(../images/illustration/icon-main-state.html) no-repeat;
    background-position:50%;
    background-size:cover
}
.index-main-background .background-phone{
    position:absolute;
    bottom:8vmax;
    right:0;
    z-index:3;
    width:30vmax;
    height:35vmax
}
@media screen and (min-width:1680px){
    .index-main-background .background-phone{
        width:26vmax;
        height:34vmax
    }
}
@media screen and (min-width:1366px) and (max-height:800px){
    .index-main-background .background-phone{
        width:25vmax;
        height:30vmax
    }
}
@media screen and (max-width:640px){
    .index-main-background .background-phone{
        right:-30%
    }
}
.index-content{
    width:100%;
    background:#fff;
    position:relative;
    padding-bottom:80px
}
@media only screen and (max-width:425px){
    .index-content{
        padding-bottom:80px
    }
}
.index-about{
    width:100%;
    position:relative;
    padding-top:65px;
    display:flex;
    flex-flow:row nowrap;
    align-items:flex-start;
    justify-content:flex-start
}
@media only screen and (max-width:640px){
    .index-about{
        flex-direction:column
    }
}
.index-about-title{
    width:180px;
    position:relative
}
@media only screen and (max-width:640px){
    .index-about-title{
        width:100%;
        padding-bottom:40px
    }
}
.index-about-list{
    width:calc(100% - 180px);
    position:relative;
    padding-left:60px;
    display:flex;
    flex-flow:row nowrap;
    align-items:flex-start;
    justify-content:flex-start
}
@media only screen and (max-width:1200px){
    .index-about-list{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .index-about-list{
        width:100%;
        padding-left:0
    }
}
.index-about-item{
    width:calc(33.333% - 33.33333px);
    position:relative;
    margin-right:50px
}
.index-about-item:last-child{
    margin-right:0
}
@media only screen and (max-width:1200px){
    .index-about-item{
        display:flex;
        flex-wrap:wrap;
        width:100%;
        margin-right:0
    }
    .index-about-item+.index-about-item{
        padding-top:40px
    }
}
.ia-item-image{
    width:100%;
    position:relative;
    color: #e87878;
    font-weight: 900;
    font-size: 28px;
    padding-top: 40px;
}
.ia-item-image span{
    min-width: 200px;
    display:block
}
@media only screen and (max-width:1200px){
    .ia-item-image{
        flex:1 60px
    }
}
.ia-item-icon{
    width:60px;
    height:60px;
    display:block;
    overflow:hidden;
    border-radius:50%
}
.ia-item-icon.ia-item-icon1{
    background:url(icons/location-rounded-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.ia-item-icon.ia-item-icon2{
    background:url(icons/group-rounded-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.ia-item-icon.ia-item-icon3{
    background:url(icons/marker-rounded-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.ia-item-title{
    width:100%;
    position:relative;
    padding-top:10px
}
.ia-item-title p{
    color:#303392;
    font-size:18px;
    line-height:1.3
}
@media only screen and (max-width:1200px){
    .ia-item-title{
        flex:0 calc(100% - 60px);
        padding-top:0;
        padding-left:20px;
        display:flex;
        align-items:center
    }
}
.ia-item-desc{
    width:100%;
    position:relative;
    padding-top:20px
}
.ia-item-desc p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
@media only screen and (max-width:1200px){
    .ia-item-desc{
        flex:1 100%
    }
}
.index-tech{
    width:100%;
    position:relative;
    padding-top:380px;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:center
}
.index-tech:before{
    content:"";
    position:absolute;
    width:calc(100% + 160px);
    height:0;
    top:0;
    padding-bottom:32.725%;
    background:url(icons/line-curved-tech.svg) no-repeat 50%;
    background-size:contain
}
.index-tech[data-aos=showLine]:before{
    transition:inherit;
    right:-30vw;
    opacity:0
}
.index-tech[data-aos=showLine].aos-animate:before{
    right:-8vw;
    opacity:1
}
@media only screen and (max-width:800px){
    .index-tech{
        flex-direction:row;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:640px){
    .index-tech{
        justify-content:space-between
    }
}
.index-tech-left{
    width:calc(50% - 158px);
    padding:0 40px;
    text-align:right;
    position:relative;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    justify-content:center
}
@media only screen and (max-width:800px){
    .index-tech-left{
        flex:0 100%;
        text-align:left;
        padding-bottom:20px
    }
}
@media only screen and (max-width:640px){
    .index-tech-left{
        width:100%;
        padding-left:0;
        padding-right:0
    }
}
.it-left-icon{
    width:100%;
    position:relative
}
.it-left-icon-inner{
    width:137px;
    height:68px;
    position:relative;
    display:inline-block;
    background:url(icons/dialog-tech.svg) no-repeat 50%;
    background-size:100% 100%
}
.it-left-title{
    width:100%;
    position:relative;
    padding-top:62px
}
.it-left-title p{
    color:#303392;
    font:24px GilroyBold,sans-serif;
    line-height:1.3
}
.it-left-desc{
    width:100%;
    position:relative;
    padding-top:30px
}
.it-left-desc p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
.index-tech-center{
    width:316px;
    height:535px;
    position:relative;
    filter:drop-shadow(0 70px 60px rgba(34,55,112,.2))
}
.index-tech-center img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
    filter:drop-shadow(0 25px 30px rgba(34,55,112,.2))
}
@media only screen and (max-width:800px){
    .index-tech-center{
        width:50%;
        flex:0 50%
    }
}
@media only screen and (max-width:640px){
    .index-tech-center{
        height:315px
    }
}
.index-tech-right{
    width:calc(50% - 158px);
    position:relative;
    padding:0 40px
}
@media only screen and (max-width:800px){
    .index-tech-right{
        width:50%;
        flex:0 50%
    }
}
@media only screen and (max-width:640px){
    .index-tech-right{
        padding:0
    }
}
.it-right-title{
    width:100%;
    height:240px;
    position:relative
}
@media only screen and (max-width:640px){
    .it-right-title{
        height:auto;
        padding-top:20px
    }
}
.it-right-info{
    width:100%;
    position:relative;
    padding-left:60px
}
@media only screen and (max-width:640px){
    .it-right-info{
        padding:0
    }
}
.it-right-info-title{
    width:100%;
    position:relative;
}

@media only screen and (min-width:800px){
    
.it-right-info-title{
    margin-left: 130px;
}
}
.it-right-info-title:after,.it-right-info-title:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    margin:auto 0
}
.it-right-info-title:before{
    width:42px;
    height:42px;
    left:-60px;
    background:url(icons/eye-tech.png) no-repeat 50%;
    background-size:100% 100%
}
.it-right-info-title.account:before{
    background:url(icons/users.svg) no-repeat 50%;
}
.it-right-info-title:after{
    width:52px;
    height:2px;
    left:-112px;
    background:radial-gradient(circle,#6890da 1px,transparent 0) repeat-x;
    background-size:4px 2px
}
.it-right-info-title p{
    color:#303392;
    font:24px GilroyBold,sans-serif;
    line-height:1.3
}
.it-right-info-title.account p{
    color:#fff;
}
@media only screen and (max-width:640px){
    .it-right-info-title{
        padding-top:90px
    }
    .it-right-info-title:after,.it-right-info-title:before{
        margin:0
    }
    .it-right-info-title:before{
        left:57px;
        top:35px
    }
    .it-right-info-title:after{
        top:55px;
        left:0
    }
}
.it-right-info-desc{
    width:100%;
    position:relative;
    padding-top:10px
}
.it-right-info-desc p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
.it-right-info-desc.accountdesc p{
    color:#fff;
}
.it-right-info-desc.accountdesc p span{
    font-style: italic;
    color: #fadada;
}
.index-promo{
    width:100%;
    padding-top:225px;
    padding-bottom:50px;
    position:relative
}
.index-promo .promo-info{
    text-align:right
}
@media only screen and (max-width:1200px){
    .index-promo .promo-info{
        text-align:left
    }
}
.index-solution{
    width:100%;
    position:relative;
    padding-top:150px;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start;
    z-index:2
}
.index-solution>.content-title{
    display:none
}
@media only screen and (max-width:640px){
    .index-solution>.content-title{
        display:block;
        flex:0 100%;
        padding-bottom:40px
    }
}
@media only screen and (max-width:640px){
    .index-solution{
        padding-top:100px;
        align-items:flex-start;
        flex-wrap:wrap
    }
}
.index-solution-action{
    width:45%;
    position:relative
}
.index-solution-action:before{
    content:"";
    position:absolute;
    width:100%;
    height:90%;
    top:0;
    left:0;
    background:url(../images/packages/backside-solution.html) no-repeat 50%;
    background-size:contain
}
@media only screen and (max-width:640px){
    .index-solution-action{
        flex:0 85px;
        width:auto
    }
    .index-solution-action:before{
        display:none
    }
}
.index-solution-info{
    width:55%;
    position:relative
}
@media only screen and (max-width:640px){
    .index-solution-info{
        flex:0 calc(100% - 100px);
        width:calc(100% - 100px);
        margin-left:auto
    }
    .index-solution-info .content-title{
        display:none
    }
}
.solution-action-middle{
    width:270px;
    height:533px;
    margin:0 auto;
    position:relative;
    z-index:2
}
@media only screen and (max-width:640px){
    .solution-action-middle{
        width:100%;
        height:100%
    }
}
.solution-action-image{
    z-index:1;
    filter:drop-shadow(0 70px 60px rgba(34,55,112,.2))
}
.solution-action-image,.solution-action-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.solution-action-image img{
    object-fit:contain;
    filter:drop-shadow(0 25px 30px rgba(34,55,112,.2))
}
@media only screen and (max-width:640px){
    .solution-action-image{
        display:none
    }
}
.solution-action-road{
    width:100%;
    height:100%;
    position:absolute;
    top:-10%;
    left:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.solution-action-road .road-step{
    position:relative;
    z-index:2;
    width:39px;
    height:39px;
    background-color:#fff;
    border:1px solid #eaeaea;
    border-radius:50%
}
.solution-action-road .road-step-list{
    position:relative
}
.solution-action-road .road-step-list:after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    z-index:1;
    width:1px;
    height:100%;
    background-color:#eaeaea
}
.solution-action-road .road-step-inner{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:50%
}
.solution-action-road .road-step-inner span{
        font-size: 19px;
    color: #fff;
    position: absolute;
    z-index: 9;
    padding: 4px 8px;
    font-weight: 900;
}
.solution-action-road .road-step-inner:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#e87878;
    transform:translate3d(0,-100%,0);
    will-change:transform;
    transition:transform .5s linear .3s
}
.solution-action-road .road-step+.road-step{
    margin-top:20px
}
.solution-action-road .road-step:not(:last-of-type):after{
    content:"";
    width:1px;
    height:0;
    position:absolute;
    top:100%;
    left:50%;
    background-color:#e87878;
    will-change:height;
    transition:height .3s linear 0s
}
.solution-action-road .road-step:not(:first-of-type):before{
    content:"";
    width:1px;
    height:0;
    position:absolute;
    top:-12px;
    left:50%;
    background-color:#e87878;
    will-change:height;
    transition:height .3s linear .8s
}
.solution-action-road .road-step.is-active:after{
    height:10px;
    transition:height .3s linear .8s
}
.solution-action-road .road-step.is-active:before{
    height:12px;
    transition:height .3s linear 0s
}
.solution-action-road .road-step.is-active .road-step-inner:after{
    transform:translateZ(0)
}
.solution-action-road .road-step.is-active .solution-action-icon{
    fill:#fff
}
@media only screen and (max-width:640px){
    .solution-action-road{
        position:relative;
        top:inherit;
        left:inherit
    }
}
.solution-action-icon{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    fill:#e87878;
    padding:1rem;
    transition:fill .5s ease .3s
}
.solution-action--phone{
    width:120%;
    height:120%;
    position:absolute;
    top:-10%;
    left:-10%;
    z-index:1
}
.solution-info-content{
    width:100%;
    position:relative;
    padding-top:50px
}
@media only screen and (max-width:640px){
    .solution-info-content{
        padding-top:0
    }
}
.solution-slider{
    width:500px;
    height:345px;
    position:relative
}
.solution-slider .swiper-wrapper{
    transition-timing-function:ease-in-out
}
@media only screen and (max-width:1200px){
    .solution-slider{
        width:100%
    }
}
@media only screen and (max-width:640px){
    .solution-slider{
        height:auto;
        min-height:360px
    }
}
.solution-item{
    width:100%;
    height:100%;
    position:relative;
    opacity:0;
    will-change:opacity;
    transition:opacity .6s ease
}
.solution-item.swiper-slide-active{
    opacity:1
}
.solution-item-icon{
    width:100%;
    height:42px;
    position:relative
}
@media only screen and (max-width:640px){
    .solution-item-icon{
        display:none
    }
}
.solution-icon{
    position:relative;
    display:inline-block
}
.solution-icon1{
    width:42px;
    height:42px;
    background:url(icons/aim-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.solution-icon2{
    width:39px;
    height:22px;
    background:url(icons/html-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.solution-icon3{
    width:24px;
    height:33px;
    background:url(icons/location-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.solution-icon4{
    width:20px;
    height:34px;
    background:url(icons/phone-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.solution-item-desc,.solution-item-title{
    width:100%;
    position:relative;
    color:#303392;
    padding-top:20px
}
@media only screen and (max-width:640px){
    .solution-item-title{
        padding-top:0
    }
}
.solution-item-title p{
    font:24px GilroyBold,sans-serif;
    line-height:1.4;
    font-size: 36px;
    color: #e87878;
}
.solution-item-desc p{
    font-size:16px;
    line-height:1.6
}
.solution-nav{
    width:50px;
    height:120px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 0
}
@media only screen and (max-width:1200px){
    .solution-nav{
        width:120px;
        height:50px;
        margin:0;
        top:inherit;
        bottom:100%
    }
}
@media only screen and (max-width:640px){
    .solution-nav{
        top:calc(100% + 20px);
        bottom:inherit;
        left:0;
        margin:0 auto
    }
}
.solution-btn{
    width:50px;
    height:50px;
    padding:0;
    border:none;
    cursor:pointer;
    position:absolute;
    left:0;
    background:#303392;
    will-change:opacity;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.solution-btn:after,.solution-btn:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.solution-btn:after{
    opacity:0;
    transform:scale(0) translateY(-40px)
}
html:not(.touch) .solution-btn:hover{
    background:#e87878
}
html:not(.touch) .solution-btn:hover:before{
    opacity:0;
    transform:scale(0) translateY(40px)
}
html:not(.touch) .solution-btn:hover:after{
    opacity:1;
    transform:scale(1) translateY(0)
}
.solution-btn.swiper-button-disabled{
    opacity:.25;
    pointer-events:none
}
.solution-prev{
    top:0
}
.solution-prev:after,.solution-prev:before{
    background:url(icons/arrow-up-white.svg) no-repeat 50%;
    background-size:100% 100%
}
@media only screen and (max-width:1200px){
    .solution-prev{
        left:inherit;
        right:0
    }
}
@media only screen and (max-width:640px){
    .solution-prev{
        transform:rotate(-90deg)
    }
}
.solution-next{
    bottom:0
}
.solution-next:after,.solution-next:before{
    background:url(icons/arrow-down-white.svg) no-repeat 50%;
    background-size:100% 100%
}
@media only screen and (max-width:640px){
    .solution-next{
        left:auto;
        right:0;
        transform:rotate(-90deg)
    }
}
.index-cases{
    padding-top:60px
}
.index-cases,.index-cases-list,.index-cases-title{
    width:100%;
    position:relative
}
.index-cases-list{
    padding-top:50px;
    display:flex;
    flex-flow:row wrap;
    align-items:stretch;
    justify-content:flex-start
}
.cases-item{
    width:calc(33.333% - 13.33333px);
    height:210px;
    display:block;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    text-decoration:none;
    margin:0 20px 20px 0;
    transition:inherit;
    transition-property:opacity,transform,border-radius!important
}
.cases-item:nth-child(3n+3){
    margin-right:0
}
html:not(.touch) .cases-item:hover .cases-item-desc span:before{
    opacity:1
}
html:not(.touch) .cases-item:hover .cases-info-inner:before{
    opacity:1;
    transform:scale(1) translateX(0)
}
html:not(.touch) .cases-item:hover .cases-image-static{
    opacity:0
}
html:not(.touch) .cases-item:hover .cases-image-active{
    opacity:1
}
@media only screen and (max-width:800px){
    .cases-item{
        width:calc(50% - 10px);
        margin-right:0
    }
    .cases-item:nth-child(odd){
        margin-right:20px
    }
}
@media only screen and (max-width:640px){
    .cases-item{
        width:100%;
        margin-right:0!important
    }
}
.cases-item-info{
    height:100%;
    z-index:2;
    padding:35px 35px 25px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:space-between
}
.cases-item-icon,.cases-item-info{
    width:100%;
    position:relative
}
.cases-icon{
    display:block;
    position:relative
}
.cases-icon.cases-icon1{
    width:66px;
    height:49px;
    background:url(icons/industry-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.cases-icon.cases-icon2{
    width:51px;
    height:49px;
    background:url(icons/plane-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.cases-icon.cases-icon3{
    width:49px;
    height:53px;
    background:url(icons/hospital-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.cases-icon.cases-icon4{
    width:51px;
    height:51px;
    background:url(icons/house-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.cases-icon.cases-icon5{
    width:50px;
    height:50px;
    background:url(icons/stadium-white.svg) no-repeat 50%;
    background-size:100% 100%
}
.cases-icon.cases-icon6{
    width:59px;
    height:42px;
    background:url(icons/book-white.svg) no-repeat 50%;
    background-size:100% 100%
}
@media only screen and (max-width:1024px){
    .cases-icon.cases-icon1{
        width:52px;
        height:41px
    }
    .cases-icon.cases-icon2,.cases-icon.cases-icon3{
        width:40px;
        height:43px
    }
    .cases-icon.cases-icon4,.cases-icon.cases-icon5{
        width:40px;
        height:40px
    }
    .cases-icon.cases-icon6{
        width:46px;
        height:35px
    }
}
.cases-info-inner{
    width:100%;
    position:relative;
    padding-right:34px
}
.cases-info-inner:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    right:0;
    bottom:8px;
    margin:auto 0;
    opacity:0;
    transform:scale(0) translateX(-50px);
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.cases-item-title{
    width:100%;
    color:#fff;
    position:relative
}
.cases-item-title p{
    font:24px GilroyBold,sans-serif;
    line-height:1.2;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.cases-item-desc{
    width:100%;
    color:#fff;
    padding-top:5px;
    position:relative
}
.cases-item-desc span{
    width:auto;
    position:relative;
    display:inline-block;
    font-size:16px;
    line-height:1.6;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.cases-item-desc span:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    left:0;
    bottom:0;
    opacity:0;
    background:#fff;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.cases-item-image{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.cases-image-active,.cases-image-static{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.cases-image-active object,.cases-image-static object{
    width:auto;
    height:100%;
    min-width:100%
}
.cases-image-active{
    opacity:0
}
.content-contact{
    width:100%;
    position:relative;
    padding-top:130px;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .content-contact{
        padding-top:80px
    }
}
@media only screen and (max-width:800px){
    .content-contact{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .content-contact{
        padding-top:65px
    }
}
.content-contact-info{
    width:60%;
    position:relative;
    padding-right:120px
}
@media only screen and (max-width:1200px){
    .content-contact-info{
        padding-right:5.97vw
    }
}
@media only screen and (max-width:1024px){
    .content-contact-info{
        padding-right:40px
    }
}
@media only screen and (max-width:800px){
    .content-contact-info{
        width:100%;
        padding-right:0;
        margin-bottom:40px
    }
}
@media only screen and (max-width:640px){
    .content-contact-info{
        margin-bottom:30px
    }
}
.cc-info-desc,.cc-info-title{
    width:100%;
    position:relative
}
.cc-info-desc{
    padding-top:5px
}
.cc-info-desc p{
    font-size:16px;
    line-height:1.6;
    color:rgba(34,55,112,.6)
}
.cc-info-form{
    width:100%;
    position:relative;
    padding-top:65px
}
@media only screen and (max-width:1200px){
    .cc-info-form{
        padding-top:50px
    }
}
@media only screen and (max-width:1024px){
    .cc-info-form{
        padding-top:40px
    }
}
.cc-form{
    width:100%;
    position:relative
}
.cc-form[data-step=name] .cc-form-steps .cc-form-step:first-of-type{
    background:#e87878;
    border-color:#e87878
}
.cc-form[data-step=name] .cc-form-action .cc-form-item:first-of-type{
    pointer-events:auto;
    opacity:1
}
.cc-form[data-step=email] .cc-form-steps .cc-form-step:first-of-type,.cc-form[data-step=email] .cc-form-steps .cc-form-step:nth-of-type(2){
    background:#e87878;
    border-color:#e87878
}
.cc-form[data-step=email] .cc-form-action .cc-form-item:nth-of-type(2){
    pointer-events:auto;
    opacity:1
}
.cc-form[data-step=phone] .cc-form-steps .cc-form-step:first-of-type,.cc-form[data-step=phone] .cc-form-steps .cc-form-step:nth-of-type(2),.cc-form[data-step=phone] .cc-form-steps .cc-form-step:nth-of-type(3){
    background:#e87878;
    border-color:#e87878
}
.cc-form[data-step=phone] .cc-form-action .cc-form-item:nth-of-type(3){
    pointer-events:auto;
    opacity:1
}
.cc-form[data-step=message] .cc-form-steps .cc-form-step{
    background:#e87878;
    border-color:#e87878
}
.cc-form[data-step=message] .cc-form-action .cc-form-item:nth-of-type(4){
    pointer-events:auto;
    opacity:1
}
.cc-form-steps{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.cc-form-step{
    width:5px;
    height:5px;
    display:block;
    margin-right:5px;
    border:1px solid rgba(34,55,112,.2);
    transition:all .4s ease
}
.cc-form-step:last-child{
    margin-right:0
}
.cc-form-step.active{
    background:#e87878;
    border-color:#e87878
}
.cc-form-action{
    width:100%;
    position:relative;
    z-index:2;
    padding-top:15px
}
.cc-form-action .cc-form-item:not(:first-of-type){
    position:absolute;
    top:15px;
    left:0;
    z-index:1
}
.cc-form-item{
    width:100%;
    position:relative;
    padding-right:90px;
    pointer-events:none;
    opacity:0;
    transition:opacity .4s ease
}
@media only screen and (max-width:1024px){
    .cc-form-item{
        padding-right:75px
    }
}
.cc-form-label{
    width:100%;
    position:relative
}
.cc-form-label p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
.cc-form-content{
    width:100%;
    position:relative;
    padding-bottom:20px
}
.cc-form-message{
    position:absolute;
    top:100%;
    left:0;
    color:red;
    padding-top:5px
}
.cc-form-input{
    width:100%;
    height:60px;
    color:#303392;
    position:relative;
    padding:0 0 0 20px;
    border:none;
    border-left:2px solid #e87878;
    font:16px GilroyBold,sans-serif
}
.panel .cc-form-input{

    border-left:2px solid #303392;
}
.cc-form-input:-moz-placeholder,.cc-form-input::-moz-placeholder{
    color:rgba(34,55,112,.2)
}
.cc-form-input:-ms-input-placeholder{
    color:rgba(34,55,112,.2)
}
.cc-form-input::-webkit-input-placeholder{
    color:rgba(34,55,112,.2)
}
@media only screen and (max-width:1024px){
    .cc-form-input{
        height:50px;
        font-size:28px;
        padding:0 0 0 15px
    }
}
@media only screen and (max-width:640px){
    .cc-form-input{
        font-size:20px
    }
}
.cc-form-next{
    width:60px;
    height:60px;
    position:absolute;
    right:0;
    bottom:0;
    z-index:2
}
@media only screen and (max-width:1024px){
    .cc-form-next{
        width:50px;
        height:50px
    }
}
.cc-next-btn{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:none;
    cursor:pointer;
    background:#303392;
    transition:all .5s cubic-bezier(.455,.03,.515,.955)
}
.cc-next-btn:after,.cc-next-btn:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.cc-next-btn:after{
    opacity:0;
    transform:scale(0) translateX(-40px)
}
.cc-next-btn.is-hide{
    pointer-events:none;
    display:none
}
.cc-next-btn .spinner-border{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-.75rem;
    margin-left:-.75rem;
    opacity:0;
    will-change:opacity;
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.cc-next-btn.is-loading{
    pointer-events:none
}
.cc-next-btn.is-loading:after,.cc-next-btn.is-loading:before{
    opacity:0
}
.cc-next-btn.is-loading .spinner-border{
    opacity:1;
    animation-play-state:running
}
html:not(.touch) .cc-next-btn:hover{
    background:#e87878
}
html:not(.touch) .cc-next-btn:hover:before{
    opacity:0;
    transform:scale(0) translateX(40px)
}
html:not(.touch) .cc-next-btn:hover:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
.cc-info-links{
    width:100%;
    position:relative;
    padding-top:80px
}
.cc-info-links a{
    color:#303392;
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    line-height:1.9;
    margin-right:70px;
    position:relative
}
.cc-info-links a:last-child{
    margin-right:0
}
.cc-info-links a:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto 0
}
.cc-info-links a[href^=tel]{
    padding-left:28px
}
.cc-info-links a[href^=tel]:before{
    width:15px;
    height:15px;
    background:url(icons/phone-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.cc-info-links a[href^=mailto]{
    padding-left:32px
}
.cc-info-links a[href^=mailto]:before{
    width:18px;
    height:13px;
    background:url(icons/message-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
html:not(.touch) .cc-info-links a:hover{
    text-decoration:underline
}
@media only screen and (max-width:1200px){
    .cc-info-links{
        padding-top:60px
    }
}
@media only screen and (max-width:1024px){
    .cc-info-links{
        padding-top:50px
    }
}
@media only screen and (max-width:640px){
    .cc-info-links{
        padding-top:30px
    }
}
.content-contact-image{
    width:40%;
    height:0;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    padding-bottom:40%
}
.content-contact-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:800px){
    .content-contact-image{
        width:100%
    }
}
@media only screen and (max-width:425px){
    .content-contact-image{
        height:170px;
        padding-bottom:0;
        display:none
    }
}
.spinner-border{
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
    vertical-align:text-bottom;
    border:3px solid #fff;
    border-right-color:transparent;
    border-radius:50%;
    animation:spinner-border .75s linear infinite;
    animation-play-state:paused
}
@keyframes spinner-border{
    to{
        transform:rotate(1turn)
    }
}
.content-dual{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width:800px){
    .content-dual{
        flex-direction:column-reverse
    }
}
.content-dual-image{
    width:49%;
    height:0;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    padding-bottom:21.5%
}
.content-dual-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:800px){
    .content-dual-image{
        width:100%;
        padding-bottom:43.75%
    }
}
@media only screen and (max-width:425px){
    .content-dual-image{
        height:170px;
        padding-bottom:0
    }
}
.content-dual-title{
    width:51%;
    position:relative;
    padding-left:70px
}
@media only screen and (max-width:1340px){
    .content-dual-title{
        padding-left:5.224vw
    }
}
@media only screen and (max-width:1024px){
    .content-dual-title{
        padding-left:40px
    }
}
@media only screen and (max-width:800px){
    .content-dual-title{
        width:100%;
        padding-left:0;
        padding-bottom:30px
    }
}
@media only screen and (max-width:640px){
    .content-dual-title{
        padding-bottom:20px
    }
}
.last-news{
    width:100%;
    position:relative;
    padding-top:100px
}
@media only screen and (max-width:1024px){
    .last-news{
        padding-top:70px
    }
}
@media only screen and (max-width:640px){
    .last-news{
        padding-top:50px
    }
}
.last-news-list,.last-news-title{
    width:100%;
    position:relative
}
.last-news-list{
    padding-top:30px
}
@media only screen and (max-width:640px){
    .last-news-list{
        padding-top:20px
    }
}
.last-news-pagination{
    width:100%;
    position:relative;
    padding-top:20px
}
.last-news-row{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start;
    margin-bottom:20px
}
.last-news-row:last-child{
    margin-bottom:0
}
.last-news-row:nth-child(odd) .last-news-item:first-child{
    width:calc(60% - 10px)
}
.last-news-row:nth-child(2n+2) .last-news-item:first-child,.last-news-row:nth-child(odd) .last-news-item:nth-child(2){
    width:calc(40% - 10px)
}
.last-news-row:nth-child(2n+2) .last-news-item:nth-child(2){
    width:calc(60% - 10px)
}
@media only screen and (max-width:800px){
    .last-news-row{
        flex-direction:column
    }
}
.last-news-item{
    height:0;
    overflow:hidden;
    position:relative;
    margin-right:20px;
    border-radius:10px;
    padding-bottom:32%
}
.last-news-item:before{
    content:"";
    position:absolute;
    width:100%;
    height:75%;
    left:0;
    bottom:0;
    z-index:2;
    background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.75))
}
.last-news-item:nth-child(2){
    margin-right:0
}
html:not(.touch) .last-news-item:hover .ls-item-desc:before{
    opacity:0;
    transform:scale(0) translateX(50px)
}
html:not(.touch) .last-news-item:hover .ls-item-desc:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
html:not(.touch) .last-news-item:hover .ls-item-image{
    transform:scale(1.2)
}
@media only screen and (max-width:800px){
    .last-news-item{
        width:100%!important;
        margin-right:0!important;
        margin-bottom:20px;
        padding-bottom:44%
    }
    .last-news-item:last-child{
        margin-bottom:0
    }
}
@media only screen and (max-width:425px){
    .last-news-item{
        height:210px;
        padding-bottom:0
    }
}
.ls-item-image{
    z-index:1;
    transition:transform 1s cubic-bezier(.455,.03,.515,.955)
}
.ls-item-image,.ls-item-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.ls-item-image img{
    object-fit:cover
}
.ls-item-info{
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    padding:30px;
    z-index:3
}
@media only screen and (max-width:1024px){
    .ls-item-info{
        padding:20px
    }
}
.ls-item-info-inner{
    width:calc(100% - 44px);
    position:relative
}
.ls-item-title{
    width:100%;
    position:relative
}
.ls-item-title p{
    color:#fff;
    font:24px GilroyBold,sans-serif;
    line-height:1.2
}
@media only screen and (max-width:1024px){
    .ls-item-title p{
        font-size:20px
    }
}
.ls-item-desc{
    width:100%;
    padding-top:5px;
    position:relative
}
.ls-item-desc:after,.ls-item-desc:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    bottom:5px;
    right:-44px;
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.ls-item-desc:after{
    opacity:0;
    transform:scale(0) translateX(-50px)
}
.ls-item-desc p{
    color:#fff;
    font-size:16px;
    line-height:1.6
}
.pagination{
    display:inline-flex;
    margin:0;
    padding:5rem 0 2rem
}
.pagination__overlay{
    text-align:center
}
.page-item{
    margin-right:.75rem;
    list-style-type:none
}
.page-item:last-of-type{
    margin-right:0
}
.page-item:first-of-type .page-link,.page-item:last-of-type .page-link{
    border-radius:50%
}
.page-item.active .page-link{
    color:#fff;
    background-color:#303392
}
.page-item.disabled .page-link{
    color:#fff;
    background-color:grey;
    pointer-events:none;
    opacity:.5
}
.page-link{
    width:50px;
    height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#303392;
    background-color:#e7eeff;
    padding:0;
    margin:0;
    border-radius:50%;
    border:none;
    text-decoration:none;
    transition:all .4s ease
}
.page-link span{
    padding-bottom:.1rem
}
.page-link:hover{
    color:#fff;
    background-color:#303392
}
.about-intro{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start;
    margin-top: 100px;
}
@media only screen and (max-width:1024px){
    .about-intro{
        flex-direction:column
    }
}
.about-intro-info{
    width:530px;
    position:relative;
    padding-right:70px
}
@media only screen and (max-width:1200px){
    .about-intro-info{
        width:48%
    }
}
@media only screen and (max-width:1024px){
    .about-intro-info{
        width:100%;
        padding-right:0;
        margin-bottom:50px
    }
}
@media only screen and (max-width:640px){
    .about-intro-info{
        margin-bottom:40px
    }
}
.ai-info-name{
    width:100%;
    position:relative;
    padding-top:65px
}
.ai-info-name p{
    color:rgba(34,55,112,.4);
    font:24px GilroyBold,sans-serif;
    line-height:1.3
}
@media only screen and (max-width:1024px){
    .ai-info-name{
        padding-top:0
    }
    .ai-info-name p{
        font-size:20px
    }
}
.ai-info-title{
    width:100%;
    position:relative;
    padding-top:45px
}
@media only screen and (max-width:1024px){
    .ai-info-title{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .ai-info-title{
        padding-top:20px
    }
}
.ai-info-desc{
    width:100%;
    position:relative;
    padding-top:45px
}
@media only screen and (max-width:1024px){
    .ai-info-desc{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .ai-info-desc{
        padding-top:20px
    }
}
.about-intro-images{
    width:calc(100% - 530px);
    height:844px;
    position:relative
}
@media only screen and (max-width:1200px){
    .about-intro-images{
        width:52%;
        height:0;
        padding-bottom:81.25%
    }
}
@media only screen and (max-width:1024px){
    .about-intro-images{
        width:100%;
        height:auto;
        padding-bottom:0;
        display:flex;
        align-items:stretch;
        flex-flow:column nowrap;
        justify-content:flex-start
    }
}
.ai-image{
    overflow:hidden;
    position:absolute;
    border-radius:10px;
    box-shadow:0 30px 40px 0 rgba(34,55,112,.1)
}
.ai-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
.ai-image.ai-image1{
    width:460px;
    height:303px;
    top:30px;
    left:0
}
@media only screen and (max-width:1200px){
    .ai-image.ai-image1{
        width:85%;
        padding-bottom:56%
    }
}
@media only screen and (max-width:1024px){
    .ai-image.ai-image1{
        width:60%;
        top:0;
        left:auto;
        padding-bottom:36%
    }
}
@media only screen and (max-width:425px){
    .ai-image.ai-image1{
        width:100%;
        padding-bottom:200px
    }
}
.ai-image.ai-image2{
    width:374px;
    height:247px;
    top:358px;
    right:0
}
@media only screen and (max-width:1200px){
    .ai-image.ai-image2{
        width:69.25%;
        top:calc(39% + 27px);
        padding-bottom:45.75%
    }
}
@media only screen and (max-width:1024px){
    .ai-image.ai-image2{
        width:60%;
        top:0;
        right:auto;
        margin-left:40%;
        padding-bottom:36%
    }
}
@media only screen and (max-width:425px){
    .ai-image.ai-image2{
        width:100%;
        margin-left:0;
        padding-bottom:200px
    }
}
.ai-image.ai-image3{
    width:324px;
    height:214px;
    left:50px;
    bottom:0
}
@media only screen and (max-width:1200px){
    .ai-image.ai-image3{
        width:60%;
        padding-bottom:39.75%
    }
}
@media only screen and (max-width:1024px){
    .ai-image.ai-image3{
        width:60%;
        left:auto;
        bottom:auto;
        padding-bottom:36%
    }
}
@media only screen and (max-width:425px){
    .ai-image.ai-image3{
        width:100%;
        padding-bottom:200px
    }
}
@media only screen and (max-width:1200px){
    .ai-image{
        height:0!important
    }
}
@media only screen and (max-width:1024px){
    .ai-image{
        position:relative;
        margin-bottom:30px
    }
    .ai-image:last-child{
        margin-bottom:0
    }
}
@media only screen and (max-width:640px){
    .ai-image{
        margin-bottom:20px
    }
}
.about-vision{
    width:100%;
    position:relative;
    padding-top:140px;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .about-vision{
        padding-top:100px
    }
}
@media only screen and (max-width:800px){
    .about-vision{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .about-vision{
        padding-top:75px
    }
}
.about-vision-image{
    width:530px;
    height:350px;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    box-shadow:0 30px 40px 0 rgba(34,55,112,.1)
}
.about-vision-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:1200px){
    .about-vision-image{
        width:48%;
        height:0;
        padding-bottom:31.75%
    }
}
@media only screen and (max-width:800px){
    .about-vision-image{
        width:100%;
        margin-bottom:50px;
        padding-bottom:50%
    }
}
@media only screen and (max-width:640px){
    .about-vision-image{
        margin-bottom:40px;
        padding-bottom:260px
    }
}
.about-vision-info{
    width:calc(100% - 530px);
    position:relative;
    padding-left:70px
}
@media only screen and (max-width:1200px){
    .about-vision-info{
        width:52%
    }
}
@media only screen and (max-width:1024px){
    .about-vision-info{
        padding-left:50px
    }
}
@media only screen and (max-width:800px){
    .about-vision-info{
        width:100%;
        padding-left:0
    }
}
.av-info-desc,.av-info-title{
    width:100%;
    position:relative
}
.av-info-desc{
    padding-top:50px
}
@media only screen and (max-width:1024px){
    .av-info-desc{
        padding-top:35px
    }
}
@media only screen and (max-width:640px){
    .av-info-desc{
        padding-top:20px
    }
}
.reference-news{
    width:100%;
    position:relative;
    padding-top:120px
}
@media only screen and (max-width:1024px){
    .reference-news{
        padding-top:80px
    }
}
@media only screen and (max-width:640px){
    .reference-news{
        padding-top:65px
    }
}
.rn-title{
    text-align:center
}
.rn-title,.rs-list{
    width:100%;
    position:relative
}
.rs-list{
    padding-top:40px;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .rs-list{
        padding-top:30px
    }
}
@media only screen and (max-width:800px){
    .rs-list{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .rs-list{
        padding-top:20px
    }
}
.rs-item{
    width:calc(33.333% - 13.33333px);
    height:0;
    overflow:hidden;
    position:relative;
    margin-right:20px;
    border-radius:10px;
    padding-bottom:250px
}
.rs-item:last-child{
    margin-right:0
}
.rs-item:before{
    content:"";
    position:absolute;
    width:100%;
    height:75%;
    left:0;
    bottom:0;
    z-index:2;
    background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.75))
}
html:not(.touch) .rs-item:hover .ls-item-desc:before{
    opacity:0;
    transform:scale(0) translateX(50px)
}
html:not(.touch) .rs-item:hover .ls-item-desc:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
html:not(.touch) .rs-item:hover .ls-item-image{
    transform:scale(1.2)
}
@media only screen and (max-width:800px){
    .rs-item{
        width:100%;
        height:210px;
        margin-right:0;
        padding-bottom:0;
        margin-bottom:20px
    }
    .rs-item:last-child{
        margin-bottom:0
    }
}
@media only screen and (max-width:425px){
    .rs-item{
        height:210px;
        padding-bottom:0
    }
}
.about-contact{
    width:100%;
    position:relative;
    padding-top:100px;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .about-contact{
        padding-top:80px
    }
}
@media only screen and (max-width:800px){
    .about-contact{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .about-contact{
        padding-top:65px
    }
}
.about-contact-info{
    width:50.75%;
    position:relative;
    padding-right:105px
}
@media only screen and (max-width:1200px){
    .about-contact-info{
        padding-right:5vw
    }
}
@media only screen and (max-width:1024px){
    .about-contact-info{
        padding-right:40px
    }
}
@media only screen and (max-width:800px){
    .about-contact-info{
        width:100%;
        padding-right:0;
        margin-bottom:50px
    }
}
@media only screen and (max-width:640px){
    .about-contact-info{
        margin-bottom:40px
    }
}
.ac-info-title,.ac-info-touch{
    width:100%;
    position:relative
}
.ac-info-touch{
    padding-top:60px
}
@media only screen and (max-width:1200px){
    .ac-info-touch{
        padding-top:40px
    }
}
@media only screen and (max-width:1024px){
    .ac-info-touch{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .ac-info-touch{
        padding-top:25px
    }
}
.ac-touch-item{
    width:100%;
    position:relative;
    padding-left:50px;
    margin-bottom:40px
}
.ac-touch-item:before{
    content:"";
    position:absolute;
    left:0
}
.ac-touch-item:last-child{
    margin-bottom:0
}
.ac-touch-item a,.ac-touch-item p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
.ac-touch-item a{
    text-decoration:none
}
html:not(.touch) .ac-touch-item a:hover{
    text-decoration:underline
}
.ac-touch-item.ac-touch-location:before{
    width:18px;
    height:25px;
    top:0;
    background:url(icons/location-orange.svg) no-repeat 50%;
    background-size:100% 100%
}
.ac-touch-item.ac-touch-phone:before{
    width:21px;
    height:21px;
    top:2px;
    background:url(icons/tube-orange.html) no-repeat 50%;
    background-size:100% 100%
}
.ac-touch-item.ac-touch-email:before{
    width:21px;
    height:15px;
    top:5px;
    background:url(icons/message-orange.html) no-repeat 50%;
    background-size:100% 100%
}
@media only screen and (max-width:1200px){
    .ac-touch-item{
        margin-bottom:30px
    }
}
@media only screen and (max-width:1024px){
    .ac-touch-item{
        margin-bottom:20px
    }
}
@media only screen and (max-width:800px){
    .ac-touch-item{
        padding-left:40px
    }
}
.about-contact-map{
    width:49.25%;
    height:0;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    padding-bottom:34%
}
html:not(.touch) .about-contact-map:hover .ac-link-container{
    opacity:1;
    transform:translateY(0)
}
@media only screen and (max-width:1024px){
    .about-contact-map{
        padding-bottom:38%
    }
}
@media only screen and (max-width:800px){
    .about-contact-map{
        width:100%;
        padding-bottom:43.75%
    }
}
@media only screen and (max-width:640px){
    .about-contact-map{
        padding-bottom:260px
    }
}
.ac-map{
    height:100%;
    top:0
}
.ac-link-container,.ac-map{
    width:100%;
    position:absolute;
    left:0
}
.ac-link-container{
    bottom:25px;
    text-align:center;
    pointer-events:none;
    opacity:0;
    transform:translateY(80px)
}
body.loaded .ac-link-container{
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
html.touch .ac-link-container{
    opacity:1;
    transform:translateY(0)
}
@media only screen and (max-width:640px){
    .ac-link-container{
        bottom:20px;
        transform:translateY(62px)
    }
}
.ac-link{
    color:#303392;
    font-size:16px;
    background:#fff;
    padding:15px 21px;
    display:inline-block;
    text-decoration:none;
    pointer-events:auto;
    box-shadow:0 6px 24px rgba(34,55,112,.1);
    transition:color .5s cubic-bezier(.455,.03,.515,.955),background .5s cubic-bezier(.455,.03,.515,.955)
}
html:not(.touch) .ac-link:hover{
    color:#fff;
    background:#303392
}
@media only screen and (max-width:640px){
    .ac-link{
        font-size:14px;
        padding:13px 16px
    }
}
.careers-content{
    width:100%;
    position:relative;
    padding-top:90px
}
.careers-content.careers-all .careers-item{
    border:1px solid #303392
}
.careers-content.careers-hot .careers-title{
    padding-left:36px
}
.careers-content.careers-hot .careers-title:before{
    content:"";
    position:absolute;
    width:21px;
    height:27px;
    top:-2px;
    left:0;
    bottom:0;
    margin:auto 0;
    background:url(icons/fire-orange.html) no-repeat 50%;
    background-size:100% 100%
}
@media only screen and (max-width:1024px){
    .careers-content.careers-hot .careers-title:before{
        width:18px;
        height:23px
    }
}
.careers-content.careers-hot .careers-item{
    border:1px solid #e87878
}
@media only screen and (max-width:1024px){
    .careers-content{
        padding-top:70px
    }
}
@media only screen and (max-width:640px){
    .careers-content{
        padding-top:50px
    }
}
.careers-title{
    width:100%;
    position:relative
}
.careers-title p{
    color:#303392;
    font:24px GilroyBold,sans-serif;
    line-height:1.3
}
@media only screen and (max-width:1024px){
    .careers-title p{
        font-size:20px
    }
}
.careers-list{
    width:100%;
    position:relative;
    padding-top:40px;
    display:flex;
    flex-flow:row wrap;
    align-items:flex-start;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .careers-list{
        padding-top:30px
    }
}
@media only screen and (max-width:800px){
    .careers-list{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .careers-list{
        padding-top:25px
    }
}
.careers-column{
    width:calc(50% - 10px);
    position:relative;
    margin-right:20px
}
.careers-column:nth-child(2n+2){
    margin-right:0
}
@media only screen and (max-width:800px){
    .careers-column{
        width:100%;
        margin-right:0;
        margin-bottom:20px
    }
    .careers-column:last-child{
        margin-bottom:0
    }
}
.careers-item{
    width:100%;
    padding:0 20px;
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
    border-radius:10px;
    transition:box-shadow .5s cubic-bezier(.455,.03,.515,.955)
}
.careers-item:last-child{
    margin-bottom:0
}
.careers-item.active{
    cursor:auto
}
.careers-item.active .ci-top:before{
    transform:rotate(-180deg)
}
.careers-item.active,html:not(.touch) .careers-item:hover{
    box-shadow:0 10px 14px 0 rgba(34,55,112,.1)
}
.ci-top{
    width:100%;
    cursor:pointer;
    padding:20px 0;
    position:relative
}
.ci-top:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:0;
    bottom:0;
    right:15px;
    margin:auto 0;
    transition:transform .5s cubic-bezier(.4,0,0,1);
    background:url(icons/arrow-down-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.ci-top .ci-desc p,.ci-top .ci-title p{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ci-top-inner{
    width:calc(100% - 44px);
    position:relative
}
.ci-desc,.ci-title{
    width:100%;
    position:relative
}
.ci-desc p,.ci-title p{
    color:#303392;
    font-size:16px
}
.ci-title p{
    font-family:GilroyBold,sans-serif;
    line-height:1.3
}
.ci-desc{
    padding-top:5px
}
.ci-desc p{
    line-height:1.6
}
.ci-bottom{
    height:0;
    overflow:hidden
}
.ci-bottom,.ci-bottom-list{
    width:100%;
    position:relative
}
.ci-bottom-list{
    padding:10px 0 30px
}
.ci-bottom-item{
    width:100%;
    position:relative;
    padding-top:30px
}
.ci-bottom-item:first-child{
    padding-top:0
}
.ci-bottom-action{
    display:flex;
    border-top:1px solid rgba(34,55,112,.1)
}
@media only screen and (max-width:640px){
    .ci-bottom-action{
        flex-wrap:wrap
    }
}
.ci-bottom-form{
    position:relative;
    width:100%;
    height:80px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.ci-bottom-form .form-body{
    width:100%;
    height:auto
}
.ci-bottom-form .form-footer{
    display:flex;
    justify-content:center;
    width:100%;
    height:auto
}
.ci-bottom-form .form-footer.is-hide{
    display:none
}
.ci-bottom-form .form-reset,.ci-bottom-form .form-send{
    color:#fff;
    display:inline-block;
    position:relative;
    font:16px GilroyRegular,sans-serif;
    line-height:1.2;
    background-color:#303392;
    border:none;
    padding:.25rem .5rem;
    margin:0 .25rem;
    cursor:pointer
}
.ci-bottom-form .form-reset{
    background-color:#f44336
}
@media only screen and (max-width:640px){
    .ci-bottom-form{
        height:100px;
        order:1
    }
    .ci-bottom-form .form-body{
        height:50px
    }
}
.input-file{
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.input-file .input-file-style{
    color:#303392;
    display:inline-block;
    position:relative;
    padding-left:28px;
    font:16px GilroyBold,sans-serif;
    line-height:1.2
}
.input-file .input-file-style:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:-4px;
    left:0;
    bottom:0;
    margin:auto 0;
    background:url(icons/clip.html) no-repeat 50%;
    background-size:100% 100%
}
.input-file .input-file-info{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:200px
}
.input-file input{
    position:absolute;
    top:50%;
    left:50%;
    width:1px;
    height:1px;
    opacity:0;
    z-index:-1
}
html:not(.touch) .input-file:hover{
    border-top-color:rgba(34,55,112,.2)
}
html:not(.touch) .input-file:hover .input-file-style:before{
    animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
    transform:translateZ(0)
}
@keyframes shake{
    10%,90%{
        transform:translate3d(-.5px,0,0)
    }
    20%,80%{
        transform:translate3d(1px,0,0)
    }
    30%,50%,70%{
        transform:translate3d(-2px,0,0)
    }
    40%,60%{
        transform:translate3d(2px,0,0)
    }
}
@media only screen and (max-width:640px){
    .input-file{
        height:60px
    }
}
.ci-bottom-link{
    width:100%;
    height:80px;
    position:relative;
    text-decoration:none;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:center;
    transition:border .35s cubic-bezier(.455,.03,.515,.955)
}
.ci-bottom-link span{
    color:#303392;
    display:block;
    position:relative;
    padding-left:28px;
    font:16px GilroyBold,sans-serif;
    line-height:1.2
}
.ci-bottom-link span:after,.ci-bottom-link span:before{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    top:0;
    left:0;
    bottom:0;
    margin:auto 0;
    background:url(icons/arrow-right-blue.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.ci-bottom-link span:after{
    opacity:0;
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .ci-bottom-link:hover{
    border-top-color:rgba(34,55,112,.2)
}
html:not(.touch) .ci-bottom-link:hover span:before{
    opacity:0;
    transform:scale(0) translateX(50px)
}
html:not(.touch) .ci-bottom-link:hover span:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
@media only screen and (max-width:640px){
    .ci-bottom-link{
        height:70px
    }
}
.content-board{
    width:100%;
    height:0;
    overflow:hidden;
    position:relative;
    border-radius:10px;
    padding-bottom:37.75%
}
@media only screen and (max-width:800px){
    .content-board{
        padding-bottom:42.25%
    }
}
@media only screen and (max-width:640px){
    .content-board{
        padding-bottom:330px
    }
}
.content-board-title{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.cb-title-inner{
    width:100%;
    padding:0 120px;
    position:relative;
    text-align:center
}
.cb-title-inner .content-title h1{
    color:#fff;
    font-size:36px
}
.cb-title-inner .content-title h1 span{
    color:#fff;
    font-size:26px
}
@media only screen and (max-width:1200px){
    .cb-title-inner{
        padding:0 5.97vw
    }
    .cb-title-inner .content-title h1{
        font-size:3vw
    }
}
@media only screen and (max-width:1024px){
    .cb-title-inner{
        padding:0 40px
    }
}
@media only screen and (max-width:800px){
    .cb-title-inner .content-title h1{
        font-size:24px
    }
}
@media only screen and (max-width:640px){
    .cb-title-inner{
        padding:0 20px
    }
    .cb-title-inner .content-title h1{
        font-size:22px
    }
}
.content-board-image{
    z-index:1
}
.content-board-image,.content-board-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.content-board-image img{
    object-fit:cover
}
.use-cases-intro{
    width:100%;
    position:relative;
    padding-top:70px
}
@media only screen and (max-width:1024px){
    .use-cases-intro{
        padding-top:50px
    }
}
@media only screen and (max-width:640px){
    .use-cases-intro{
        padding-top:35px
    }
}
.uc-intro-inner{
    width:100%;
    padding:0 120px;
    position:relative;
    text-align:center
}
@media only screen and (max-width:1200px){
    .uc-intro-inner{
        padding:0 5.833vw
    }
}
@media only screen and (max-width:1024px){
    .uc-intro-inner{
        padding:0 40px
    }
}
@media only screen and (max-width:640px){
    .uc-intro-inner{
        padding:0
    }
}
.use-cases-lists{
    width:100%;
    position:relative;
    padding-top:100px;
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .use-cases-lists{
        padding-top:70px
    }
}
@media only screen and (max-width:800px){
    .use-cases-lists{
        padding-top:55px;
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .use-cases-lists{
        padding-top:45px
    }
}
.uc-lists-side{
    width:calc(50% - 35px);
    position:relative;
    margin-right:70px
}
.uc-lists-side:last-child{
    margin-right:0
}
@media only screen and (max-width:800px){
    .uc-lists-side{
        width:100%;
        margin-right:0;
        margin-bottom:35px
    }
    .uc-lists-side:last-child{
        margin-bottom:0
    }
}
@media only screen and (max-width:640px){
    .uc-lists-side{
        margin-bottom:27px
    }
}
.use-cases-show{
    width:100%;
    position:relative;
    padding-top:140px;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .use-cases-show{
        padding-top:100px
    }
}
@media only screen and (max-width:800px){
    .use-cases-show{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .use-cases-show{
        padding-top:70px
    }
}
.uc-show-image{
    width:39%;
    position:relative
}
.uc-show-image img{
    width:100%;
    display:block;
    filter:drop-shadow(0 70px 60px rgba(34,55,112,.2))
}
@media only screen and (max-width:1024px){
    .uc-show-image{
        width:45%
    }
}
@media only screen and (max-width:800px){
    .uc-show-image{
        width:100%;
        max-width:400px;
        margin-bottom:50px
    }
}
@media only screen and (max-width:640px){
    .uc-show-image{
        margin-bottom:40px
    }
}
.uc-show-info{
    width:51%;
    position:relative;
    padding-left:70px
}
@media only screen and (max-width:1024px){
    .uc-show-info{
        width:55%;
        padding-left:50px
    }
}
@media only screen and (max-width:800px){
    .uc-show-info{
        width:100%;
        padding-left:0
    }
}
.uc-show-desc,.uc-show-title{
    width:100%;
    position:relative
}
.uc-show-desc{
    padding-top:40px
}
@media only screen and (max-width:1024px){
    .uc-show-desc{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .uc-show-desc{
        padding-top:20px
    }
}
.use-cases-promo{
    width:100%;
    position:relative;
    padding-top:140px
}
@media only screen and (max-width:1024px){
    .use-cases-promo{
        padding-top:100px
    }
}
@media only screen and (max-width:640px){
    .use-cases-promo{
        padding-top:70px
    }
}
.promo-container{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width:1024px){
    .promo-container{
        flex-direction:column
    }
}
.promo-info{
    width:41%;
    position:relative;
    padding-right:70px
}
@media only screen and (max-width:1024px){
    .promo-info{
        width:100%;
        padding-right:0;
        margin-bottom:50px
    }
}
@media only screen and (max-width:640px){
    .promo-info{
        margin-bottom:40px
    }
}
.promo-desc,.promo-title{
    width:100%;
    position:relative
}
.promo-desc{
    padding-top:40px
}
.promo-desc p{
    color:#303392;
    font-size:16px;
    line-height:1.6
}
@media only screen and (max-width:1024px){
    .promo-desc{
        padding-top:25px
    }
}
@media only screen and (max-width:640px){
    .promo-desc{
        padding-top:20px
    }
}
.promo-video{
    width:59%;
    height:auto;
    overflow:hidden;
    position:relative;
    border-radius:10px
}
@media only screen and (max-width:1024px){
    .promo-video{
        width:100%
    }
}
.promo-video .plyr-video,.promo-video .plyr__video-wrapper{
    background-color:#fff
}
.promo-video .plyr__poster{
    background-color:transparent;
    background-size:cover
}
.promo-video .plyr__controls{
    opacity:1;
    transition:opacity .4s ease
}
.promo-video .plyr--stopped .plyr__controls{
    opacity:0
}
.promo-video .plyr__control--overlaid{
    width:80px;
    height:80px;
    padding:0;
    border:none;
    cursor:pointer;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2;
    margin:auto;
    transform:none;
    transition:background .5s cubic-bezier(.455,.03,.515,.955)
}
.promo-video .plyr__control--overlaid svg{
    display:none
}
.promo-video .plyr__control--overlaid:after,.promo-video .plyr__control--overlaid:before{
    content:"";
    position:absolute
}
.promo-video .plyr__control--overlaid:before{
    width:12px;
    height:14px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    margin-top:-6px;
    margin-left:-4px;
    background:url(icons/play-black.svg) no-repeat 50%;
    background-size:100% 100%
}
.promo-video .plyr__control--overlaid:after{
    width:120px;
    height:120px;
    top:-20px;
    left:-20px;
    z-index:1;
    opacity:0;
    transform:scale(0);
    background:hsla(0,0%,100%,.3);
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
html:not(.touch) .promo-video .plyr__control--overlaid:hover{
    background-color:#fff
}
html:not(.touch) .promo-video .plyr__control--overlaid:hover:after{
    opacity:1;
    transform:scale(1)
}
@media only screen and (max-width:1024px){
    .promo-video .plyr__control--overlaid{
        width:66px;
        height:66px
    }
}
@media only screen and (max-width:425px){
    .promo-video .plyr__control--overlaid{
        width:52px;
        height:52px
    }
}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true],.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
    background-color:#e87878
}
.plyr--full-ui input[type=range]{
    color:#e87878
}
.promo-video-image{
    z-index:1
}
.promo-video-image,.promo-video-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.promo-video-image img{
    object-fit:cover
}
.use-cases-photos{
    width:100%;
    position:relative;
    padding-top:160px
}
@media only screen and (max-width:1024px){
    .use-cases-photos{
        padding-top:110px
    }
}
@media only screen and (max-width:640px){
    .use-cases-photos{
        padding-top:70px
    }
}
.uc-photos-inner{
    width:auto;
    max-width:720px;
    margin:0 auto;
    position:relative
}
.uc-slider,.uc-slider-container{
    width:100%;
    position:relative
}
.uc-slider{
    height:227px
}
.uc-slider,.uc-slider .swiper-slide{
    overflow:hidden
}
.uc-slider .swiper-slide img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:800px){
    .uc-slider{
        height:43.75vw
    }
}
@media only screen and (max-width:425px){
    .uc-slider{
        height:80vw
    }
}
.uc-slider-desc{
    width:100%;
    position:relative;
    padding-top:25px
}
.uc-slider-desc-inner{
    width:100%;
    padding:0 35px;
    position:relative;
    text-align:center
}
.uc-slider-desc-inner p{
    font-size:14px;
    line-height:1.6;
    color:rgba(34,55,112,.6)
}
.single-news-intro{
    width:100%;
    position:relative;
    padding-top:30px
}
@media only screen and (max-width:1024px){
    .single-news-intro{
        padding-top:25px
    }
}
.sn-intro-inner{
    width:100%;
    padding:0 120px;
    position:relative
}
@media only screen and (max-width:1200px){
    .sn-intro-inner{
        padding:0 5.97vw
    }
}
@media only screen and (max-width:1024px){
    .sn-intro-inner{
        padding:0 40px
    }
}
@media only screen and (max-width:640px){
    .sn-intro-inner{
        padding:0 20px
    }
}
.sn-intro-data,.sn-intro-title{
    width:100%;
    position:relative;
    text-align:center
}
.sn-intro-data{
    font-size:16px;
    line-height:1.6;
    padding-top:10px;
    color:rgba(34,55,112,.4)
}
.single-news-content{
    width:100%;
    position:relative;
    padding-top:100px
}
@media only screen and (max-width:1024px){
    .single-news-content{
        padding-top:75px;
        padding-top:45px
    }
}
.sn-center{
    width:100%;
    margin:0 auto;
    max-width:700px;
    position:relative
}
@media only screen and (max-width:800px){
    .sn-center{
        max-width:100%
    }
}
.static-content{
    width:100%;
    color:#303392;
    position:relative
}
.static-content>*{
    margin:30px 0
}
.static-content h1{
    font-size:56px
}
.static-content h2{
    font-size:36px
}
.static-content h3{
    font-size:24px
}
.static-content h4{
    font-size:20px
}
.static-content h5{
    font-size:18px
}
.static-content h6{
    font-size:14px
}
.static-content>figure,.static-content>img{
    margin:50px 0
}
.static-content figure,.static-content img{
    width:100%;
    display:block;
    position:relative
}
.static-content figcaption{
    width:100%;
    padding-top:20px
}
.static-content figure.static-video{
    width:100%;
    height:0;
    overflow:hidden;
    position:relative;
    padding-top:56.25%
}
.static-content figure.static-video iframe{
    width:100%!important;
    height:100%!important;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain
}
.static-content>p,.static-content figcaption,.static-content ol li,.static-content ul li{
    font-size:16px;
    line-height:1.6
}
.static-content ol,.static-content ul{
    width:100%;
    padding:0;
    list-style:none
}
.static-content ol li,.static-content ul li{
    width:100%;
    position:relative;
    margin-bottom:15px
}
.static-content ol li:last-child,.static-content ul li:last-child{
    margin-bottom:0
}
.static-content ul li{
    padding-left:25px
}
.static-content ul li:before{
    content:"";
    position:absolute;
    width:3px;
    height:3px;
    left:0;
    top:11px;
    border-radius:50%;
    background:#e87878
}
.static-content ol{
    counter-reset:li
}
.static-content ol li{
    padding-left:20px
}
.static-content ol li:before{
    content:counter(li) ")";
    counter-increment:li;
    position:absolute;
    width:auto;
    height:25px;
    top:0;
    left:0;
    white-space:nowrap
}
.static-content blockquote{
    width:100%;
    margin:50px 0;
    padding:67px 0;
    position:relative
}
.static-content blockquote>p{
    font-size:24px;
    line-height:1.6
}
.static-content blockquote:after,.static-content blockquote:before{
    content:"";
    position:absolute;
    width:60px;
    height:43px;
    background:url(icons/quotes.html) no-repeat 50%;
    background-size:100% 100%
}
.static-content blockquote:before{
    top:0;
    left:0
}
.static-content blockquote:after{
    right:0;
    bottom:0;
    transform:rotateX(-180deg)
}
.static-content blockquote footer{
    width:100%;
    font-size:16px;
    line-height:1.6;
    text-align:right;
    padding-top:20px
}
.static-content blockquote cite{
    width:100%;
    font-style:normal;
    display:inline-block;
    font-family:GilroyBold,sans-serif
}
.static-content a{
    color:#303392;
    text-decoration:none
}
html:not(.touch) .static-content a:hover{
    text-decoration:underline
}
.static-content a[href^=mailto],.static-content a[href^=tel]{
    white-space:nowrap
}
.static-content>:first-child{
    margin-top:0!important
}
.static-content>:last-child{
    margin-bottom:0!important
}
@media only screen and (max-width:1340px){
    .static-content h1{
        font-size:4vw
    }
}
@media only screen and (max-width:1024px){
    .static-content>*{
        margin:20px 0
    }
    .static-content h2{
        font-size:32px
    }
    .static-content h3{
        font-size:22px
    }
    .static-content>figure,.static-content>img,.static-content blockquote{
        margin:35px 0
    }
    .static-content blockquote{
        padding:55px 0
    }
    .static-content blockquote>p{
        font-size:20px
    }
    .static-content blockquote:after,.static-content blockquote:before{
        width:45px;
        height:32px
    }
}
@media only screen and (max-width:800px){
    .static-content h1{
        font-size:34px
    }
}
@media only screen and (max-width:640px){
    .static-content h1{
        font-size:30px
    }
    .static-content h2{
        font-size:26px
    }
    .static-content h3{
        font-size:20px
    }
    .static-content ol li,.static-content ul li{
        margin-bottom:10px
    }
    .static-content figcaption{
        padding-top:15px
    }
    .static-content blockquote{
        padding:50px 0
    }
    .static-content blockquote>p{
        font-size:18px
    }
    .static-content blockquote footer{
        padding-top:15px
    }
}
.sc-photos{
    width:100%;
    position:relative;
    margin:50px 0
}
@media only screen and (max-width:1024px){
    .sc-photos{
        margin:35px 0
    }
}
.sc-slider{
    width:100%;
    height:227px
}
.sc-slider .swiper-slide{
    overflow:hidden;
    position:relative
}
.sc-slider .swiper-slide img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:640px){
    .sc-slider{
        height:320px
    }
}
@media only screen and (max-width:425px){
    .sc-slider{
        height:260px
    }
}
.slider-btn{
    width:14px;
    height:14px;
    padding:0;
    border:none;
    cursor:pointer;
    background:none;
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    margin:auto 0
}
.slider-btn:after,.slider-btn:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.slider-btn:after{
    opacity:0
}
.slider-btn.slider-btn-prev{
    left:-34px
}
.slider-btn.slider-btn-prev:after,.slider-btn.slider-btn-prev:before{
    background:url(icons/arrow-left-blue.html) no-repeat 50%;
    background-size:100% 100%
}
.slider-btn.slider-btn-prev:after{
    transform:scale(0) translateX(50px)
}
.slider-btn.slider-btn-next{
    right:-34px
}
.slider-btn.slider-btn-next:after,.slider-btn.slider-btn-next:before{
    background:url(icons/arrow-right-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.slider-btn.slider-btn-next:after{
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .slider-btn:hover:before{
    opacity:0
}
html:not(.touch) .slider-btn:hover:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
html:not(.touch) .slider-btn:hover.slider-btn-prev:before{
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .slider-btn:hover.slider-btn-next:before{
    transform:scale(0) translateX(50px)
}
@media only screen and (max-width:800px){
    .slider-btn.slider-btn-prev{
        left:-27px
    }
    .slider-btn.slider-btn-next{
        right:-27px
    }
}
@media only screen and (max-width:640px){
    .slider-btn{
        width:35px;
        height:35px;
        background:#fff
    }
    .slider-btn:after,.slider-btn:before{
        width:14px;
        height:14px;
        right:0;
        bottom:0;
        margin:auto
    }
    .slider-btn.slider-btn-prev{
        left:15px
    }
    .slider-btn.slider-btn-next{
        right:15px
    }
}
.content-use{
    width:100%;
    height:342px;
    overflow:hidden;
    position:relative;
    padding:37px 50px;
    border-radius:10px
}
@media only screen and (max-width:1340px){
    .content-use{
        height:calc(179px + 12.164vw)
    }
}
@media only screen and (max-width:1024px){
    .content-use{
        height:calc(156px + 12.164vw);
        padding:30px 40px
    }
}
@media only screen and (max-width:800px){
    .content-use{
        height:auto;
        min-height:260px
    }
}
@media only screen and (max-width:640px){
    .content-use{
        min-height:240px;
        padding:30px 20px
    }
}
.content-use-left{
    width:700px;
    height:100%;
    position:relative;
    z-index:2
}
@media only screen and (max-width:1340px){
    .content-use-left{
        width:52.239vw
    }
}
@media only screen and (max-width:800px){
    .content-use-left{
        width:100%
    }
}
.content-use-icon{
    width:100%;
    height:60px;
    position:relative
}
@media only screen and (max-width:1024px){
    .content-use-icon{
        height:50px
    }
}
.content-use-label{
    width:100%;
    color:#fff;
    position:relative;
    padding-top:25px
}
.content-use-label p{
    font-size:16px;
    line-height:1.6
}
@media only screen and (max-width:1024px){
    .content-use-label{
        padding-top:20px
    }
}
@media only screen and (max-width:640px){
    .content-use-label{
        padding-top:15px
    }
}
.content-use-title{
    width:100%;
    position:relative;
    padding-top:25px
}
.content-use-title .content-title h1{
    color:#fff
}
@media only screen and (max-width:1024px){
    .content-use-title{
        padding-top:20px
    }
}
@media only screen and (max-width:640px){
    .content-use-title{
        padding-top:15px
    }
}
.content-use-image{
    z-index:1
}
.content-use-image,.content-use-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.content-use-image img{
    object-fit:cover
}
.content-case .h1,.content-case .h2,.content-case .h3,.content-case .h4,.content-case .h5,.content-case .h6{
    font-family:GilroyBold,sans-serif;
    font-weight:400;
    color:#303392;
    line-height:1.3
}
.content-case .h1{
    font-size:56px;
    margin-bottom:6rem
}
.content-case .h2{
    font-size:36px;
    margin-bottom:2rem
}
.content-case .h3{
    font-size:24px;
    margin-bottom:1rem
}
.content-case li,.content-case p{
    margin-bottom:1rem
}
.content-case li,.content-case p,.content-case span{
    font-size:16px;
    line-height:1.625;
    color:#303392
}
.content-case ul{
    list-style-type:none
}
.content-case ul li{
    position:relative
}
.content-case ul li:before{
    content:"";
    position:absolute;
    top:.5rem;
    left:-22px;
    width:7px;
    height:7px;
    border-radius:50%;
    background-color:#e87878
}
.content-case .img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.content-case .img-container{
    position:relative
}
.content-case .img-container__title{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate3d(-50%,-50%,0);
    z-index:1;
    color:#fff;
    font-family:GilroyBold,sans-serif;
    font-size:56px;
    line-height:1.2
}
.content-case .img-container .img-responsive{
    width:100%
}
@media (max-width:991.98px){
    .content-case .img-container__title{
        font-size:36px
    }
}
.content-case .color-accent{
    color:#e87878
}
.content-case .color-primary{
    color:#303392
}
.content-case .font-normal{
    font-size:16px
}
.content-case .font-xl{
    font-size:96px;
    font-family:GilroyBold,sans-serif;
    line-height:.89583
}
.content-case .thumb__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1.5rem
}
.content-case .thumb__header .thumb__preview{
    margin:0
}
.content-case .thumb__preview{
    width:50px;
    height:50px;
    margin-bottom:1.5rem
}
.content-case .thumb__preview img{
    width:100%;
    height:100%;
    object-fit:cover
}
.content-case .thumb__preview--lg{
    width:60px;
    height:60px
}
.content-case .thumb-arrow{
    width:14px;
    height:14px
}
.content-case .thumb--horizontal{
    display:flex
}
.content-case .thumb--horizontal .thumb--left{
    flex:none;
    margin-right:2.5rem
}
.content-case .border-row{
    padding:1rem 0 1.5rem;
    border-top:1px solid rgba(34,55,112,.1)
}
.content-case .border-col{
    padding-top:1rem
}
.content-case .border-col+.border-col{
    border-left:1px solid rgba(34,55,112,.1)
}
.content-case .border-col+.border-col .thumb--horizontal{
    padding-left:2rem
}
.content-case .progress-grid{
    margin-top:2rem
}
.content-case .progress-item{
    width:100%;
    height:auto;
    display:flex;
    align-items:center;
    margin-bottom:1rem
}
.content-case .progress-line{
    position:relative;
    height:20px;
    margin-right:1rem
}
.content-case .progress-line:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    border-radius:20px;
    background-color:#303392
}
.content-case .progress-line--accent:before{
    background-color:#e87878
}
.content-case .progress-item[data-aos=loadProgressItem] .progress-line{
    transition:inherit
}
.content-case .progress-item[data-aos=loadProgressItem] .progress-line:before{
    width:0;
    transition:inherit;
    transition-property:width
}
.content-case .progress-item[data-aos=loadProgressItem] .progress-title{
    transition:inherit;
    transition-property:transform,opacity;
    transform:translate3d(50px,0,0);
    opacity:0
}
.content-case .progress-item[data-aos=loadProgressItem].aos-animate .progress-line{
    transition:inherit
}
.content-case .progress-item[data-aos=loadProgressItem].aos-animate .progress-line:before{
    width:100%;
    transition:inherit;
    transition-property:width
}
.content-case .progress-item[data-aos=loadProgressItem].aos-animate .progress-title{
    transform:translateZ(0);
    opacity:1
}
@media only screen and (max-width:640px){
    .content-case .progress-item{
        flex-direction:column;
        align-items:flex-start
    }
}
.content-case .progressbar{
    position:relative;
    display:flex;
    align-items:center;
    padding:1.75rem 1.5rem;
    margin-bottom:1.5rem;
    color:#303392
}
.content-case .progressbar__counter{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.content-case .progressbar__counter:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:5px;
    background:linear-gradient(190.94deg,#eee,#d8d8d8)
}
.content-case .progressbar__content{
    position:relative;
    z-index:2
}
.content-case .progressbar-title{
    font-size:56px;
    line-height:1;
    font-family:GilroyBold,sans-serif;
    display:flex;
    align-items:center
}
.content-case .progressbar-title span{
    color:#fff
}
.content-case .progressbar-subtitle{
    font-family:GilroyBold,sans-serif
}
.content-case .progressbar-tip{
    position:absolute;
    right:0;
    bottom:100%;
    font-family:GilroyBold;
    font-size:24px;
    margin:0
}
.content-case .progressbar--accent .progressbar-subtitle,.content-case .progressbar--accent .progressbar-title{
    color:#fff
}
.content-case .progressbar--accent .progressbar__counter:before{
    background:linear-gradient(11.11deg,#e87878,#ffbd4d)
}
.content-case .progressbar--primary .progressbar-subtitle,.content-case .progressbar--primary .progressbar-title{
    color:#fff
}
.content-case .progressbar--primary .progressbar__counter:before{
    background:linear-gradient(180deg,#83abe8,#4c73cc)
}
.content-case .progressbar[data-aos=loadProgressbar] .progressbar__counter{
    transition:inherit
}
.content-case .progressbar[data-aos=loadProgressbar] .progressbar__counter:before{
    width:0;
    transition:inherit;
    transition-property:width
}
.content-case .progressbar[data-aos=loadProgressbar] .progressbar__content{
    transition:inherit;
    transition-property:transform,opacity;
    transform:translate3d(50px,0,0);
    opacity:0
}
.content-case .progressbar[data-aos=loadProgressbar].aos-animate .progressbar__counter{
    transition:inherit
}
.content-case .progressbar[data-aos=loadProgressbar].aos-animate .progressbar__counter:before{
    width:100%;
    transition:inherit;
    transition-property:width
}
.content-case .progressbar[data-aos=loadProgressbar].aos-animate .progressbar__content{
    transform:translateZ(0);
    opacity:1
}
.content-case .case__nav{
    padding:4rem 0
}
.content-case .case__nav-link{
    font-family:GilroyBold,sans-serif;
    color:rgba(34,55,112,.6);
    margin:0 3rem;
    text-decoration:none;
    padding-bottom:.15rem;
    border-bottom:1px solid transparent;
    transition:all .4s ease
}
.content-case .case__nav-link.is-active,.content-case .case__nav-link:hover{
    color:#303392;
    border-bottom:1px solid #e87878
}
.content-case .case__body-item+.case__body-item,.content-case .case__section+.case__section{
    padding-top:6rem
}
.content-case .case__body-item:first-of-type{
    padding-top:0
}
@media only screen and (max-width:1340px){
    .content-case .h1{
        font-size:4vw
    }
    .content-case .h2{
        font-size:3.25vw
    }
}
@media only screen and (max-width:1024px){
    .content-case .h3{
        font-size:20px
    }
}
@media only screen and (max-width:800px){
    .content-case .h1{
        font-size:34px
    }
    .content-case .h1 br{
        display:none
    }
    .content-case .h2{
        font-size:28px
    }
}
@media only screen and (max-width:640px){
    .content-case .h1{
        font-size:30px
    }
    .content-case .h2{
        font-size:22px
    }
    .content-case .case__nav-link{
        margin:0
    }
    .content-case .case__nav-link+.case__nav-link{
        margin-left:1rem
    }
    .content-case .border-row{
        border-top:none;
        padding:0
    }
    .content-case .border-col{
        border-top:1px solid rgba(34,55,112,.1)
    }
    .content-case .border-col+.border-col{
        border:none;
        border-top:1px solid rgba(34,55,112,.1)
    }
    .content-case .border-col+.border-col .thumb--horizontal{
        padding-left:0
    }
}
.last-project{
    width:100%;
    position:relative;
    padding-top:110px
}
@media only screen and (max-width:1024px){
    .last-project{
        padding-top:80px
    }
}
@media only screen and (max-width:640px){
    .last-project{
        padding-top:65px
    }
}
.last-project-title{
    width:100%;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.last-project-title .content-title{
    width:auto
}
@media only screen and (max-width:425px){
    .last-project-title{
        justify-content:space-between
    }
}
.last-project-nav{
    width:auto;
    position:relative;
    margin-top:5px;
    padding-left:45px;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
@media only screen and (max-width:640px){
    .last-project-nav{
        margin-top:0;
        padding-left:35px
    }
}
@media only screen and (max-width:425px){
    .last-project-nav{
        padding-left:0
    }
}
.lp-nav-btns{
    width:auto;
    position:relative;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    justify-content:flex-start
}
.lp-btn{
    width:12px;
    height:12px;
    padding:0;
    border:none;
    margin:0 9px;
    cursor:pointer;
    background:none;
    position:relative
}
.lp-btn:first-child{
    margin-left:0
}
.lp-btn:last-child{
    margin-right:0
}
.lp-btn:after,.lp-btn:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.lp-btn:after{
    opacity:0
}
.lp-btn.lp-btn-prev:after,.lp-btn.lp-btn-prev:before{
    background:url(icons/arrow-left-blue.html) no-repeat 50%;
    background-size:100% 100%
}
.lp-btn.lp-btn-prev:after{
    transform:scale(0) translateX(50px)
}
.lp-btn.lp-btn-next:after,.lp-btn.lp-btn-next:before{
    background:url(icons/arrow-right-blue.svg) no-repeat 50%;
    background-size:100% 100%
}
.lp-btn.lp-btn-next:after{
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .lp-btn:hover:before{
    opacity:0
}
html:not(.touch) .lp-btn:hover:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
html:not(.touch) .lp-btn:hover.lp-btn-prev:before{
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .lp-btn:hover.lp-btn-next:before{
    transform:scale(0) translateX(50px)
}
.lp-nav-show{
    width:auto;
    padding-left:20px;
    font-size:16px;
    line-height:1.6;
    color:rgba(34,55,112,.4)
}
.last-project-content{
    width:100%;
    position:relative;
    padding-top:40px
}
@media only screen and (max-width:1024px){
    .last-project-content{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .last-project-content{
        padding-top:20px
    }
}
.lp-slider{
    width:100%;
    height:240px
}
.lp-slider .swiper-slide{
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    justify-content:flex-start;
    background:#303392
}
@media only screen and (max-width:1024px){
    .lp-slider{
        height:220px
    }
}
@media only screen and (max-width:800px){
    .lp-slider{
        height:440px
    }
    .lp-slider .swiper-slide{
        flex-direction:column
    }
}
@media only screen and (max-width:640px){
    .lp-slider{
        height:400px
    }
}
.lp-slider-image{
    width:38%;
    height:100%;
    overflow:hidden;
    position:relative
}
.lp-slider-image img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover
}
@media only screen and (max-width:800px){
    .lp-slider-image{
        width:100%;
        height:220px
    }
}
@media only screen and (max-width:640px){
    .lp-slider-image{
        height:200px
    }
}
.lp-slider-info{
    width:62%;
    position:relative;
    padding:37px 50px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:space-between
}
@media only screen and (max-width:1024px){
    .lp-slider-info{
        padding:30px 40px
    }
}
@media only screen and (max-width:800px){
    .lp-slider-info{
        width:100%;
        height:220px
    }
}
@media only screen and (max-width:640px){
    .lp-slider-info{
        height:200px;
        padding:30px 20px
    }
}
.lp-slider-title,.lp-slider-top{
    width:100%;
    position:relative
}
.lp-slider-title{
    color:#fff
}
.lp-slider-title p{
    font:36px GilroyBold,sans-serif;
    line-height:1.2
}
@media only screen and (max-width:1024px){
    .lp-slider-title p{
        font-size:28px
    }
}
@media only screen and (max-width:640px){
    .lp-slider-title p{
        font-size:24px
    }
}
.lp-slider-desc{
    width:100%;
    color:#fff;
    position:relative;
    padding-top:5px
}
.lp-slider-desc p{
    font-size:16px;
    line-height:1.6
}
.lp-slider-bottom{
    width:100%;
    position:relative
}
.lp-slider-bottom a{
    color:#fff;
    font-size:16px;
    line-height:1.6;
    position:relative;
    padding-left:25px;
    white-space:nowrap;
    display:inline-block;
    text-decoration:none
}
.lp-slider-bottom a:after,.lp-slider-bottom a:before{
    content:"";
    position:absolute;
    width:11px;
    height:11px;
    top:0;
    left:0;
    bottom:0;
    margin:auto 0;
    background:url(icons/arrow-right-white.svg) no-repeat 50%;
    background-size:100% 100%;
    transition:transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.lp-slider-bottom a:after{
    opacity:0;
    transform:scale(0) translateX(-50px)
}
html:not(.touch) .lp-slider-bottom a:hover:before{
    opacity:0;
    transform:scale(0) translateX(50px)
}
html:not(.touch) .lp-slider-bottom a:hover:after{
    opacity:1;
    transform:scale(1) translateX(0)
}
#app{
    overflow:hidden
}
#app,.app-content{
    width:100%;
    height:auto;
    position:relative
}
.app-content{
    min-height:100vh
}
.common-content{
    width:100%;
    position:relative;
    padding:160px 0
}
@media only screen and (max-width:1024px){
    .common-content{
        padding:150px 0 90px
    }
}
@media only screen and (max-width:640px){
    .common-content{
        padding:125px 0 60px
    }
}
.content-center{
    width:100%;
    margin:0 auto;
    padding:0 80px;
    max-width:1340px
}
@media only screen and (max-width:1024px){
    .content-center{
        padding:0 40px
    }
}
@media only screen and (max-width:640px){
    .content-center{
        padding:0 20px
    }
}
@media only screen and (max-width:320px){
    .content-center{
        padding:0 10px
    }
}
.content-title{
    width:70%;
    position:relative
}
.content-title .h1,.content-title .h2,.content-title .h3,.content-title .h4,.content-title .h5,.content-title .h6,.content-title h1,.content-title h2,.content-title h3{
    font-weight:400;
    color:#303392;
    line-height:1.3
}
.content-title .h1,.content-title h1,.content-title h2{
    font-size:56px
}
.content-title h1 span{
    font-size:36px
}
.content-title .h3,.content-title h3{
    font-size:24px
}
@media only screen and (max-width:1340px){
    .content-title .h1,.content-title h1,.content-title h2{
        font-size:4vw
    }
}
@media only screen and (max-width:1024px){
    .content-title .h3,.content-title h3{
        font-size:20px
    }
}
@media only screen and (max-width:800px){
    .content-title .h1,.content-title .h2,.content-title h1,.content-title h2{
        font-size:34px
    }
    .content-title .h1 br,.content-title .h2 br,.content-title h1 br,.content-title h2 br{
        display:none
    }
}
@media only screen and (max-width:640px){
    .content-title .h1,.content-title .h2,.content-title h1,.content-title h2{
        font-size:30px
    }
}
/*# sourceMappingURL=app.map */
 
 .line-bg {
  position: absolute;
  top: 750px;
  left: 0;
  width: 1px;
  overflow: hidden;
  -webkit-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
  }
  .line-bg.appear.animated {
    width: 100%; }
  .line-bg img {
    display: block;
    width: 100vw;
    min-width: 1200px; }
    
  .hero__lining {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 0; }
    @media (max-width: 991px) {
      .hero__lining {
        display: none; } }
    .hero__lining__wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      width: calc(100vw - 18px);
      width: 100vw;
      height: 100%;
      position: absolute;
      left: 0; }
    .hero__lining.type2 {
      width: 0;
      overflow: hidden;
      z-index: 9; }
  .hero__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background:url(../images/img-hero-bg.jpg) no-repeat;
    background-size:cover }
    @media (max-width: 991px) {
      .hero__content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media (max-width: 767px) {
      .hero__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 85px 0 0;
        text-align: center; } }
    @media (max-width: 399px) {
      .hero__content {
        padding: 40px 0 0; } }
  .hero-pic {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 486px;
    margin-right: -5vw; }
    @media (max-width: 991px) {
      .hero-pic {
        min-width: 370px;
        width: 370px;
        height: 370px;
        border-radius: 50%;
        overflow: hidden;
        -webkit-box-shadow: 0 0 0 8px white inset;
                box-shadow: 0 0 0 8px white inset;
        margin-top: 45px;
        margin-right: -4vw;
        margin-left: -4vw; } }
    @media (max-width: 767px) {
      .hero-pic {
        min-width: 240px;
        width: 240px;
        height: 240px;
        margin: 0 auto 80px; } }
    @media (max-width: 399px) {
      .hero-pic {
        margin: 0 auto 30px; } }
    .hero-pic__image {
      display: block;
      max-width: 620px;
      width: 100%;
      margin: 0 0 0 auto; }

textarea#cc-form-message {
    height: 120px;
}