body,html{
    overflow-x:hidden
}
.main-container{
    clear:both
}
.container,.container-fluid{
    position:relative;
    z-index:1
}
section{
    position:relative;
    width:100%;
    padding:7rem 0
}
img{
    max-width:100%;
    height:auto
}
@media (min-width:576px) and (max-width:1469px){
    .container{
        max-width:100%
    }
}
@media (min-width:576px) and (max-width:767px){
    .container{
        padding-left:20px;
        padding-right:20px
    }
}
@media (min-width:768px) and (max-width:1469px){
    .container{
        padding-left:30px;
        padding-right:30px
    }
}
@media (max-width:1199.98px){
    section{
        padding:5rem 0
    }
}
@media only screen and (min-width:2560px) and (max-width:2880px) and (max-height:5120px){
    html{
        font-size:19px
    }
}
body{
    font-family:Roboto,Helvetica,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.6
}
a{
    color:#375dff;
    text-decoration:none
}
a:hover{
    color:#0434ff;
    text-decoration:none
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:.5rem;
    font-family:Montserrat,Helvetica,sans-serif;
    font-weight:700;
    line-height:1.2;
    letter-spacing:0
}
.h1>a:hover,.h2>a:hover,.h3>a:hover,.h4>a:hover,.h5>a:hover,.h6>a:hover,h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{
    color:#375dff
}
.h1.text-white>a,.h2.text-white>a,.h3.text-white>a,.h4.text-white>a,.h5.text-white>a,.h6.text-white>a,h1.text-white>a,h2.text-white>a,h3.text-white>a,h4.text-white>a,h5.text-white>a,h6.text-white>a{
    color:#fff
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
.h1,h1{
    font-size:3rem;
    font-weight:700;
    line-height:1.3
}
.h2,h2{
    font-size:2.25rem;
    font-weight:700;
    line-height:1.35
}
.h3,h3{
    font-size:1.5rem;
    font-weight:700;
    line-height:1.4
}
.h4,h4{
    font-size:1.25rem;
    font-weight:700;
    line-height:1.45
}
.h5,h5{
    font-size:1rem;
    font-weight:700;
    line-height:1.5
}
.h6,h6{
    font-size:.875rem;
    font-weight:700;
    line-height:1.55
}
.lead{
    font-size:1.125rem;
    font-weight:400
}
p:last-child{
    margin-bottom:0
}
hr{
    border-top:1px solid rgba(0,0,0,.1)
}
.section-title{
    position:relative
}
.section-title>:not(.title-letter){
    position:relative;
    z-index:2
}
@media (max-width:991.99px){
    .h1,h1{
        font-size:1.875rem
    }
    .h2,h2{
        font-size:1.625rem
    }
    .h3,h3{
        font-size:1.5rem
    }
    .h4,h4{
        font-size:1.375rem
    }
    .lead{
        font-size:1.125rem
    }
}
.btn{
    font-weight:600;
    border:2px solid transparent;
    padding:.5625rem 1.125rem;
    font-size:1rem;
    line-height:1.5;
    border-radius:.25rem
}
.btn:focus{
    outline:0;
    box-shadow:none
}
.btn-lg{
    padding:.6875rem 1.125rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.385rem
}
.btn-icon{
    position:relative;
    line-height:0;
    font-size:1rem;
    width:2.875rem;
    height:2.875rem;
    padding:0
}
.btn-icon-inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.btn-icon.btn-lg{
    font-size:1.25rem;
    width:3.5rem;
    height:3.5rem
}
.btn-link:hover{
    text-decoration:none
}
.btn-primary{
    color:#fff;
    background:#375dff;
    border-color:transparent
}
.btn-primary:hover{
    color:#fff;
    background:#1e48ff;
    border-color:#1e48ff
}
.btn-primary:focus{
    color:#fff;
    border-color:#1e48ff
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#1e48ff;
    border-color:#1e48ff
}
.btn-light{
    color:#080914;
    background:#f5f7f9;
    border-color:transparent
}
.btn-light:hover{
    color:#080914;
    background:#e5eaef;
    border-color:#e5eaef
}
.btn-light:focus{
    color:#080914;
    border-color:#e5eaef
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{
    color:#080914;
    background-color:#e5eaef;
    border-color:#e5eaef
}
.btn-dark{
    color:#fff;
    background:#080914;
    border-color:transparent
}
.btn-dark:hover{
    color:#fff;
    background:#010102;
    border-color:#010102
}
.btn-dark:focus{
    color:#fff;
    border-color:#010102
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#010102;
    border-color:#010102
}
.btn-white{
    color:#080914;
    background:#fff;
    border-color:transparent
}
.btn-white:hover{
    color:#080914;
    background:rgba(255,255,255,.9);
    border-color:rgba(255,255,255,.9)
}
.btn-white:focus{
    color:#080914;
    border-color:rgba(255,255,255,.9)
}
.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active{
    color:#080914;
    background-color:rgba(255,255,255,.8);
    border-color:rgba(255,255,255,.8)
}
.btn-text-primary{
    color:#375dff;
    background:0 0
}
.btn-text-primary[href]:active,.btn-text-primary[href]:focus,.btn-text-primary[href]:hover,.btn-text-primary[type]:active,.btn-text-primary[type]:focus,.btn-text-primary[type]:hover{
    color:#002cea
}
.btn-text-light{
    color:#f5f7f9;
    background:0 0
}
.btn-text-light[href]:active,.btn-text-light[href]:focus,.btn-text-light[href]:hover,.btn-text-light[type]:active,.btn-text-light[type]:focus,.btn-text-light[type]:hover{
    color:#c5d1dc
}
.btn-text-dark{
    color:#080914;
    background:0 0
}
.btn-text-dark[href]:active,.btn-text-dark[href]:focus,.btn-text-dark[href]:hover,.btn-text-dark[type]:active,.btn-text-dark[type]:focus,.btn-text-dark[type]:hover{
    color:#000
}
.btn-text-white{
    color:#fff;
    background:0 0
}
.btn-text-white[href]:active,.btn-text-white[href]:focus,.btn-text-white[href]:hover,.btn-text-white[type]:active,.btn-text-white[type]:focus,.btn-text-white[type]:hover{
    color:rgba(255,255,255,.8)
}
#backtotop{
    position:fixed;
    bottom:-52px;
    right:15px;
    z-index:1030
}
@media (min-width:576px){
    #backtotop{
        right:20px
    }
}
@media (min-width:768px) and (max-width:1199px){
    #backtotop{
        right:30px
    }
}
.mobile-logo{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:fixed;
    top:15px;
    left:15px;
    max-width:calc(100% - 45px - 54px);
    min-height:54px;
    padding:5px 15px;
    background-color:transparent;
    border:1px solid transparent;
    box-shadow:0 0 15px rgba(0,0,0,.07),0 0 5px rgba(0,0,0,.07);
    font-family:Montserrat,Helvetica,sans-serif;
    font-size:1.25rem;
    font-weight:500;
    line-height:1.5;
    color:#fff;
    text-align:center;
    cursor:pointer;
    outline:0;
    z-index:9400;
    -webkit-user-select:none;
    user-select:none
}
.mobile-logo:hover{
    color:#fff
}
.mobile-logo img,.mobile-logo span{
    display:block;
    position:relative
}
.mobile-logo.mobile-logo-light{
    color:#fff;
    border-color:rgba(255,255,255,.2)
}
.mobile-logo.mobile-logo-dark{
    color:#252729;
    border-color:rgba(0,0,0,.07)
}
.nav-toggle{
    position:fixed;
    top:15px;
    right:15px;
    width:54px;
    height:54px;
    padding:0;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:0;
    box-shadow:0 0 15px rgba(0,0,0,.07),0 0 5px rgba(0,0,0,.07);
    color:#fff;
    cursor:pointer;
    outline:0;
    z-index:10000;
    -webkit-user-select:none;
    user-select:none
}
.nav-toggle:focus{
    outline:0
}
.nav-toggle span{
    position:relative;
    width:30px;
    margin:0 auto;
    background:#fff;
    transition:background .2s .2s ease-in-out
}
.nav-toggle span,.nav-toggle span:after,.nav-toggle span:before{
    display:block;
    height:2px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.nav-toggle span:after,.nav-toggle span:before{
    position:absolute;
    content:"";
    width:15px;
    background:#fff;
    transform-origin:50% 50%;
    transition:top .2s .4s ease-in-out,left .2s .2s ease-in-out,right .2s .2s ease-in-out,width .2s .2s ease-in-out,transform .2s ease-in-out
}
.nav-toggle span:before{
    top:10px;
    left:15px
}
.nav-toggle span:after{
    top:-10px;
    right:15px
}
.nav-toggle.nav-toggle-light{
    border-color:rgba(255,255,255,.2)
}
.nav-toggle.nav-toggle-light span,.nav-toggle.nav-toggle-light span:after,.nav-toggle.nav-toggle-light span:before{
    background:#fff
}
.nav-toggle.nav-toggle-dark{
    border-color:rgba(0,0,0,.07)
}
.nav-toggle.nav-toggle-dark span,.nav-toggle.nav-toggle-dark span:after,.nav-toggle.nav-toggle-dark span:before{
    background:#252729
}
.site-header{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:300px;
    overflow-x:hidden;
    overflow-y:auto;
    background:#151719;
    border-right:1px solid rgba(255,255,255,.2);
    -webkit-overflow-scrolling:touch;
    z-index:9999;
    transform:translate3D(-300px,0,0);
    transition:transform .3s ease-out;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.header-inner{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
    padding-top:5rem;
    padding-bottom:5rem;
    z-index:10
}
.header-inner>:not(.overlay){
    position:relative
}
.header-brand{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin-bottom:5rem;
    padding:0 20px
}
.header-brand .logo{
    position:relative;
    font-family:Montserrat,Helvetica,sans-serif;
    font-size:1.5rem;
    font-weight:600;
    line-height:2.25rem;
    color:#fff;
    text-align:center
}
.header-brand .logo :not(.title-letter):not(.avatar-shape){
    position:relative;
    z-index:10
}
.header-brand .logo img{
    display:block
}
.site-header.site-header-dark .header-brand .logo{
    color:#252729
}
.site-nav{
    width:100%;
    margin:0;
    padding:0 30px
}
.site-nav ul{
    list-style:none;
    padding:0
}
.site-nav li{
    margin-top:.5rem;
    margin-bottom:.5rem
}
.site-nav li:first-child{
    margin-top:0
}
.site-nav li:last-child{
    margin-bottom:0
}
.site-nav a:not(.btn){
    position:relative;
    color:#fff;
    font-family:Montserrat,Helvetica,sans-serif;
    font-size:1rem;
    font-weight:600;
    line-height:1.75rem;
    transition:color .2s ease-out
}
.site-nav a:not(.btn):before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-27px;
    border-left:3px solid #fff;
    opacity:0;
    transition:opacity .2s ease-out,color .2s ease-out
}
.site-nav a:not(.btn):hover{
    color:rgba(255,255,255,.85)
}
.site-nav a:not(.btn).active:before{
    opacity:1
}
.site-header.site-header-dark .site-nav a:not(.btn){
    color:#252729
}
.site-header.site-header-dark .site-nav a:not(.btn):before{
    border-left-color:#252729
}
.site-header.site-header-dark .site-nav a:not(.btn):hover{
    color:rgba(0,0,0,.85)
}
.site-header.site-header-dark .site-nav a:not(.btn).active,.site-header.site-header-light .site-nav a:not(.btn).active{
    color:#377dff
}
.site-header.site-header-dark .site-nav a:not(.btn).active:before,.site-header.site-header-light .site-nav a:not(.btn).active:before{
    border-left-color:#377dff
}
.nav-divider{
    width:1px;
    height:54px;
    margin:0 auto;
    background-color:#fff;
    opacity:.3
}
.header-overlay{
    position:fixed;
    top:-120px;
    bottom:-120px;
    left:0;
    right:0;
    visibility:hidden;
    opacity:0;
    transition-property:opacity,visibility;
    transition-duration:.3s,0s;
    transition-timing-function:ease-out;
    transition-delay:0s,.3s;
    z-index:9450;
    cursor:pointer;
    touch-action:pan-y
}
@media (min-width:576px){
    .mobile-logo{
        top:20px;
        left:20px;
        max-width:calc(100% - 60px - 54px)
    }
    .nav-toggle{
        top:20px;
        right:20px
    }
}
@media (min-width:768px) and (max-width:1199px){
    .mobile-logo{
        top:30px;
        left:30px;
        max-width:calc(100% - 90px - 54px)
    }
    .nav-toggle{
        top:30px;
        right:30px
    }
}
@media (min-width:1200px){
    .mobile-logo,.nav-toggle{
        display:none
    }
    .site-header{
        z-index:5;
        box-shadow:0 0 0 transparent;
        transform:translate3D(0,0,0);
        transition:none
    }
    .header-overlay{
        display:none
    }
}
@media only screen and (min-width:2560px) and (max-width:2880px) and (max-height:5120px){
    .site-header{
        width:20%
    }
}
.page-content{
    position:relative;
    background:#fff
}
.page-cover{
    position:relative;
    overflow:hidden;
    min-height:240px
}
.page-cover-wrapper-fixed{
    position:relative;
    width:100%;
    height:inherit
}
.page-cover-bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.page-cover-wrap{
    position:relative
}
.page-cover .container>:not(.cover-letter){
    position:relative;
    z-index:2
}
@media (min-height:640px){
    .page-cover-wrapper-fixed{
        position:fixed;
        max-height:100vh
    }
}
@media (min-width:1200px){
    .page-wrapper{
        position:relative;
        width:auto;
        margin-left:300px;
        box-shadow:0 0 300px rgba(0,0,0,.027),0 0 27px rgba(0,0,0,.1);
        z-index:10
    }
}
@media (min-width:1200px) and (min-height:640px){
    .page-cover-wrapper-fixed{
        width:auto;
        left:300px;
        right:0
    }
}
@media only screen and (min-width:2560px) and (max-width:2880px) and (max-height:5120px){
    .page-wrapper{
        margin-left:20%
    }
    .page-cover-wrapper-fixed{
        left:20%
    }
}
.site-footer{
    position:relative;
    padding:7rem 0
}
.block,.block>*{
    position:relative
}
.news-block{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:1px solid #e7eaf3;
    border-radius:.25rem
}
.news-body{
    flex:1 1 auto;
    padding:1rem
}
.page-link{
    padding:.5625rem .5625rem;
    margin-left:0;
    line-height:1.6;
    color:#303342;
    background-color:#fff;
    border:1px solid #d8dde6;
    cursor:pointer;
    text-align:center;
    min-width:2.8125rem
}
.page-link:hover{
    color:#375dff;
    background-color:#f5f7f9;
    border-color:#d8dde6
}
[class*=badge-]{
    z-index:5
}
.avatar{
    position:relative;
    display:inline-block;
    width:3rem;
    height:3rem;
    font-size:1rem
}
.avatar-img{
    width:100%;
    height:100%;
    object-fit:cover
}
.avatar-title{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background-color:#8d9caf;
    color:#fff
}
.avatar-lg{
    width:4.5rem;
    height:4.5rem;
    font-size:1.5rem
}
.avatar-xl{
    width:6.25rem;
    height:6.25rem;
    font-size:2.0833333333rem
}
.avatar-xxl{
    width:6.25rem;
    height:6.25rem;
    font-size:2.0833333333rem
}
@media (min-width:992px){
    .avatar-xxl{
        width:9rem;
        height:9rem;
        font-size:3rem
    }
}
.avatar-group{
    display:inline-flex
}
.avatar-group .avatar+.avatar{
    margin-left:-.75rem
}
.avatar-group .avatar-lg+.avatar-lg{
    margin-left:-1.125rem
}
.avatar-group .avatar-xl+.avatar-xl{
    margin-left:-1.5625rem
}
.avatar-group .avatar-xxl+.avatar-xxl{
    margin-left:-2.25rem
}
.avatar-shape{
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    right:0;
    background-color:#fff;
    z-index:-1
}
.avatar-shape.avatar-shape-rounded{
    border-top-right-radius:100rem;
    border-bottom-right-radius:100rem
}
.divider{
    display:block;
    margin:20px 0;
    width:100%;
    position:relative;
    overflow:hidden;
    height:1px;
    background-color:rgba(0,0,0,.125)
}
.divider.divider-alt{
    width:2rem;
    height:.125rem;
    background-color:#303342
}
.divider.divider-alt.divider-light{
    background-color:#fff
}
.divider.divider-alt.divider-dark{
    background-color:#252729
}
body>div.loader{
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    width:100%;
    height:100%;
    background:#fff;
    z-index:9999;
    opacity:0;
    transition:opacity .5s ease;
    overflow:hidden;
    pointer-events:none
}
body:not(.loaded)>div.loader{
    opacity:1
}
body:not(.loaded){
    overflow:hidden
}
@keyframes hideLoader{
    0%{
        width:100%;
        height:100%
    }
    100%{
        width:0;
        height:0
    }
}
.icon{
    flex-shrink:0
}
@keyframes drop{
    0%{
        top:5px;
        opacity:0
    }
    30%{
        top:10px;
        opacity:1
    }
    100%{
        top:25px;
        opacity:0
    }
}
.bg-image-holder img{
    display:none!important
}
.overlay{
    position:absolute
}
.overlay{
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-user-select:none;
    user-select:none;
    border-radius:inherit
}
.overlay-inner{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}