body{
    background: #fff;
    min-height: 100vh;
    font-family: 'os';
    max-width: 100vw;
    overflow-x: hidden;
    line-height: 125%;
    color: #323232;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    font-size: 14px;
    width: 100vw;
}
html {
    width: 100vw;
    
    overflow-x: hidden;
}
body::-webkit-scrollbar{
    width: 6px;
}
body.overflow{
    overflow: hidden;
    max-height: 100vh;
}
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'os';
}
*:focus, *:active{
    outline-width: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: none;
}
*::-moz-selection {
    color: #fff; /* Цвет текста */
    background:rgba(105, 40, 156, 0.9); /* Цвет фона */
}
*::selection {
    color: #fff; /* Цвет текста */
    background:rgba(105, 40, 156, 0.9); /* Цвет фона */
}
::-webkit-scrollbar{width:3px; height: 3px;}
::-webkit-scrollbar-track{-webkit-box-shadow:none;box-shadow:none;background:#ededed}
::-webkit-scrollbar-thumb{background-color:#69289C}
img{
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
a, button, input[type='submit'], input[type='button']{
    cursor: pointer;
}

/* fira-mono-regular - latin */
/* fira-mono-regular - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'fira';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Legacy iOS */
}
/* fira-mono-500 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'fira500';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Legacy iOS */
}
/* fira-mono-700 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'fira700';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Legacy iOS */
}
/* open-sans-300 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
    font-family: 'os300';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Legacy iOS */
  }
  /* open-sans-regular - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'os';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Legacy iOS */
  }
  /* open-sans-600 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'os600';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Legacy iOS */
  }
  /* open-sans-700 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'os700';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Legacy iOS */
  }
  /* open-sans-800 - latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
  @font-face {
    font-family: 'os800';
    font-style: normal;
    font-weight: 800;
    src: url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../fonts/open-sans-v18-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'); /* Legacy iOS */
  }

/* container */
.container{
    width: -webkit-calc(100vw - 50px);
    width: calc(100vw - 50px);
    margin: 0 auto;
}
.main{
    max-width: 100vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    /* overflow-x: hidden; */
}
.swiper-container{
    width: 100%;
}

/* text */
.text-center{
    text-align: center;
}
.slider-title{
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.title{
    font-size: 16px;
    font-family: 'fira500';
    line-height: 125%;
    font-weight: 500;
}
.title *:not(i){
    font-family: 'fira500';
}
.title_link{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #323232;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    font-family: 'fira500';
}
.title_link>span{
    -webkit-transition: margin-right .3s ease-in;
    -o-transition: margin-right .3s ease-in;
    transition: margin-right .3s ease-in;
    margin-right: 15px;
    position: relative;
    font-family: 'fira500';
}
.title_link>span:after{
    content: '';
    width: 0;
    height: 1px;
    background: #323232;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: width .3s ease-in;
    -o-transition: width .3s ease-in;
    transition: width .3s ease-in;
}
.title_link:hover>span:after{
    width: 100%;
}
.title_link i{
    font-size: 8px;
    color: #fff;
    margin-left: auto;
    margin-right: 0;
    background: #69289C;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    width: 37px;
    height: 37px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.title_link i:hover{
    background: #FAFAFA;
    color: #69289C;
}

/* header */
.header{
    width: 100vw;
    max-width: 100vw;
    position: relative;
    z-index: 99;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.header__container{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 24px 20px 26px;
    /* padding: 42px 24px 20px 26px; */
    position: relative;
}
.logo{
    min-width: 65px;
    max-width: 65px;
    min-height: 30px;
    max-height: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.logo img{
    max-width: 100%;
}
.burger-btn{
    border: none;
    min-width: 17px;
    min-height: 17px;
    position: relative;
    background: rgba(255,255,255,.0);
    margin-bottom: 10px;
}
.burger-btn:after, .burger-btn:before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #323232;
    position: absolute;
    left: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.burger-btn:after{
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
}
.burger-btn:before{
    bottom: -webkit-calc(50% - 3px);
    bottom: calc(50% - 3px);
}
.burger-btn_active:after{
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
}
.burger-btn_active:before{
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    bottom: -webkit-calc(50% - 1px);
    bottom: calc(50% - 1px);
}

/* menu */
.menu{
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.language_wr{
    margin-right: 20px;
}
.list_leng{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.language_wr a{
    font-family: 'os700';
    font-size: 18px;
    line-height: 125%;
    text-transform: uppercase;
    color: #939393;
    margin-right: 10px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.language_wr a:not(.active):hover{
    color: #69289C;
}
.language_wr a.active{
    color: #323232;
}
.menu__item{
    font-family: 'os600';
    font-size: 18px;
    line-height: 138%;
    color: #939393;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    cursor: pointer;
    text-decoration: none;
}
.menu__item_active, .menu__item:hover, 
.menu__item:focus, .menu__item:active{
    color: #323232;
    text-decoration: none;
}

/* btns */
.btn{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 0;
            border-radius: 0;
    font-family: 'fira';
    border: none;
    padding: 0;
    cursor: pointer;
}
.btn_primary{
    background: #323232;
    min-height: 54px;
    text-decoration: none;
    color: #fff;
    padding: 15px 35px;
    font-size: 18px;
    line-height: 125%;
    font-family: 'fira500';
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.btn_primary:before{
    content: '';
    display: block;
    min-width: 0;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 0;
}
.btn_primary:hover{
    color: #fff;
}
.btn_primary:hover:before{
    min-width: 100%;
}
.login-btn-wrapper{
    min-width: 100%;
}
.btn_primary-menu{
    min-width: 120px;
}
.arrow{
    text-decoration: none;
    border: none;
    background: rgba(255,255,255,0);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.arrow i{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #69289C;
    color: #fff;
    width: 60px;
    height: 60px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.arrow:hover i{
    background: #FAFAFA;
    color: #69289C;
}
.slider-btn{
    position: relative;
    border: none;
    width: unset;
    height: unset;
}
.slider-btn:after{
    display: none
}
.link, .slider-btn i{
    font-size: 14px;
    line-height: 125%;
    color: #323232;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
}
.slider-btn i{
    font-size: 8px;
}
.link{
    font-family: 'fira';
}
.link:hover, .slider-btn i:hover{
    text-decoration: none;
    color: #323232
}
.link i{
    margin-left: 33px;
}
.purple-link{
    color: #69289C;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira500';
}

/* footer */
.footer{
    background: #FAFAFA;
    padding-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}
.subscribe{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.footer>p, .subscribe input:not([type='button']){
    font-size: 18px;
    line-height: 125%;
}
.subscribe input:not([type='button']){
    font-family: 'fira';
    min-height: 54px;
    width: 100%;
    background: rgba(255,255,255,.0);
    padding-left: 12px;
    padding-right: 12px;
    color: #323232;
    border: none
}
.soc-networks{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.soc-networks>a:not(:last-of-type){
    margin-right: 34px;
}
.subscribe input:not([type='button'])::-webkit-input-placeholder{
    color: #323232
}
.subscribe input:not([type='button'])::-moz-placeholder{
    color: #323232
}
.subscribe input:not([type='button']):-ms-input-placeholder{
    color: #323232
}
.subscribe input:not([type='button'])::-ms-input-placeholder{
    color: #323232
}
.subscribe input:not([type='button'])::placeholder{
    color: #323232
}
.soc-networks i{
    font-size: 14px;
}
.soc-networks a{
    color: #323232;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.soc-networks a:hover{
    color: #69289C;
}
.helpers, .copyright{
    letter-spacing: -0.2;
    font-size: 12px;
    line-height: 125%;
}
.helper{
    margin-bottom: 7px;
    color: #939393;
}
.helper a{
    color: #323232;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in
}
.helper a:hover{
    color: #69289C;
}

/* icons */
.icon-btn{
    color: #fff;
    font-size: 20px;
}

/* logged user btn */
.logged{
    position: relative;
}
.logged-btn{
    background: rgba(255,255,255,0);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    color: #323232;
    background: #fafafa;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.logged-btn:hover>a{
    color: #69289C
}
.logged-btn>a{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
    text-decoration: none;
    color: #323232;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.logged-btn__img{
    -webkit-border-radius: 50%;
            border-radius: 50%;
    min-width: 51px;
    max-width: 51px;
    height: 51px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    overflow: hidden;
}
.logged-btn img{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}
.header-user-ico{
    position: relative;
    display: inline-block;
    width: 21px;
    height: 2px;
    background: #323232;
    margin-left: auto;
    margin-right: 0;
}
.header-user-ico:after, .header-user-ico:before{
    content: '';
    width: 50%;
    position: absolute;
    height: 2px;
    background: #323232;
}
.header-user-ico:after{
    right: 0;
    bottom: -8px;
}
.header-user-ico:before{
    left: 0;
    top: -8px;
}
.logged-menu{
    background: #fafafa;
    width: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}
.logged-menu__item{
    padding: 10px;
}
.logged-menu__item.last{
    background: #69289C;
    margin-top: auto;
    margin-bottom: 0;
}
.logged-menu__item.last>*{
    color: #fff
}
.logged-menu__item>*{
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira';
    letter-spacing: -0.03em;
    text-decoration: none;
    color: #323232;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.logged-menu__item:not(.last)>*:hover{
    color: #69289C;
}
.logged-btn:before{
    display: none;
}
/* 900 - 1359 планшет */
@media screen and (min-width: 901px){
    body:not(.home) .header{
        border-color: rgba(255,255,255,0);
    }
    .swiper-nav{
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 0;
        margin-left: auto;
    }
    .swiper-nav>*{
        top: unset;
        left: unset;
        right: unset;
        margin: 0;
        margin-left: 20px;
    }
    .swiper-nav>*.swiper-button-disabled{
        display: none;
    }
    .home~.footer{
        background: unset;
        position: relative;
    }
    .home~.footer>*{
        position: relative;
        z-index: 1;
    }
    .home~.footer.expanded:after{
        z-index: -1;
    }
    .home~.footer:before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #FAFAFA;
    }
    .home~.footer:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 0;
        width: 30vw;
        height: 30vw;
        background: url(../../image/2021/footerBG.svg) center center no-repeat;
        background-size: 100%;
        -webkit-transition: all .3 ease-in;
        -o-transition: all .3 ease-in;
        transition: all .3 ease-in;
    }
    .container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .header{
        border-bottom: 1px solid #ededed;
    }
    .header__container{
        min-height: 100px;
        padding: 0 25px;
        margin-right: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .logo{
        min-width: 117px;
        max-height: 100px;
    }
    .burger-btn{
        display: none;
    }
    .menu{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-left: 20px;
        margin-right: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .language_wr{
        margin-right: 0;
    }
    .language_wr a{
        font-size: 10px;
    }
    .menu__item{
        font-size: 12px;
        line-height: 125%;
    }
    .btn_primary{
        font-size: 9px;
        min-height: 42px;
    }
    .login-btn-wrapper{
        min-width: 112px;
    }
    .btn_primary-menu{
        min-width: 100%;
    }
    .title{
        font-size: 32px;
        letter-spacing: -0.03em;
    }
    .title_link{
        width: auto;
    }
    .title_link>span{
        margin-right: 33px;
    }
    .title_link i{
        margin-left: unset;
    }
    .link{
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .link i, .slider-btn i{
        margin-left: 12px;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
        width: 37px;
        height: 37px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        overflow: hidden;
        background: #fff;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .slider-btn i{
        margin-left: 0;
    }
    .link:hover,  .slider-btn  i:hover{
        color: #69289C;
    }
    .link:hover .fas,  .slider-btn  i:hover{
        color: #fff;
        background: #69289C;
    }
    .footer{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 40px;
        padding-bottom: 32px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .footer>p{
        margin-bottom: 17px;
        font-size: 12px;
        width: 100%;
    }
    .subscribe{
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        border: 2px solid #ededed;
        padding: 4.5px 4px;
        max-width: 100%;
        margin-bottom: 46px;
    }
    .subscribe input:not([type='button']){
        min-height: 42px;
        padding-left: 22px;
        padding-right: 22px;
        margin-right: 22px;
        font-size: 24px;
    }
    .copyright, .helpers{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        max-width: -webkit-calc(40% - 15px);
        max-width: calc(40% - 15px);
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .copyright, .helpers{
        font-size: 9px;
    }
    .helper{
        margin-bottom: 0;
    }
    .helper:not(:last-of-type){
        margin-right: 37px;
    }
    .copyright{
        -webkit-box-ordinal-group: 99;
        -webkit-order: 98;
            -ms-flex-order: 98;
                order: 98;
        margin-right: 10px;
    }
    .soc-networks{
        -webkit-box-ordinal-group: 100;
        -webkit-order: 99;
            -ms-flex-order: 99;
                order: 99;
        margin-right: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .soc-networks i{
        font-size: 12px;
    }
    .helpers{
        -webkit-box-ordinal-group: 101;
        -webkit-order: 100;
            -ms-flex-order: 100;
                order: 100;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right;
    }
    .arrow i{
        width: 38px;
        height: 38px;
        font-size: 10px;
    }
    .logged{
        position: relative;
    }
    .logged-btn{
        width: -webkit-calc(100% + 25px);
        width: calc(100% + 25px);
        margin-right: -25px;
        min-height: 101px;
        background: #fafafa;
    }
    .logged-menu{
        position: absolute;
        top: -200vh;
        right: 0;
        width: -webkit-calc(100% + 25px);
        width: calc(100% + 25px);
        margin-right: -25px;
        z-index: -1;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .logged-menu.opened{
        top: 100%;
    }
}
@media screen and (min-width: 1120px){
    .menu{
        margin-left: 85px;
        margin-right: 112px;
    }
}
/* 1360 - 1920 десктоп */
@media screen and (min-width: 1280px){
    .container{
        padding-left: 122px;
        padding-right: 122px;
    }
    .header__container{
        padding-left: 31px;
        padding-right: 40px;
    }
    .btn_primary{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .slider-title{
        margin-bottom: 55px;
    }
    .title_link i{
        font-size: -webkit-calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .language_wr{
        margin-right: 20px;
    }
    .menu__item{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .soc-networks i{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .footer{
        padding-left: 122px;
        padding-right: 122px;
    }
    .footer>p, .language_wr a{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .arrow i{
        font-size: -webkit-calc(7px + (7 + 7 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(7px + (7 + 7 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .link, .purple-link{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .link i{
        font-size: -webkit-calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .slider-btn i{
        font-size: -webkit-calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(10px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560))
    }
    .logged-menu__item>*{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    
    .logged-btn, .logged-menu{
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-right: -40px;
    }
    .logged-menu__item{
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 30px;
    }
    .logged-menu__item.last{
        padding-bottom: 30px;
        padding-top: 30px;
        margin-top: 45px;
    }
}
/* 1920 - 2560 десктоп */
@media screen and (min-width: 1920px){
    .container{
        padding-left: 182px;
        padding-right: 182px;
    }
    .header__container{
        min-height: 152px;
        padding-left: 45px;
        padding-right: 61px;
    }
    .logo{
        min-width: 176px;
        max-height: 152px;
    }
    .menu{
        margin-left: 127px;
        margin-right: 168px;
    }
    /* .menu__item{
        font-size: 18px;
    } */
    .btn_primary{
        /* font-size: 14px; */
        min-height: 64px;
    }
    
    .login-btn-wrapper{
        min-width: 167px;
    }
    /* .btn_primary-menu{
        min-width: 167px;
    } */
    .slider-title{
        margin-bottom: 84px;
    }
    .title{
        font-size: 48px;
    }
    .title_link>span{
        margin-right: 50px;
    }
    .title_link i{
        width: 56px;
        height: 56px;
    }
    /* .link{
        font-size: 18px;
    } */
    .link i{
        margin-left: 18px;
        width: 56px;
        height: 56px;
    }
    .slider-btn i{
        width: 56px;
        height: 56px;
    }
    .footer{
        padding-top: 59px;
        padding-bottom: 48px;
        padding-left: 182px;
        padding-right: 182px;
    }
    .footer>p{
        font-size: 18px;
        margin-bottom: 26px;
    }
    .subscribe input:not([type='button']){
        height: 100%;
        font-size: 36px;
    }
    .copyright, .helpers{
        font-size: 14px;
    }
    .soc-networks i{
        font-size: 16px;
    }
    .helper:not(:last-of-type){
        margin-right: 61px;
    }
    .arrow i{
        width: 56px;
        height: 56px;
    }
    .logged-btn, .logged-menu{
        width: -webkit-calc(100% + 61px);
        width: calc(100% + 61px);
        margin-right: -61px;
        /* margin-left: -100px; */
    }
    .logged-btn{
        min-height: 152px;
    }
    .logged-menu__item{
        padding-left: 40px;
        padding-right: 40px;
    }
}
/* 2560 -  */
@media screen and (min-width: 2560px){
    .container{
        /* padding-left: 244px; */
        /* padding-right: 244px; */
        padding-left: 9.5%;
        padding-right: 9.5%;
    }
    .header__container{
        min-height: 199px;
        padding-left: 60px;
        padding-right: 81px;
    }
    .logo{
        min-width: 243px;
        max-height: 199px;
    }
    .menu{
        margin-left: 162px;
        margin-right: 225px;
    }
    /* .menu__item{
        font-size: 24px;
    } */
    .btn_primary{
        /* font-size: 18px; */
        min-height: 85px;
    }
    .login-btn-wrapper{
        min-width: 223px;
    }
    /* .btn_primary-menu{
        min-width: 223px;
    } */
    .slider-title{
        margin-bottom: 111px;
    }
    .title{
        font-size: 64px;
    }
    .title_link>span{
        margin-right: 69px;
    }
    .title_link i{
        width: 75px;
        height: 75px;
        font-size: 14px;
    }
    .link i{
        margin-left: 24px;
        width: 75px;
        height: 75px;
    }
    .slider-btn i{
        width: 75px;
        height: 75px;
    }
    .footer{
        padding-top: 79px;
        padding-bottom: 64px;
        padding-left: 244px;
        padding-right: 244px;
    }
    .footer>p{
        font-size: 24px;
        margin-bottom: 35px;
    }
    .subscribe input:not([type='button']){
        font-size: 48px;
    }
    .soc-networks i{
        font-size: 22px;
    }
    .copyright, .helpers{
        font-size: 18px;
    }
    .helper:not(:last-of-type){
        margin-right: 55px;
    }
    .arrow i{
        width: 75px;
        height: 75px;
    }
    .logged-btn, .logged-menu{
        width: -webkit-calc(100% + 81px);
        width: calc(100% + 81px);
        margin-right: -81px;
        /* margin-left: -160px; */
    }
    .logged-btn{
        min-height: 199px;
        padding-left: 25px;
        padding-right: 60px;
    }
    .logged-menu__item{
        padding-left: 67px;
        padding-right: 67px;
        margin-top: 50px;
    }
    .logged-menu__item.last{
        padding-bottom: 50px;
        padding-top: 50px;
        margin-top: 50px;
    }
}

@media screen and (max-width: 1279px){

}
@media screen and (max-width: 900px){
    .header{
        position: fixed;
        top: 0;
        left: 0;
        min-height: 62px;
        max-height: 62px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: blur(100px);
        backdrop-filter: blur(100px);
    }
    .header_opened{
        min-height: 100vh;
        max-height: 100vh;
        background: rgba(255, 255, 255, 0.5);
    }
    .header__container{
        border-bottom: 1px solid #EDEDED;
        min-height: 62px;
        max-height: 62px;
    }
    .main{
        position: relative;
        margin-top: 62px
    }
    .menu{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
            -ms-flex-order: 5;
                order: 5;
        min-width: 100%;
        max-height: -webkit-calc(100vh - 224px);
        max-height: calc(100vh - 224px);
        overflow-y: auto;
    }
    .language_wrap{
        position: absolute;
        top: 72px;
    }
    .menu__item{
        margin-top: 15px;
    }
    .login-btn-wrapper{
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
            -ms-flex-order: 4;
                order: 4;
        min-width: 100%;
        margin-top: 50px;
        margin-bottom: 15px;
    }
    .btn_primary{
        font-size: 16px;
    }
    
    .footer>*{
        padding-left: 25px;
        padding-right: 25px;
    }
    .subscribe input:not([type='button']), .footer>p{
        margin-bottom: 30px;
    }
    .subscribe input:not([type='button']){
        border: 2px solid #EDEDED;
    }
    .subscribe, .soc-networks{
        margin-bottom: 40px;
    }
    .copyright, .helpers{
        background: #E9E9E9;
    }
    .helpers{
        padding-top: 30px;
    }
    .copyright{
        padding-bottom: 30px;
    }
    
    .logged{
        width: 100%;
    }
    .logged-btn{
        width: 100%;
    }
    .logged-menu{
        position: absolute;
        top: 100%;
        right: -220%;
        height: -webkit-calc(100vh - 224px);
        height: calc(100vh - 224px);
        overflow-y: auto;
    }
    .logged-menu.opened{
        right: 0;
    }
    .swiper-nav{
        display: none;
    }
}



/* common pages */
.page{
    width: 100%;
    padding-top: 30px;
    min-height: 100%;
}
.page__title{
    font-size: 36px;
    line-height: 125%;
    font-family: 'fira700';
    letter-spacing: -0.03em;
    /* text-transform: capitalize; */
    color: #323232;
    margin-bottom: 40px;
    position: relative;
}
.page__title:after{
    content: '';
    display: block;
    width: 61px;
    height: 3px;
    background: #323232;
    margin-top: 15px;
}
.threeCols-container, .fourCols-container, .twoCols-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding-bottom: 10px;
}
.twoCols-container>*{
    width: 100%;
}
.threeCols-container>*, .fourCols-container>*{
    width: 100%;
    margin-bottom: 30px;
}
.fiveCols-container{
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding-bottom: 10px;
    margin-left: -10px;
}
.fiveCols-container>*{
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-bottom: 30px;
}
.sort-line{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 20px;
}
.pagination{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 30px;
}
.pag-item{
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.pag-item a{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 37px;
    height: 37px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #EDEDED;
    font-size: 12px;
    line-height: 100%;
    font-family: 'fira500';
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.pag-item.disabled{
    cursor: default;
}
.pag-item.disabled a{
    background: #ededed;
    cursor: default;
}
.pag-item:not(.active-pag):not(.disabled):hover a{
    color: #69289C;
}
.active-pag{
    cursor: default;
}
.active-pag a{
    background: #323232;
    border-color: #323232;
    color: #fff;
    cursor: default;
}
@media screen and (min-width: 501px){
    .threeCols-container{
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .threeCols-container>*{
        max-width: -webkit-calc(50% - 40px);
        max-width: calc(50% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        width: 100%;
        margin-bottom: 30px;
    }
    .fourCols-container{
        width: -webkit-calc(100% + 10px);
        width: calc(100% + 10px);
        margin-left: -5px;
    }
    .fourCols-container>*{
        max-width: -webkit-calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
    .fiveCols-container>*{
        width: -webkit-calc(33.33% - 20px);
        width: calc(33.33% - 20px);
    }
}
@media screen and (min-width: 901px){
    .page{
        /* background: url(../../image/2021/pageBack.svg) top center no-repeat;
        background-size: 100%; */
        padding-top: 10px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .twoCols-container>*{
        max-width: -webkit-calc(50% - 40px);
        max-width: calc(50% - 40px);
    }
    .threeCols-container>*{
        max-width: -webkit-calc(33.33% - 40px);
        max-width: calc(33.33% - 40px);
    }
    .fourCols-container>*{
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
    }
    .fiveCols-container>*{
        width: -webkit-calc(20% - 20px);
        width: calc(20% - 20px);
    }
    .sort-line{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
}
@media screen and (min-width: 1280px){
    .page{
        padding-top: 7px;
    }
    .page__title{
        font-size: -webkit-calc(48px + (48 + 48 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(48px + (48 + 48 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 60px;
    }
    .page__title:after{
        height: 10px;
    }
    .threeCols-container{
        padding-bottom: 50px;
    }
    .threeCols-container>*{
        margin-bottom: 40px;
    }
    .fourCols-container{
        width: -webkit-calc(100% + 36px);
        width: calc(100% + 36px);
        margin-left: -18px;
    }
    .fourCols-container>*{
        width: -webkit-calc(25% - 36px);
        width: calc(25% - 36px);
        margin-left: 18px;
        margin-right: 18px;
        margin-bottom: 37px;
    }
    .fiveCols-container{
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-bottom: 50px;
    }
    .fiveCols-container>*{
        width: -webkit-calc(20% - 40px);
        width: calc(20% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px;
    }
    .pagination{
        padding-bottom: 60px;
    }
    .pag-item{
        margin-right: 10px;
    }
    .pag-item a{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
}
@media screen and (min-width: 1920px){
    .page{
        padding-top: 10px;
    }
    .page__title{
        margin-bottom: 90px;
    }
    .page__title:after{
        margin-top: 25px;
    }
    .sort-line{
        padding-bottom: 40px;
    }
    .twoCols-container>*{
        max-width: -webkit-calc(50% - 60px);
        max-width: calc(50% - 60px);
    }
    .threeCols-container{
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        margin-left: -30px;
        padding-bottom: 80px;
    }
    .threeCols-container>*{
        max-width: -webkit-calc(33.33% - 60px);
        max-width: calc(33.33% - 60px);
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 50px;
    }
    .fiveCols-container{
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        margin-left: -30px;
        padding-bottom: 80px;
    }
    .fiveCols-container>*{
        margin-left: 30px;
        margin-right: 30px;
        width: -webkit-calc(20% - 60px);
        width: calc(20% - 60px);
        margin-bottom: 50px;
    }
    .pagination{
        padding-bottom: 100px;
    }
    .pag-item a{
        min-width: 56px;
        height: 56px;
    }
}
@media screen and (min-width: 2560px){
    .twoCols-container>*{
        max-width: -webkit-calc(50% - 80px);
        max-width: calc(50% - 80px);
    }
    .page{
        padding-top: 50px;
    }
    .page__title{
        margin-bottom: 150px;
    }
    .page__title:after{
        margin-top: 35px;
    }
    .sort-line{
        padding-bottom: 74px;
    }
    .threeCols-container{
        width: -webkit-calc(100% + 80px);
        width: calc(100% + 80px);
        margin-left: -40px;
        padding-bottom: 83px;
    }
    .threeCols-container>*{
        max-width: -webkit-calc(33.33% - 80px);
        max-width: calc(33.33% - 80px);
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 67px;
    }
    .fiveCols-container{
        width: -webkit-calc(100% + 80px);
        width: calc(100% + 80px);
        margin-left: -40px;
        padding-bottom: 83px;
    }
    .fiveCols-container>*{
        max-width: -webkit-calc(20% - 80px);
        max-width: calc(20% - 80px);
        margin-left: 40px;
        margin-right: 40px;
        margin-bottom: 67px;
    }
    .pagination{
        padding-bottom: 130px;
    }
    .pag-item a{
        min-width: 75px;
        height: 75px;
    }
}
@media screen and (max-width: 900px){
}
@media screen and (max-width: 500px){
    .threeCols-container>*{
        max-width: 100%;
    }
}

/* companies cards */
.company-card{
    text-decoration: none;
    color: #323232;
}
.company-card__img{
    height: 200px;
    background: #fafafa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.company-card__img::after{
    content: attr(data-hover);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(105, 40, 156, 0.9);
    color: #fff;
    font-family: 'os600';
    font-size: 12px;
    line-height: 125%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.company-card:hover .company-card__img::after{
    opacity: 1;
}
.company-card__img img{
    width: auto;
    height: 33.33%;
}
.company-card__row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 10px;
    text-decoration: none;
}
.company-card__row>*{
    max-width: -webkit-calc(50% - 5px);
    max-width: calc(50% - 5px);
}
.company-card__row>*:nth-child(2){
    text-align: right;
}
.company-card__row span{
    color: #939393;
    font-size: 10px;
    line-height: 125%;
    font-family: 'os';
}
.company-card__row strong{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    color: #323232;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.company-card__row strong:hover{
    color: #69289C;
}
.company-card__row b{
    color: #323232;
    margin-left: 10px;
    font-family: 'os600';
    font-weight: 600;
}
.company-card__row svg *{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.company-card__row svg:hover *{
    fill: #69289C;
}
@media screen and (min-width: 901px){

}
@media screen and (min-width: 1280px){
    .company-card__row{
        margin-top: 15px;
    }
    .company-card__row span{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        line-height: 180%;
    }
    .company-card__row strong{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .company-card__img::after{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .company-card__row b{
        margin-left: 15px;
    }
}
@media screen and (min-width: 1920px){
    .company-card__row{
        margin-top: 25px;
    }
    .company-card__img{
        height: 300px;
    }
    .company-card__row b{
        margin-left: 20px;
    }
}
@media screen and (min-width: 2560px){
    .company-card__row{
        margin-top: 36px;
    }
    .company-card__img{
        height: 436px;
    }
    .company-card__row b{
        margin-left: 25px;
    }
}
@media screen and (max-width: 900px){
}


.tabs-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    overflow-y: auto;
    padding-bottom: 30px;
}
.tabs-nav::-webkit-scrollbar {
    height: 0;
}
.tabs-container{
    position: relative;
    padding-bottom: 0px;
}
.tabs-container>*{
    padding-bottom: 0;
    margin-bottom: 0;
}
.tabs-container>*:not(.active){
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity, height .3s ease-in;
    -o-transition: opacity, height .3s ease-in;
    transition: opacity, height .3s ease-in;
}
.tabs-container>*.active{
    opacity: 1;
    height: auto;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.tabs-nav__item{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    position: relative;
    color: #939393;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
.tabs-nav__item:not(.active):hover{
    color: #69289C;
}
.tabs-nav__item.active{
    color: #323232;
}
.tabs-nav__item:not(:last-child){
    margin-right: 57px;
}
.tabs-nav__item:not(:last-child):after{
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 7px;
    height: 7px;
    background: #939393;
    position: absolute;
    top: -webkit-calc(50% - 3.5px);
    top: calc(50% - 3.5px);
    right: -32px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}
.tabs-nav_line{
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 30px;
}
.tabs-nav_line::after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #EDEDED;
}
.tabs-nav__item_line{
    padding-bottom: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
    border-bottom: 3px solid rgba(255,255,255,0);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.tabs-nav__item_line.active{
    border-bottom: 3px solid #69289C;
}
.tabs-nav__item_line:not(:last-child):after{
    display: none
}
@media screen and (min-width: 901px){
    .tabs-nav{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        overflow-y: unset;
    }
}
@media screen and (min-width: 1280px){
    .tabs-nav{
        padding-bottom: 50px;
    }
    .tabs-container{
        padding-bottom: 10px;
    }
    .tabs-nav__item{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .tabs-nav_line{
        padding-bottom: 0;
        margin-bottom: 57px;
    }
}
@media screen and (min-width: 1920px){
    .tabs-nav{
        padding-bottom: 75px;
    }
    .tabs-nav_line{
        padding-bottom: 0;
        margin-bottom: 77px;
    }
}
@media screen and (min-width: 2560px){
    .tabs-nav{
        padding-bottom: 100px;
    }
    .tabs-nav_line{
        padding-bottom: 0;
        margin-bottom: 97px;
    }
}
@media screen and (max-width: 900px){
}


.w-wrapper{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.w-wrapper_space-between{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.w35, .w51, .w25, .w50, .w56, .w41-56, .w58, .w40{
    width: 100%;
}
.selector{
    width: 100%;
}
@media screen and (min-width: 901px){
    .w35, .w51, .w25, .w50, .w56, .w41-56, .w58, .w40{
        margin-right: 30px;
    }
    .w35{
        max-width: -webkit-calc(35% - 30px);
        max-width: calc(35% - 30px);
    }
    .w51{
        max-width: -webkit-calc(51% - 30px);
        max-width: calc(51% - 30px);
    }
    .w25{
        max-width: -webkit-calc(25% - 30px);
        max-width: calc(25% - 30px);
    }
    .w50{
        max-width: -webkit-calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
    .w56{
        max-width: -webkit-calc(56% - 30px);
        max-width: calc(56% - 30px);
    }
    .w41-56{
        max-width: -webkit-calc(41.56% - 30px);
        max-width: calc(41.56% - 30px);
    }
    .w58{
        max-width: -webkit-calc(58% - 30px);
        max-width: calc(58% - 30px);
    }
    .w40{
        max-width: -webkit-calc(40% - 30px);
        max-width: calc(40% - 30px);
    }
    .w-wrapper{
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .w-wrapper>*{
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media screen and (min-width: 1280px){
    .w35, .w51, .w25, .w50, .w56, .w41-56, .w58, .w40{
        margin-right: 40px;
    }
    .w35{
        max-width: -webkit-calc(35% - 40px);
        max-width: calc(35% - 40px);
    }
    .w51{
        max-width: -webkit-calc(51% - 40px);
        max-width: calc(51% - 40px);
    }
    .w25{
        max-width: -webkit-calc(25% - 40px);
        max-width: calc(25% - 40px);
    }
    .w50{
        max-width: -webkit-calc(50% - 40px);
        max-width: calc(50% - 40px);
    }
    .w56{
        max-width: -webkit-calc(56% - 40px);
        max-width: calc(56% - 40px);
    }
    .w41-56{
        max-width: -webkit-calc(41.56% - 40px);
        max-width: calc(41.56% - 40px);
    }
    .w58{
        max-width: -webkit-calc(58% - 40px);
        max-width: calc(58% - 40px);
    }
    .w40{
        max-width: -webkit-calc(40% - 40px);
        max-width: calc(40% - 40px);
    }
    .w-wrapper{
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .w-wrapper>*{
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media screen and (min-width: 1920px){
    .w35, .w51, .w25, .w50, .w56, .w41-56, .w58, .w40{
        margin-right: 60px;
    }
    .w35{
        max-width: -webkit-calc(35% - 60px);
        max-width: calc(35% - 60px);
    }
    .w51{
        max-width: -webkit-calc(51% - 60px);
        max-width: calc(51% - 60px);
    }
    .w25{
        max-width: -webkit-calc(25% - 60px);
        max-width: calc(25% - 60px);
    }
    .w50{
        max-width: -webkit-calc(50% - 60px);
        max-width: calc(50% - 60px);
    }
    .w56{
        max-width: -webkit-calc(56% - 60px);
        max-width: calc(56% - 60px);
    }
    .w41-56{
        max-width: -webkit-calc(41.56% - 60px);
        max-width: calc(41.56% - 60px);
    }
    .w58{
        max-width: -webkit-calc(58% - 60px);
        max-width: calc(58% - 60px);
    }
    .w40{
        max-width: -webkit-calc(40% - 60px);
        max-width: calc(40% - 60px);
    }
    .w-wrapper{
        width: -webkit-calc(100% + 60px);
        width: calc(100% + 60px);
        margin-left: -30px;
    }
    .w-wrapper>*{
        margin-left: 30px;
        margin-right: 30px;
    }
}
@media screen and (min-width: 2560px){
    .w35, .w51, .w25, .w50, .w56, .w41-56, .w58, .w40{
        margin-right: 80px;
    }
    .w35{
        max-width: -webkit-calc(35% - 80px);
        max-width: calc(35% - 80px);
    }
    .w51{
        max-width: -webkit-calc(51% - 80px);
        max-width: calc(51% - 80px);
    }
    .w25{
        max-width: -webkit-calc(25% - 80px);
        max-width: calc(25% - 80px);
    }
    .w50{
        max-width: -webkit-calc(50% - 80px);
        max-width: calc(50% - 80px);
    }
    .w56{
        max-width: -webkit-calc(56% - 80px);
        max-width: calc(56% - 80px);
    }
    .w41-56{
        max-width: -webkit-calc(41.56% - 80px);
        max-width: calc(41.56% - 80px);
    }
    .w58{
        max-width: -webkit-calc(58% - 80px);
        max-width: calc(58% - 80px);
    }
    .w40{
        max-width: -webkit-calc(40% - 80px);
        max-width: calc(40% - 80px);
    }
    .w-wrapper{
        width: -webkit-calc(100% + 80px);
        width: calc(100% + 80px);
        margin-left: -40px;
    }
    .w-wrapper>*{
        margin-left: 40px;
        margin-right: 40px;
    }
}

.form-gr{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin-bottom: 20px;
}
.label-title, label.label-title{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    color: #69289C;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.form-gr input, .form-gr textarea{
    background: #FAFAFA;
    color: #939393;
    border: 1px solid #fafafa;
    font-family: 'os';
    font-size: 12px;
    line-height: 125%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.form-gr input{
    padding: 0 15px;
    min-height: 40px;
    width: 100%;
}
.form-gr textarea{
    min-height: 130px;
    max-width: 100%;
    padding: 19px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.form-gr input:focus, .form-gr textarea:focus{
    background: rgba(255,255,255, 0);
    border-color:#69289C;
    color: #323232;
}
.buttons{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.file-input{
    width: 120px;
    height: 120px;
    overflow: hidden;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #FAFAFA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-family: 'fira500';
    font-size: 10px;
    line-height: 125%;
}
.file-input input{
    display: none;
}
.file-input label{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #323232;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
.file-input:hover label{
    text-decoration: none;
}
.file-no_file label{
    font-size: 10px;
    line-height: 125%;
    opacity: 0;
    background: rgba(105, 40, 156, 0.9);
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.file-no_file:hover label{
    opacity: 1;
    text-decoration: underline;
}
.success{
    margin-bottom: 30px;
}
.success, .success>div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: auto;
    max-height: auto;
    height: auto;
}
.alert-icon-svg{
    width: 30px;
    height: auto;
    margin-right: 10px;
}
.simpleregister-block-content{
    padding: 0 0 50px;
}
.file-upload .label-title{
    opacity: 0;
}
.file-up{
    position: relative;
}
.file-up img[src=""] ~ span{
    background: #FAFAFA;
    color: #222;
    opacity: 1;
}
.file-up:hover img[src=""] ~ span{
    text-decoration: none
}
.file-up .label-title{
    opacity: 1;
}
.file-up label{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    width: 215px;
    height: 215px;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.file-up img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover;
    -webkit-border-radius: 0;
            border-radius: 0;
}
.file-up input{
    display: none;
}
.file-up__text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    text-align: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: rgba(105,40,156,.9);
    color: #fff;
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    text-decoration: underline;
}
.file-up label:hover span{
    opacity: 1;
}
.new-file span{
    opacity: 1 !important;
    z-index: -1;
}
@media screen and (min-width: 901px){

}
@media screen and (min-width: 1280px){
    .simpleregister-block-content{
        padding: 0 0 70px;
    }
    .form-gr{
        margin-bottom: 40px;
    }
    label.label-title, .label-title, .form-gr input, .form-gr textarea, .file-up label span{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .file-input label{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .label-title, label.label-title{
        margin-bottom: 26px;
    }
    .form-gr input{
        min-height: 50px;
        padding: 0 33px;
    }
    .form-gr textarea{
        min-height: 230px;
        padding: 19px 45px;
    }
    .file-input{
        width: 215px;
        height: 215px;
    }
    
    .file-up label{
        min-width: 215px;
        min-height: 215px;
        width: 8.39vw;
        height: 8.39vw;
    }
}
@media screen and (min-width: 1920px){
    .simpleregister-block-content{
        padding: 0 0 80px;
    }
    .form-gr input{
        min-height: 65px;
        padding-top: 23px;
        padding-bottom: 23px;
    }
}
@media screen and (min-width: 2560px){
    .simpleregister-block-content{
        padding: 0 0 100px;
    }
    .form-gr{
        margin-bottom: 50px;
    }
    .form-gr input{
        min-height: 80px;
    }
}

/* company page */
.company-projects-title{
    font-size: 32px;
    line-height: 125%;
    font-family: 'fira700';
    letter-spacing: -0.03em;
    margin-bottom: 30px;
}
.company-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-bottom: 30px;
}
.company-logo{
    width: 100%;
    max-width: 20%;
    margin-right: 25px;
}
.company-body{
    width: 100%;
}
.company-body .text p{
    margin-bottom: 0;
}
.company-title{
    font-size: 24px;
    line-height: 125%;
    letter-spacing: -0.03em;
    font-family: 'fira700';
    color: #323232;
    text-decoration: none;
    margin-bottom: 20px;
}
.company-title>a{
    text-decoration: none;
    color: #323232
}
.company-links{
    font-family: 'fira500';
    font-size: 12px; 
    line-height: 125%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.company-site, .company-email, .company-city{
    font-family: 'fira500';
    font-size: 12px; 
    line-height: 125%;
}
.company-city{
    color: #B5B5B5;
}
.company-email{
    margin-bottom: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.company-site, .company-email{
    color: #3A4044;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
}
.company-site:hover, .company-email:hover{
    text-decoration: none;
    color: #69289C;
}

@media screen and (min-width: 901px){
    body[data-rout='information/company']{
        /* background: url(../../image/2021/companyBG.svg) center top no-repeat;
        background-size: 100%; */
    }
    
    body[data-rout='information/company'] .page{
        background: none;
    }
    .company-wrapper{
        /* margin-bottom: 50px; */
    }
    .company-logo{
        margin-right: 30px;
    }
    .company-body{
        max-width: 40%;
    }
    .company-title{
        margin-bottom: 40px;
    }
    .comany-links>*:not(:last-child){
        margin-right: 87px;
        position: relative;
    }
    .comany-links>*:not(:last-child):after{
        content: '';
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 7px;
        height: 7px;
        background: #3A4044;
        position: absolute;
        top: -webkit-calc(50% - 3.5px);
        top: calc(50% - 3.5px);
        right: -47px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
    }
    .comany-links{
        margin-bottom: 20px;
    }
    .company-email{
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1280px){
    .company-wrapper{
        /* margin-bottom: 100px; */
    }
    .company-projects-title{
        margin-bottom: 50px;
        font-size: -webkit-calc(32px + (32 + 32 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(32px + (32 + 32 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .company-title{
        font-size: -webkit-calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .company-site, .company-email, .company-city{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .company-logo{
        margin-right: 40px;
    }
    .comany-links{
        margin-bottom: 40px;
    }
    .company-email{
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 1920px){
    .company-wrapper{
        /* margin-bottom: 150px; */
    }
    .company-projects-title{
        margin-bottom: 75px;
    }
    .company-logo{
        margin-right: 60px;
    }
    .company-title{
        margin-bottom: 78px;
    }
    .comany-links{
        margin-bottom: 50px;
    }
    .company-email{
        margin-bottom: 55px;
    }
}
@media screen and (min-width: 2560px){
    .company-wrapper{
        margin-bottom: 200px;
    }
    .company-projects-title{
        margin-bottom: 100px;
    }
    .company-logo{
        margin-right: 80px;
    }
    .company-title{
        margin-bottom: 93px;
    }
    .comany-links{
        margin-bottom: 62px;
    }
    .company-email{
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 900px){
    .company-logo{
        max-width: 30%;
        min-width: 30%;
    }
    .comany-links{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .comany-links .soc-networks{
        /* width: 100%; */
    }
    .comany-links>*{
        margin-bottom: 10px;
    }
    .company-body .text{
        width: -webkit-calc(100vw - 50px);
        width: calc(100vw - 50px);
        margin-left: -webkit-calc(-30% - 25px);
        margin-left: calc(-30% - 25px);
    }
}


/* text styling */
.text p, .text li, .text h4{
    margin-bottom: 14px;
}
.text *{
    color: #3A4044;
    font-family: 'os';
}
.text *:not(h1), .text *:not(h2), .text *:not(h3), .text *:not(h4), .text *:not(h5),
.text *:not(h6){

}
.text a{
    color: #69289C;
    text-decoration: underline;
}
.text a:hover{
    text-decoration: none;
}
.text p, .text li, .text a, .text>div, .account-text li{
    font-size: 14px;
    line-height: 170%;
    font-family: 'os300';
}
.text b{
    font-family: 'os600';
}
.text h1, .text h2, .text h3, .text h4{
    font-family: 'fira500';
    letter-spacing: -0.03em;
    line-height: 125%;
}
.text h1::first-letter, 
.text h2::first-letter, 
.text h3::first-letter, 
.text h4::first-letter{
text-transform: uppercase;
}
.text h1{
    font-size: 36px;
    font-family: 'fira700';
    margin-bottom: 40px;
}
.text h2{
    font-size: 24px;
    margin-bottom: 30px;
}
.text h3{
    font-size: 18px;
    margin-bottom: 20px;
}
.text h4{
    font-size: 12px;
}
.rules0 h2{
    margin-bottom: 11px;
}
.rules0 img{
    width: 70%;
    max-width: 100%;
}
.text ul, .account-text ul{
    list-style: none;
}
.text ul:not(:last-of-type), .account-text ul:not(:last-of-type){
    margin-bottom: 30px;
}
.text li, .account-text li{
    position: relative;
    padding-left: 20px;
}
.text li:before, .account-text li:before{
    content: '';
    width: 6px;
    height: 6px;
    background: #69289C;
    display: inline-block;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 5px;
}
.account-text li {
    font-family: 'fira500';
}

.rules1>div:nth-child(1) ul:nth-of-type(2){
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.rules1>div:nth-child(1) ul:nth-of-type(2)>li{
    margin-right: 20px;
}
.rules1>div:nth-child(2) p{
    padding-left: 20px;
}
.rules3 img{
    width: 290px;
    max-width: 100%;
}
.rules4 ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.rules4 li{
    width: 100%;
}
@media screen and (min-width: 501px){
    .rules4 li{
        max-width: -webkit-calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin-right: 20px;
    }
}
@media screen and (min-width: 901px){
    .rules3>div:first-child{
        padding-top: 115px;
    }
    .rules0>div:nth-child(2), .rules1>div:nth-child(2), .rules2>div:nth-child(2) {
        padding-left: 6.5%;
    }
    .rules6>div, .rules7>div, .rules8>div, .rules9>div{
        padding-right: 12.5%;
    }
    .rules3>div:first-child>*{
        margin-bottom: 30px;
        max-width: 75%;
    }
    .rules3 img{
        width: 100%;
    }
    .rules4 li{
        max-width: -webkit-calc(33.33% - 30px);
        max-width: calc(33.33% - 30px);
        margin-right: 30px;
    }
    .rules9>div:first-child{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }
    .rules9>div:first-child>div:last-of-type{
        margin-top: auto;
        margin-bottom: 164px;
    }
    .text>.w-wrapper{
        margin-bottom: 60px;
    }
}
@media screen and (min-width: 1280px){
    .text p, .text li, .text h4, .account-text li{
        margin-bottom: 24px;
    }
    .text p, .text li, .text a, .text h4, .text>div, .account-text li{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .text h1{
        font-size: -webkit-calc(55px + (55 + 55 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(55px + (55 + 55 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 60px;
    }
    .text h2{
        font-size: -webkit-calc(36px + (36 + 36 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(36px + (36 + 36 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .text h3{
        font-size: -webkit-calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 40px;
    }
    .text li::before,.account-text li::before{
        top: -webkit-calc(8px + (6 + 6 * 0.7) * ((100vw - 1280px) / 2560));
        top: calc(8px + (6 + 6 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .text ul:not(:last-of-type), .account-text ul:not(:last-of-type){
        margin-bottom: 55px;
    }
    .rules3>div:first-child>*{
        margin-bottom: 40px;
    }
    .rules4 li{
        max-width: -webkit-calc(33.33% - 40px);
        max-width: calc(33.33% - 40px);
        margin-right: 40px;
    }
    .text>.w-wrapper{
        margin-bottom: 90px;
    }
    .text>.rules2{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1920px){
    .text p, .text li, .text h4, .account-text li{
        margin-bottom: 34px;
    }
    .text h1{
        margin-bottom: 90px;
    }
    .text h3{
        margin-bottom: 60px;
    }
    .text li, .account-text li{
        padding-left: 38px;
    }
    .text li::before, .account-text li::before{
        width: 10px;
        height: 10px;
        top: -webkit-calc(8px + (8 + 8 * 0.7) * ((100vw - 1280px) / 2560));
        top: calc(8px + (8 + 8 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .rules1>div:nth-child(2) p{
        padding-left: 38px;
    }
    .rules1>div:nth-child(1) ul:nth-of-type(2)>li{
        margin-right: 38px;
    }
    .text ul:not(:last-of-type), .account-text ul:not(:last-of-type){
        margin-bottom: 75px;
    }
    .rules3>div:first-child>*{
        margin-bottom: 60px;
    }
    .rules4 li{
        max-width: -webkit-calc(33.33% - 60px);
        max-width: calc(33.33% - 60px);
        margin-right: 60px;
    }
    .text>.w-wrapper{
        margin-bottom: 110px;
    }
    .text>.rules2{
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 2560px){
    .text p, .text li, .text h4, .account-text li{
        margin-bottom: 44px;
    }
    .text h1{
        margin-bottom: 129px;
    }
    .text h3{
        margin-bottom: 89px;
    }
    .text ul:not(:last-of-type), .account-text ul:not(:last-of-type){
        margin-bottom: 100px;
    }
    .rules3>div:first-child>*{
        margin-bottom: 89px;
    }
    .rules4 li{
        max-width: -webkit-calc(33.33% - 80px);
        max-width: calc(33.33% - 80px);
        margin-right: 80px;
    }
    .text>.w-wrapper{
        margin-bottom: 148px;
    }
    .text>.rules2{
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 900px){
    .text>.w-wrapper>div{
        margin-bottom: 30px;
    }
}

/* common selects */
.for-select{
    font-size: 12px;
    line-height: 125%;
    color: #939393;
    font-family: 'fira500';
    margin-right: 20px;
    cursor: pointer;
}
.for-select i{
    color: #323232;
}
.select2-container--selectic{
    width: unset !important;
    max-width: 100%;
    margin-right: 29px;
}
.select2-container--selectic2{
    width: unset !important;
    max-width: 100%;
}
.select2-container--selectic *, .select2-container--selectic2 *  {
    font-family: 'fira500' !important;
}
.select2-container--selectic .select2-search--inline .select2-search__field{
    background-color: transparent;
    height: 0;
    overflow: hidden;
}
.select2-container--selectic .select2-dropdown{
    /* margin-top: -34px; */
    border: none;
    width: unset !important;
    /* max-width: 290px; */
}
.select2-container--selectic2 .select2-dropdown{
    border: none;
    width: -webkit-calc(100vw - 50px) !important;
    width: calc(100vw - 50px) !important;
    max-height: 30vh;
    overflow-y: auto;
}
.select2-container--selectic .select2-selection__choice,
.select2-container--selectic2 .select2-selection__choice{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
}
.select2-container--selectic2 .select2-selection__choice{
    color: #69289C;
}
.select2-container--selectic .select2-selection__choice__remove, 
.select2-container--selectic2 .select2-selection__choice__remove{
    background-color: transparent;
    border: none;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    background-image: url(../../image/2021/remove-option.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    margin-left: 5px;
}
.select2-container--selectic2 .select2-selection__choice__remove{
    background-image: url(../../image/2021/return2.svg);
}
.select2-container--selectic .select2-selection__choice__remove span, 
.select2-container--selectic2 .select2-selection__choice__remove span{
    opacity: 0;
}
.select2-container--selectic .select2-selection__choice__display{
    white-space: nowrap;
    font-size: 12px;
    line-height: 125%;
}
.select2-container--selectic2 .select2-selection__choice__display{
    font-size: 12px;
    line-height: 125%;
}
.select2-container--selectic.select2-container .select2-selection--multiple,
.select2-container--selectic2.select2-container .select2-selection--multiple{
    min-height: 20px;
    max-height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.select2-container--selectic2.select2-container .select2-selection--multiple{
    margin-bottom: 10px;
    min-height: 0px;
}
.select2-container--selectic .select2-search.select2-search--inline, 
.select2-container--selectic2 .select2-search.select2-search--inline{
    height: 0;
    max-height: 0;
}
.select2-container--selectic.select2-container .select2-search--inline .select2-search__field,
.select2-container--selectic2.select2-container .select2-search--inline .select2-search__field{
    margin: 0;
    width: 0 !important;
}
.select2-container--selectic .select2-results__options,
.select2-container--selectic2 .select2-results__options{
    background: #EDEDED;
    border: none
}
.select2-container--selectic .select2-results__option{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 10px;
    font-size: 9px;
    line-height: 100%;
    white-space: nowrap;
}
.select2-container--selectic2 .select2-results__option{
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding: 10px;
    font-size: 9px;
    line-height: 100%;
}
.select2-container--selectic .select2-results__option:hover, 
.select2-container--selectic2 .select2-results__option:hover{
    color: #69289C;
    background: transparent;
}
.select2-container--selectic .select2-results__option--selected,
.select2-container--selectic2 .select2-results__option--selected{
    background: #69289C;
    color: #fff
}
.select2-container--selectic.select2-container .select2-selection--single, 
.select2-container--selectic2.select2-container .select2-selection--single{
    height: unset;
}
@media screen and (min-width: 901px){
    .select2-container--selectic .select2-dropdown,
    .select2-container--selectic2 .select2-dropdown{
        margin-top: -27px;
    }
    .select2-container--selectic2 .select2-dropdown{
        width: -webkit-calc(100vw - 60px) !important;
        width: calc(100vw - 60px) !important;
    }
    .select2-container--selectic{
        max-width: 16.67%;
    }
    .select2-container--selectic .select2-selection__choice,
    .select2-container--selectic2 .select2-selection__choice{
        margin-right: 20px;
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 1280px){
    .select2-container--selectic .select2-selection__choice__remove, 
    .select2-container--selectic2 .select2-selection__choice__remove{
        margin-left: 15px;
    }
    .select2-container--selectic{
        margin-right: 69px;
    }
    .for-select{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .select2-container--selectic .select2-selection__choice__display,
    .select2-container--selectic2 .select2-selection__choice__display{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .select2-container--selectic .select2-results__option{
        padding: 21px 10px;
    }
    .select2-container--selectic .select2-results__option, 
    .select2-container--selectic2 .select2-results__option{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        margin-bottom: 20px;
    }
    .select2-container--selectic2 .select2-selection__choice{
        margin-right: 0;
    }
    .select2-container--selectic2 .select2-selection__choice:not(:last-child){
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 1920px){
    .select2-container--selectic{
        margin-right: 89px;
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        margin-bottom: 25px;
    }
    .select2-container--selectic2 .select2-selection__choice:not(:last-child){
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 2560px){
    .select2-container--selectic{
        margin-right: 109px;
    }
    .select2-container--selectic .select2-selection__choice__remove, 
    .select2-container--selectic2 .select2-selection__choice__remove{
        width: 15px;
        height: 15px;
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        margin-bottom: 28px;
    }
    .select2-container--selectic2 .select2-selection__choice:not(:last-child){
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 900px){
    .select2-container--selectic, .select2-container--selectic2{
        margin-bottom: 10px;
    }
}

.sort-line__select-wrapper{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
}
.sort-line__select-wrapper>div{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.sortPanel__searchWrap{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    max-width: 290px;
    border-bottom: 3px solid #EDEDED;
    padding-bottom: 5px;
}
.searchWrap__inp{
    background: transparent;
    border: none;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 12px;
    line-height: 100%;
    color: #222;
    font-family: 'fira';
}
.searchWrap__inp:placeholder{
    color: #939393;
}
.searchWrap__btn{
    min-width: 30px;
    /* min-height: 30px; */
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: transparent;
    border: none
}
.searchWrap__btn i{
    font-size: 12px;
}
.sortPanel__searchWrap{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (min-width: 901px){
    .sortPanel__searchWrap{
        margin-left: auto;
        margin-right: 0;
    }
    .sort-line__select-wrapper{
        max-width: 70%;
        padding-bottom: 10px;
    }
    .sortPanel__searchWrap{
        width: -webkit-calc(30% - 10px);
        width: calc(30% - 10px);
        max-width: 430px;
    }
}
@media screen and (min-width: 1280px){
    .searchWrap__inp{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .searchWrap__btn i{
        font-size: -webkit-calc(12px + (1 + 1 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (1 + 1 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .sortPanel__searchWrap{
        padding-bottom: 15px;
    }
}
@media screen and (min-width: 1920px){
    .sortPanel__searchWrap{
        padding-bottom: 20px;
    }
}
@media screen and (min-width: 2560px){
    .sortPanel__searchWrap{
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 900px){
    .sort-line__select-wrapper{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                justify-content: space-between;
    }
    .sort-line__select-wrapper>div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        width: 100%;
        max-width: calc(50% - 5px);
    }
    .sort-line__select-wrapper>div .select2-container--selectic .select2-selection__choice__display{
        white-space: unset;
    }
}

/* filterpro */
#filterpro{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}
.select-wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
}
.leftColumn .for-select{
    padding-right: 30px;
    background: url(../../image/2021/filter.svg) -webkit-calc(100% - 10px) center;
    background: url(../../image/2021/filter.svg) calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 9px;
    margin-bottom: 5px;
}
.filter-title{
    font-size: 18px;
    color: #69289C;
    line-height: 140%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* width: 100%; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    /* max-width: 290px; */
    font-family: 'fira500';
}
.filter-title span{
    font-family: 'fira500';
}
.filter-title i{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto;
    margin-right: 0;
}
.filter-title i:before{
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../../image/2021/burger.svg) center center no-repeat;
    background-size: contain;
    width: 22px;
    height: 13px;
}
@media screen and (min-width: 901px){
    .leftColumn .for-select{
        margin-bottom: 10px;
    }
    .filter-title{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1280px){
    .leftColumn .for-select{
        margin-bottom: 15px;
    }
    .select2-container--selectic2 .select2-dropdown{
        width: -webkit-calc(16.67vw - 40px) !important;
        width: calc(16.67vw - 40px) !important;
    }
    .filter-title{
        font-size: -webkit-calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560));
        max-width: unset;
        margin-bottom: 45px;
    }
    .leftColumn .tabs-nav__item:not(:last-child){
        margin-right: 20px;
    }
    .leftColumn .tabs-nav__item:not(:last-child):after{
        right: -13px;
    }
}
@media screen and (min-width: 1920px){
    .leftColumn .for-select{
        margin-bottom: 20px;
    }
    .filter-title{
        margin-bottom: 60px;
    }
    .select2-container--selectic2 .select2-dropdown{
        width: -webkit-calc(16.67vw - 60px) !important;
        width: calc(16.67vw - 60px) !important;
    }
}
@media screen and (min-width: 2560px){
    .leftColumn .for-select{
        margin-bottom: 24px;
    }
    .filter-title{
        margin-bottom: 76px;
    }
    .select2-container--selectic2 .select2-dropdown{
        width: -webkit-calc(16.67vw - 80px) !important;
        width: calc(16.67vw - 80px) !important;
    }
}
@media screen and (max-width: 1279px){

    #filterpro{
        flex-flow: row nowrap;
        overflow: auto;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0px;
        width: 100vw !important;
        margin-left: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .filter-title{
        margin-right: 10px;
    }
    .filter-title span{
        display: none;
    }
    .leftColumn .for-select{
        white-space: nowrap;
        margin-bottom: 0;
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        display: none;
    }
    .select2-container--selectic2{
        left: 0 !important;
        /* width: 100vw !important; */
        max-width: unset !important;
        margin-bottom: 5px;
    }
    .select2-container--selectic2 .select2-dropdown{
        width: 100vw !important;
        margin-top: 0 !important;
    }
    .select-wrap{
        /* flex-flow: row nowrap; */
        width: auto;
    }
    .select2-container--selectic2 .select2-selection__choice__display{
        white-space: nowrap;
    }
    .select2-container--selectic2.select2-container .select2-selection--multiple{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 900px){
    
}

.faq{
    margin-bottom: 30px;
}
.faq-title{
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    font-family: 'fira500';
    margin-bottom: 30px;
}
.faq__item{
    padding: 20px 0 10px;
    border-bottom: 2px solid rgba(191, 191, 191, 0.2);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.faq__title{
    cursor: pointer;
    font-size: 14px;
    line-height: 125%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.faq__title i{
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #323232;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.faq__text{
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.faq__text>div{
    color: #808080;
    font-size: 12px;
    line-height: 125%;
    padding: 18px 18px 0;
}
.faq__text a {
    color: #69289C
}
.faq__text a:hover{
    text-decoration: none;
}
.faq__item.opened{
    border-color: #323232
}
.faq__item.opened .faq__title i{
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.faq__item.opened .faq__text{
    height: auto;
}
@media screen and (min-width: 901px){
    .faq{
        margin-bottom: 60px;
    }
    .faq-wrapper{
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 1280px){
    .faq{
        margin-bottom: 90px;
    }
    .faq-title{
        font-size: -webkit-calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 40px;
    }
    .faq__title{
        font-size: -webkit-calc(14px + (14 + 14 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(14px + (14 + 14 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .faq__title i{
        font-size: -webkit-calc(12px + (6 + 6 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (6 + 6 * 0.7) * ((100vw - 1280px) / 2560));
        margin-right: 25px;
    }
    .faq__text>div{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        padding: 0 28px;
    }
    .faq__item{
        padding: 40px 0 34px;
    }
    .faq__text>div{
        padding-top: 20px;
    }
}
@media screen and (min-width: 1920px){
    .faq{
        margin-bottom: 110px;
    }
    .faq-title{
        font-size: -webkit-calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 60px;
    }
    .faq__title i{
        margin-top: 5px;
        margin-right: 35px;
    }
}
@media screen and (min-width: 2560px){
    .faq{
        margin-bottom: 150px;
    }
    .faq-title{
        margin-bottom: 74px;
    }
    .faq__title i{
        margin-right: 55px;
    }
    .faq__item{
        padding: 50px 0 34px;
    }
    .faq__text{
        padding: 0 38px;
    }
    .faq__text>div{
        padding-top: 30px;
    }
}
@media screen and (max-width: 900px){
}

/* reviews */
.reviews{
    padding-bottom: 60px;
    position: relative;
}
.reviews__container, .reviews__header{
    padding-left: 20px;
    padding-right: 20px;
}
.reviews__container{
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 11;
}
.review{
    background: #FAFAFA;
    color: #3A4044;
    font-size: 12px;
    line-height: 125%;
    padding: 10px;
    min-height: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    cursor: pointer;
    transition: all .3s ease-in;
}
.review:hover{
    color: #fff;
    background: #69289C;
}
.review__window{
    width: 100%;
    max-width: 290px;
    /* position: absolute; */
    /* left: calc(50% - 145px); */
    /* margin-top: 20px; */
    /* top: 0; */
    position: relative;
    max-height: -webkit-calc(100% - 20px);
    max-height: calc(100% - 20px);
    /* z-index: -10;
    opacity: 0;
    transition: opacity .3s ease-in, z-index 0s ease-in;
    transition-delay: 0s, .3s; */
    background: rgba(105, 40, 156, 0.98);
    color: #fff;
    padding: 30px 25px;
    min-height: unset;
    height: unset;
}

.review__window .review__text{
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-align: left;
}
.review__window.opened{
    /* opacity: 1;
    z-index: 9;
    transition: opacity .3s ease-in;
    transition-delay: 0s; */
}
.review__window .review__title{
    padding-right: 80px;
}
.review__window .review__reviewer{
    margin-top: auto;
    margin-bottom: 0;
}
.review__window a{
    color: #fff;
    text-decoration: underline;
}
.review__window a:hover{
    text-decoration: none;
}
.review__content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 50vh;
    overflow-y: auto;
}
.review__content::-webkit-scrollbar{width:3px; height: 3px;}
.review__content::-webkit-scrollbar-track{-webkit-box-shadow:none;box-shadow:none;background:#69289C}
.review__content::-webkit-scrollbar-thumb{background-color:#323232}
.review__content>*{
    max-width: 100%;
}
.close-review{
    display: inline-block;
    margin-bottom: -16px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    position: absolute;
    right: 25px;
    top: 29px;
    z-index: 1;
}
.close-review i{ 
    font-size: 12px;
}
.review__title{
    font-family: 'fira500';
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.review__text{
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.review__reviewer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: auto;
}
.review__reviewer-img{
    -webkit-border-radius: 50%;
            border-radius: 50%;
    height: 45px;
    min-width: 45px;
    max-width: 45px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.review__reviewer-img img{
    min-width: 100%;
    height: auto;
}
.review__reviewer-name{
    font-size: 9px;
    line-height: 125%;
    font-family: 'fira500';
}
.review__reviewer-position{
    font-size: 9px;
    line-height: 125%;
}
.reviews__header{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.reviews__header>span, .reviews__header>a{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    text-decoration: underline;
    color: #3A4044;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.reviews__header>span:hover, .reviews__header>a:hover{
    color: #69289C;
    text-decoration: none;
}
.reviews__nav{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.reviews__nav .swiper-btn{
    position: relative;
    left: unset;
    top: unset;
    bottom: unset;
    right: unset;
    margin-top: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 37px;
    max-width: 37px;
    min-height: 37px;
    max-height: 37px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #EDEDED;
    width: unset;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.reviews__nav .swiper-btn.swiper-button-disabled{
    opacity: 1;
    background: #EDEDED;
}
.reviews__nav .swiper-btn:not(.swiper-button-disabled):hover i{
    color: #69289C;
}
.reviews__nav .swiper-btn:not(.swiper-button-disabled):hover{
    border-color: #69289C;
}

.reviews__nav .swiper-btn i{
    font-size: 9px;
    color: #3A4044;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.reviews__nav .swiper-btn:after{
    display: none;
}.reviews__nav .swiper-pagination{
    margin-left: 18px;
    margin-right: 18px;
    position: relative;
    left: unset;
    top: unset;
    bottom: unset;
    right: unset;
    width: 178px;
    height: 3px;
    background: #EDEDED;
}
.reviews__nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #3A4044;
}
.reviews__nav>span{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
}
.review__window .review__title{
    min-height: 14px;
}
.review-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: -10;
    -webkit-transition: opacity .3s ease-in, z-index .0s ease-in;
    -o-transition: opacity .3s ease-in, z-index .0s ease-in;
    transition: opacity .3s ease-in, z-index .0s ease-in;
    -webkit-transition-delay: 0s, .3s;
         -o-transition-delay: 0s, .3s;
            transition-delay: 0s, .3s;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.review-wrapper.opened{
    opacity: 1;
    z-index: 999;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
@media screen and (min-width: 901px){
    .reviews{
        padding-bottom: 90px;
    }
    .review{
        padding: 20px;
    }
    .review__window{
        padding: 30px;
    }
    .close-review{
        top: 30px;
        right: 30px;
    }
    .reviews__container, .reviews__header{
        padding-left: 30px;
        padding-right: 30px;
    }
    .review__title{
        margin-bottom: 30px;
    }
    .review__text{
        margin-bottom: 30px;
    }
    .reviews__container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .reviews__header{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    .reviews__nav{
        margin-left: auto;
        margin-right: auto;
    }
    .reviews__nav .swiper-button-prev{
        margin-right: 38px;
    }
    .reviews__nav .swiper-button-next{
        margin-left: 38px;
    }
}
@media screen and (min-width: 1280px){
    .reviews{
        padding-bottom: 90px;
    }
    .reviews__container, .reviews__header{
        padding-left: 122px;
        padding-right: 122px;
    }
    .review__window{
        max-width: 47vw;
        /* left: calc(50% - 23.5vw); */
        padding: 40px 75px 30px 55px;
    }
    .reviews__header>span, .reviews__nav>span, .close-review i, .review__title{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .review__window .review__title{
        min-height: -webkit-calc(16px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        min-height: calc(16px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .review{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        padding: 30px;
    }
    .review__reviewer-name, .review__reviewer-position{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .review__reviewer-img{
        height: 73px;
        min-width: 73px;
        max-width: 73px;
        margin-right: 33px;
    }
    .review__title{
        margin-bottom: 45px;
    }
    .review__text{
        margin-bottom: 50px;
    }
    .reviews__container{
        padding-top: 60px;
        padding-bottom: 60px;
    }.review__window{
        /* margin-top: 30px; */
        max-height: -webkit-calc(100% - 30px);
        max-height: calc(100% - 30px);
    }
    .close-review{
        top: 30px;
        right: 32px;
    }
    .reviews__nav .swiper-btn i{
        font-size: -webkit-calc(9px + (5 + 5 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (5 + 5 * 0.7) * ((100vw - 1280px) / 2560));
    }
}
@media screen and (min-width: 1920px){
    .reviews{
        padding-bottom: 140px;
    }
    .review{
        padding: 45px 55px;
    }
    .reviews__container, .reviews__header{
        padding-left: 182px;
        padding-right: 182px;
    }
    .review__title{
        margin-bottom: 55px;
    }
    .review__text{
        margin-bottom: 70px;
    }
    .reviews__container{
        padding-top: 80px;
        padding-bottom: 80px;
    }.review__window{
        /* margin-top: 40px; */
        padding: 50px 125px 40px 105px;
        /* max-height: calc(100% - 40px); */
    }
    .close-review{
        right: 125px;
        top: 50px
    }
    .reviews__nav .swiper-btn{
        min-width: 56px;
        min-height: 56px;
        max-width: 56px;
        max-height: 56px;
    }
}
@media screen and (min-width: 2560px){
    .reviews{
        padding-bottom: 200px;
    }
    .review{
        padding: 60px 76px 64px;
    }
    .reviews__container, .reviews__header{
        padding-left: 9.5%;
        padding-right: 9.5%;
    }
    .review__title{
        margin-bottom: 67px;
    }
    .review__text{
        margin-bottom: 92px;
    }
    .reviews__container{
        padding-top: 90px;
        padding-bottom: 90px;
    }.review__window{
        /* margin-top: 45px; */
        padding: 100px 185px 69px 145px;
        /* max-height: calc(100% - 45px); */
    }
    .close-review{
        right: 185px;
        top: 100px
    }
    .reviews__nav .swiper-btn{
        min-width: 75px;
        min-height: 75px;
        max-width: 75px;
        max-height: 75px;
    }
}
@media screen and (max-width: 900px){
}

/* contacts */
.success_text{
    display: none;
}
.success_text.active{
    display: block;
}
.form_feedback{
    margin-bottom: 40px;
}
.contact-label{
    font-family: 'os600';
    letter-spacing: 0.1em;
    color: #939393;
    font-size: 9px;
}
.contacts-cols{
    margin-bottom: 30px;
}
.contacts-cols__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}
.contacts-cols__link a{
    color: #323232;
    font-family: 'fira';
    font-size: 12px;
    line-height: 125%;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.contacts-cols__link a:hover{
    color: #69289C
}
.contacts-cols__link>.contact-label{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.contacts-cols__link>.contact-label:before{
    content: '';
    display: inline-block;
    width: 31px;
    height: 1px;
    background: #939393;
    margin-right: 33px;
    margin-left: 11px;
}
.contacts-cols__item>.contact-label{
    display: block;
    margin-bottom: 20px;
}
@media screen and (min-width: 901px){
}
@media screen and (min-width: 1280px){
    .contacts-cols{
        margin-bottom: 60px;
    }
    .form_feedback{
        margin-bottom: 60px;
    }
    .contact-label{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .contacts-cols__link a{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .contacts-cols__link{
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 1920px){
    .contacts-cols{
        margin-bottom: 95px;
    }
    .form_feedback{
        margin-bottom: 90px;
    }
    .contacts-cols__link{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 2560px){
    .contacts-cols{
        margin-bottom: 130px;
    }
    .form_feedback{
        margin-bottom: 120px;
    }
    .contacts-cols__link{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 900px){
}



body[data-rout="account/login"] .header,
body[data-rout="account/login"] .footer,
body[data-rout="account/simpleregister"] .header,
body[data-rout="account/simpleregister"] .footer{
    display: none;
}
.content-account, .simple-content{
    margin-top: 0;
    background: transparent;
}
body[data-rout="account/simpleregister"] .simple-content{
    min-height: unset;
}
.login-content, .reg-content{
    position: relative;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 100%;
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
}
.login{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 100vh;
    min-width: 100vw;
}
.reg_blok_right{
    background: transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 42px 0;
}
.title-l span:nth-child(1){
    font-family: 'fira700';
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 20px;
}
.lk_page, .title-l span:nth-child(2){
    color: #939393;
    font-size: 9px;
    line-height: 125%;
    font-family: 'fira';
}
.lk_page a, .lk.reg a:not(.btn) {
    color: #69289C;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-decoration: none;
}
.lk_page a:hover, .lk.reg a:not(.btn):hover{
    text-decoration: underline;
}
.pass_forgotten_wr{
    margin-bottom: 20px;
    text-align: center;
}
.my-reg-bottom-block{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.line_small_links .tr{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
}
.line_small_links .tr .td{
    width: 54px !important;
    height: 54px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
}
a.socnetauth2_buttons{
    width: 54px !important;
    height: 54px;
}
.logo-back{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
    margin-top: 30px;
}
.logo-back a{
    color: #323232;
    font-size: 9px;
}
.logo-back a:hover{
    color: #69289C;
}
.simpleregister-block-content{
    padding-bottom: 0;
}
.simpleregister-have-account{
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (min-width: 901px){
    body[data-rout="account/login"], body[data-rout="account/simpleregister"]{
        background: url(../../image/2021/loginBG.svg) center top no-repeat;
        background-size: 100%;
    }
    .login-content, .reg-content{
        max-width: -webkit-calc(40vw - 20px);
        max-width: calc(40vw - 20px);
    }
}
@media screen and (min-width: 1280px){
    .title-l span:nth-child(1){
        font-size: -webkit-calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 40px;
    }
    .lk_page, .title-l span:nth-child(2){
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .logo-back{
        margin-top: 40px;
    }
    .logo-back a{
        font-size: -webkit-calc(9px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (4 + 4 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .pass_forgotten_wr{
        margin-bottom: 40px;
    }
    .my-reg-bottom-block{
        margin-bottom: 40px;
    }
    .line_small_links .tr{
        margin-bottom: 40px;
    }
    .login-content, .reg-content{
        max-width: -webkit-calc(34vw - 20px);
        max-width: calc(34vw - 20px);
    }
    .simpleregister-have-account{
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 1920px){
    .pass_forgotten_wr{
        margin-bottom: 50px;
    }
    .login-content, .reg-content{
        max-width: -webkit-calc(24vw - 20px);
        max-width: calc(24vw - 20px);
    }
}
@media screen and (min-width: 2560px){
    .pass_forgotten_wr{
        margin-bottom: 60px;
    }
    .login-content, .reg-content{
        max-width: -webkit-calc(16.67vw - 20px);
        max-width: calc(16.67vw - 20px);
    }
}
@media screen and (max-width: 900px){
}

/* article */
.article-page{
    padding-bottom: 30px;
}
@media screen and (min-width: 901px){
}
@media screen and (min-width: 1280px){
    .article-page{
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 1920px){
    .article-page{
        padding-bottom: 90px;
    }
}
@media screen and (min-width: 2560px){
    .article-page{
        padding-bottom: 110px;
    }
}
@media screen and (max-width: 900px){
}




.windows-wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    opacity: 0;
    z-index: -99;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  
  .windows-wrapper.opened {
    opacity: 1;
    z-index: 9999;
  }
  
  .close, .close-window {
    position: absolute;
    right: 5px;
    top: -webkit-calc(50% - 8px);
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    border: none;
    background: rgba(255, 255, 255, 0);
  }
  
  .close::before, .close::after,
  .close-window::before, .close-window::after  {
    content: '';
    display: block;
    width: 4px;
    height: 20px;
    background: #222;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: absolute;
    left: -webkit-calc(50% - 2px);
    left: calc(50% - 2px);
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
  }
  
  .close::before, .close-window::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .close::after, .close-window::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .close:hover::before, .close:hover::after,
  .close-window:hover::before, .close-window:hover::after {
    background: #69289C;
  }
  
  .close:hover::before,
  .close-window:hover::before {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  
  .close:hover::after,
  .close-window:hover::after {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  
  .window {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: #FAFAFA;
    width: 100%;
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    /* display: none; */
  }
  
  .window.opened {
      position: relative;
      display: block;
    opacity: 1;
    z-index: 1;
  }
.window__title{
    font-family: 'fira700';
    font-size: 24px;
    line-height: 125%;
    color: #3A4044;
}
.window>div{
    padding-left: 25px;
    padding-right: 25px;
}
.window__header{
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.points .window__content{
    padding-top: 0;
}
.window__content{
    padding-top: 25px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-height: 70vh;
    overflow: auto;
}
.window__content>*{
    max-width: 100%;
}
.window__2col{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.window__2col>*{
    width: 100%;
    max-width: 100%;
}
.input2{
    width: 100%;
}
.input2:focus{
    border-color: #69289C;
}
.upload{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-bottom: 11px;
}
.upload span{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    font-size: 11px;
    line-height: 125%;
    color: #909090;
}
.feedback_photo_btn{
    opacity: 1;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.feedback_photo.with-img ~ .feedback_photo_btn{
    opacity: 0;
}
.feedback_photo{
    margin-right: 21px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
    min-width: 73px;
    min-height: 73px;
    max-width: 73px;
    max-height: 73px;
    background: #fff;
}
.feedback_photo i{
    position: absolute;
    left: -webkit-calc(50% - 11px);
    left: calc(50% - 11px);
    font-size: 22px;
    top: -webkit-calc(50% - 11px);
    top: calc(50% - 11px);
    width: 22px;
    height: 22px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    color: #69289C;
    z-index: 2;
}
.feedback_photo.with-img i{
    background: #69289C;
    font-size: 11px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.feedback_photo:after{
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background: #fff;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.feedback_photo img{
    max-width: 100%;
}
.hover .feedback_photo.with-img ~ .feedback_photo_btn{
    opacity: 1;
}
.hover .feedback_photo.with-img i{
    opacity: 1 !important;
}
.hover .feedback_photo.with-img:after{
    opacity: 1 !important;
}
#avatar>div{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.input2{
    margin-bottom: 11px;
    border: none;
    border-bottom: 1px solid #3A4044;
    background: rgba(255, 255, 255, 0);
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 125%;
}
.input2+.text-error{
    margin-top: -8px;
    margin-bottom: 11px;
    color: #69289C;
    font-family: 'fira500';
    font-size: 10px;
    line-height: 125%;
}
#photo_avatar{
    
    display: -webkit-inline-box;
    
    display: -webkit-inline-flex;
    
    display: -ms-inline-flexbox;
    
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.success_body{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    color: #69289C;
}
@media screen and (min-width: 901px){
    .window__2col>*{
        max-width: -webkit-calc(50% - 12.5px);
        max-width: calc(50% - 12.5px);
    }
    .upload, .input2{
        margin-bottom: 21px;
    }
    .input2+.text-error{
        margin-top: -18px;
        margin-bottom: 21px;
    }
    .window{
        max-width: 42.38vw;
    }
}
@media screen and (min-width: 1115px){
    
    
}
@media screen and (min-width: 1280px){
    .window>div{
        padding-left: 7.42vw;
        padding-right: 7.42vw;
    }
    .window__title{
        font-size: -webkit-calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(24px + (24 + 24 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .upload span{
        font-size: -webkit-calc(11px + (11 + 11 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: -webkit-calc(11px + (11 +11 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(11px + (11 +11 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .window__header{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .window__content{
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .close, .colse-window{
        padding-left: 3.43vw;
        top: -webkit-calc(50% - 8px);
        top: calc(50% - 8px);
    }
    .success_body{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .input2{
        margin-bottom: 31px;
        padding-bottom: 21px;
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .input2+.text-error{
        margin-top: -28px;
        margin-bottom: 31px;
        font-size: -webkit-calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .upload{
        margin-bottom: 21px;
    }
}
@media screen and (min-width: 1920px){
    .window__header{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .window__content{
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .close{
        /* top: 60px; */
    }
    .input2{
        margin-bottom: 31px;
    }
    .input2+.text-error{
        margin-top: -28px;
        margin-bottom: 31px;
    }
    .upload{
        margin-bottom: 41px;
    }
}
@media screen and (min-width: 2560px){
    .window__header{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .window__content{
        padding-top: 69px;
        padding-bottom: 60px;
    }
    .close, .close-window{
        width: 30px;
        height: 30px;
        top: -webkit-calc(50% - 15px);
        top: calc(50% - 15px);
    }
    .close::before, .close::after,
    .close-window::before, .close-window::after {
        content: '';
        display: block;
        width: 8px;
        height: 34px;
        left: -webkit-calc(50% - 4px);
        left: calc(50% - 4px);
        top: -webkit-calc(50% - 17px);
        top: calc(50% - 17px);
    }
    .input2{
        margin-bottom: 51px;
    }
    .input2+.text-error{
        margin-top: -48px;
        margin-bottom: 51px;
    }
    .upload{
        margin-bottom: 61px;
    }
}
@media screen and (max-width: 900px){
}


.projects-list__add{
    font-family: 'fira500';
    font-size: 12px;
    font-size: 12px;
    line-height: 125%;
    color: #69289C;
}
.err input, .err textarea{
    border-color: #FFBBBB;
}
.text-total{
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira500';
    margin-bottom: 30px;
}
.text-purple{
    color: #69289C;
}
@media screen and (min-width: 901px){
    .text-total{
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 1280px){
    .projects-list__add{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .text-total{
        margin-bottom: 70px;
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
}
@media screen and (min-width: 1920px){
    .text-total{
        margin-bottom: 80px;
    }
}
@media screen and (min-width: 2560px){
    .text-total{
        margin-bottom: 114px;
    }
}


#notification{
}
#notification>div{
    width: 290px;
    max-height: 40vh;
    overflow-y: auto;
    background: #fff url(../../image/2021/1/notificationBG.svg) center center no-repeat;
    background-size: cover;
    padding: 33px 20px 25px 30px;
    position: fixed;
    bottom: 30vh;
    left: -webkit-calc(50% - 145px);
    left: calc(50% - 145px);
    z-index: 999;
    margin-bottom: 0;
    font-family: 'fira';
    font-size: 18px;
    line-height: 125%;
    color: #323232;
    display: block;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
    border: 2px solid #EDEDED;
}
#notification a{
    color: #69289C;
    text-decoration: underline;
}
#notification a:hover{
    text-decoration: none;
}
#notification .close{
    left: unset;
    right: 10px;
    top: 10px;
    padding-left: 0;
}
@media screen and (min-width: 901px){
    #notification>div{
        width: 100%;
        max-width: 670px;
        left: -webkit-calc(50% - 335px);
        left: calc(50% - 335px);
    }
}
@media screen and (min-width: 1280px){
    #notification>div{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        padding: 73px 50px 55px 60px;
    }
}
@media screen and (min-width: 1920px){
}
@media screen and (min-width: 2560px){
    #notification>div{
        width: 26.8vw;
        max-width: unset;
        left: 36.6vw;
    }
}

/* share btn */
.share-btn{
    position: relative;
}
.share-btn:hover{
    z-index: 2;
}
.share-btn:hover .jssocials-shares{
    opacity: 1;
    z-index: 9;
    max-height: 400px;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: .0s;
         -o-transition-delay: .0s;
            transition-delay: .0s;
}
.jssocials-shares{
    position: absolute;
    left: 0;
    top: -webkit-calc(100% - 5px);
    top: calc(100% - 5px);
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 180px;
    z-index: -10;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: opacity .3s ease-in, z-index 0s ease-in, max-height .0s ease-in;
    -o-transition: opacity .3s ease-in, z-index 0s ease-in, max-height .0s ease-in;
    transition: opacity .3s ease-in, z-index 0s ease-in, max-height .0s ease-in;
    -webkit-transition-delay: .0s, .3s, .3s;
         -o-transition-delay: .0s, .3s, .3s;
            transition-delay: .0s, .3s, .3s;
}
.jssocials-share-link{
    font-size: 16px;
}


.web-img{
    margin-bottom: 30px;
}
@media screen and (min-width: 901px){
    .web-img{
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 1280px){
    .web-img{
        margin-bottom: 100px;
    }
}
@media screen and (min-width: 1920px){
    .web-img{
        margin-bottom: 150px;
    }
}
@media screen and (min-width: 2560px){
    .web-img{
        margin-bottom: 200px;
    }
}


.checkbox{
    display: none
}
.checkbox ~ label{
    font-size: 10px !important;
    line-height: 125%;
    font-family: 'fira500' !important;
    color: #222;
    padding-left: 20px;
    position: relative;
}
.checkbox ~ label:before{
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 10px;
    height: 10px;
    border: 1px solid #B5B5B5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: absolute;
    top: 0px;
    left: 0;
}
.checkbox ~ label:after{
    content: '';
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #69289C;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 2px;
    top: 2px;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.checkbox:checked ~ label:before{
    border-color: #69289C
}
.checkbox:checked ~ label:after{
    opacity: 1;
}
@media screen and (min-width: 901px){
    .checkbox ~ label{
        padding-left: 1.25vw;
    }
    .checkbox ~ label:before{
        width: .9vw;
        height: .9vw;
    }
    .checkbox ~ label:after{
        width: 0.7vw;
        height: .7vw;
        top: .1vw;
        left: .1vw;
    }
}
@media screen and (min-width: 1280px){
    .checkbox ~ label{
        font-size: -webkit-calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560)) !important;
        font-size: calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560)) !important;
    }
}
@media screen and (min-width: 1920px){
}
@media screen and (min-width: 2560px){
}


.card__header-nomination{
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira500';
}
.card__header-nomination .card__date{
    color: #69289C;
    font-family: 'fira500';
}
.nominations .title{
    margin-bottom: 30px;
}
.subtitle{
    font-size: 18px !important;
    line-height: 125%;
    margin-bottom: 10px;
    font-family: 'fira500' !important;
}
.subtitle + .threeCols-container{}

@media screen and (min-width: 1280px){
    .card__header-nomination{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560)) !important;
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560)) !important;
    }
    .nominations .title{
        margin-bottom: 40px;
    }
    .subtitle{
        font-size: -webkit-calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560)) !important;
        font-size: calc(18px + (18 + 18 * 0.7) * ((100vw - 1280px) / 2560)) !important;
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1920px){
    .nominations .title{
        margin-bottom: 50px;
    }
    .subtitle{
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 2560px){
    .nominations .title{
        margin-bottom: 60px;
    }
    .subtitle{
        margin-bottom: 40px;
    }
}

.to-top-btn{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 5;
}
.logout{
    padding-top: 0;
}
.logout .login-content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 53.6vh;
}
.logout .title-l{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.logout .log-s{
    margin-bottom: 30px;
    font-size: 10px !important;
}
@media screen and (min-width: 1280px){
    .logout .log-s{
        font-size: -webkit-calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560)) !important;
        font-size: calc(10px + (10 + 10 * 0.7) * ((100vw - 1280px) / 2560)) !important;
    }
}
@media screen and (max-width: 900px){
    
    .to-top-btn{
        right: 10px;
        bottom: 10px;
    }
    .to-top-btn i{
        width: 30px;
        height: 30px;
    }
}


.expert-card{
    cursor: pointer;
}
.juri .window__content{
    padding-left: 30px;
    padding-right: 30px;
}
.juri .company-body{
    max-width: unset;
}

.juri .company-logo img{
    -webkit-border-radius: 50%;
            border-radius: 50%;
}
.review-entry .title-l{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}
.review-entry .tr{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 900px){
    .juri .company-wrapper{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }
}







@media screen and (min-width: 901px){
    body.headerFixed{
        padding-top: 100px;
    }
    .header.fixed{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        background: rgba(255, 255, 255, 0.79);
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        border-bottom-color: rgba(255,255,255,0);
    }
    .header.fixed .header__container{
        min-height: 80px;
        max-height: 80px;
    }
    .header.fixed .logged-btn{
        min-height: 80px;
    }
}
@media screen and (min-width: 1280px){
}
@media screen and (min-width: 1920px){
    body.headerFixed{
        padding-top: 152px;
    }
    .header.fixed .header__container{
        min-height: 100px;
        max-height: 100px;
    }
    .header.fixed .logged-btn{
        min-height: 100px;
    }
}
@media screen and (min-width: 2560px){
    body.headerFixed{
        padding-top: 199px;
    }
    .header.fixed .header__container{
        min-height: 140px;
        max-height: 140px;
    }
    .header.fixed .logged-btn{
        min-height: 140px;
    }
}


.c, .a{
    position: absolute;
    min-height: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    max-width: unset !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    z-index: -1;
    transition: all .6s linear;
}
.categories{
    overflow: hidden;
}
.carousel, .news-module, .sites, .page, .categories{
    position: relative;
}
.product-list{
    padding-bottom: 0;
}
@media screen and (min-width: 901px){
    .page{
        overflow: hidden;
    }
    .c1{
        width: 16.21vw;
        height: 16.21vw;
        background: url(../../image/2021/1/1.svg) center center no-repeat;
        background-size: 100%;
    }
    .c2{
        width: 26.09vw;
        height: 26.09vw;
        background: url(../../image/2021/1/2.svg) center center no-repeat;
        background-size: 100%;
    }
    .c3{
        width: 11.28vw;
        height: 11.28vw;
        background: url(../../image/2021/1/3.svg) center center no-repeat;
        background-size: 100%;
    }
    .c4{
        width: 47.18vw;
        height: 47.18vw;
        background: url(../../image/2021/1/4.svg) center center no-repeat;
        background-size: 100%;
    }
    .c5{
        width: 25.5vw;
        height: 25.5vw;
        background: url(../../image/2021/1/5.svg) center center no-repeat;
        background-size: 100%;
    }
    .c6{
        width: 30vw;
        height: 30vw;
        background: url(../../image/2021/1/6.svg) center center no-repeat;
        background-size: 100%;
    }
    .c7{
        width: 20.78vw;
        height: 20.78vw;
        background: url(../../image/2021/1/7.svg) center center no-repeat;
        background-size: 100%;
    }
    .c8{
        width: 30vw;
        height: 30vw;
        background: url(../../image/2021/1/8.svg) center center no-repeat;
        background-size: 100%;
    }
    .c9{
        width: 20.39vw;
        height: 20.39vw;
        background: url(../../image/2021/1/9.svg) center center no-repeat;
        background-size: 100%;
    }
    .c10{
        width: 20.85vw;
        height: 20.85vw;
        background: url(../../image/2021/1/10.svg) center center no-repeat;
        background-size: 100%;
    }
    .c11{
        width: 21.67vw;
        height: 21.67vw;
        background: url(../../image/2021/1/11.svg) center center no-repeat;
        background-size: 100%;
    }
    .c12{
        width: 20.78vw;
        height: 20.78vw;
        background: url(../../image/2021/1/12.svg) center center no-repeat;
        background-size: 100%;
    }
    .c13{
        width: 33.28vw;
        height: 33.28vw;
        background: url(../../image/2021/1/13.svg) center center no-repeat;
        background-size: 100%;
    }
    .c14{
        width: 20.85vw;
        height: 14.88vw;
        background: url(../../image/2021/1/14.svg) center center no-repeat;
        background-size: 100%;
    }
    .c99{
        width: 28.43vw;
        height: 20.27vw;
        background: url(../../image/2021/1/99.svg) center center no-repeat;
        background-size: 100%;
    }


    .banner1{
        left: 6.25vw;
        top: -11.14vw;
    }
    .banner2{
        left: -9vw;
        top: 60.93vh;
    }
    .banner3{
        right: 5.35vw;
        top: 3vh;
    }
    body[data-rout="product/product"] .site1{
        top: -46vh;
    }
    .site1{
        top: -15vw;
        right: -21.79vw;
    }
    .bestseller1{
        left: -0.2vw;
        top: 21vh;
    }
    .bl1{
        top: -100%;
        left: -25vw;
        width: 50vw;
        height: 50vw;
    }
    .bl2{
        top: -10vw;
        right: 24.8vw
    }
    .car1{
        left: 0;
        top: -41vw;
    }
    .car2{
        left: 76.5vw;
        top: -45vw;
    }
    .inf1{
        top: 7vh;
        left: 2vw
    }
    .inf2{
        top: 1.86vh;
        right: 5vw
    }
    .inf3{
        top: 50vh;
        left: 0
    }
    .inf4{
        top: 50vh;
        right: 0vw
    }
    .inf5{
        top: 45.54vw;
        left: -2.89vw
    }
    .inf6{
        top: 45.54vw;
        right: 15.3vw
    }
    .inf4, .inf6{
        width: 13vw;
        height: 13vw;
    }
    .prof1{
        top: 0vh;
        left: 2vw;
    }
    .prof2{
        top: 0vh;
        right: -5vw;
    }
    .prof3{
        top: 60vh;
        left: -6vw;
        width: 13.04vw;
        height: 13.04vw;
    }
    .prof4{
        top: 65vh;
        right: 0vw;
    }
    .pr1{
        width: 11.17vw;
        height: 11.17vw;
        top: 30vh;
        left: 3.71vw;
    }
    .pr2{
        right: -4.37vw;
        top: -10vh
    }
    .pr3{
        left: -4.37vw;
        top: 45vh
    }
    .pr99{
        left: 37.5vw;
        top: 25vh
    }
    .pr4{
        right: 0;
        top: 44vh
    }
    .pr5{
        left: -2.89vw;
        top: 120vh
    }
    .cat1{
        right: -3vw;
        top: 0;
    }
    .cat2{
        left: -6vw;
        top: 50vh;
        width: 23.35vw;
        height: 23.35vw;
    }
    .cat3{
        right: -4.6vw;
        top: 75vh
    }
    .p1{
        top: 0;
        left: -0.5vw;
        width: 20.78vw;
        height: 20.78vw;
    }
    .p2{
        top: 2vh;
        width: 11.17vw;
        height: 11.17vw;
        right: 0;
    }
    .p3{
        top: 60vh;
        left: -3.86vw;
    }
    .p4{
        width: 20.78vw;
        height: 20.78vw;
        right: -4.4vw;
        top: 75vh;
    }
    .p5{
        right: 15.3vw;
        width: 13.04vw;
        height: 13.04vw;
        top: 105vh;
    }
}
@media screen and (min-width: 1280px){
}
@media screen and (min-width: 1920px){
}
@media screen and (min-width: 2560px){
}


.nominations .subtitle{
    position: relative;
}
.nominations .subtitle:after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: -webkit-calc(100% + 5px);
    top: calc(100% + 5px);
    height: 3px;
    background: #323232;
    width: 30px;
}
.to-vote-table{
    background: rgba(255,255,255,0);
    border: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -webkit-flex-flow:  column nowrap;
        -ms-flex-flow:  column nowrap;
            flex-flow:  column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    z-index: 9;
    left: 5px;
    top: 40%
}
.to-vote-table i{
    font-size: 14px;
    width: 37px;
    height: 37px;
    border: 2px solid #69289C;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #69289C;
    background: rgba(255,255,255,.79);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.to-vote-table span{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-top: 30px;
    color: #B5B5B5;
    font-size: 10px;
    line-height: 125%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    font-family: 'os600';
}
.to-vote-table:hover span{
    color: #69289C;
}
._404{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 30px;
}
._404>*{
    font-family: 'fira500';
    text-align: center;
}
._404 h1{
    font-size: 24px;
    line-height: 125%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-bottom: 20px;
}
._404 h2{
    font-size: 18px;
    line-height: 125%;
    margin-bottom: 20px;
}
._404-img{
    width: 100%;
    max-width: 190px;
}
._404 .timer{
    color: #69289C;
}
.categories-header{
    padding-left: 30px;
    padding-right: 30px;
}
.add-project-button{
    text-decoration: none;
    color: #69289C;
    font-family: 'fira500';
    font-size: 14px;
    line-height: 125%;
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.add-project-button:hover{
    text-decoration: underline;
}
.card .remove{
    color: #69289C;
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira500';
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.card .remove:hover{
    text-decoration: none;
}
@media screen and (min-width: 901px){
    ._404-img{
        max-width: 290px;
    }
}
@media screen and (min-width: 1280px){
    .to-vote-table span{
        font-size: -webkit-calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .to-vote-table{
        left: 3.16vw;
    }
    .add-project-button{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .card .remove{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
}
@media screen and (min-width: 1920px){
    .to-vote-table i{
        width: 56px;
        height: 56px;
    }
    .categories-header{
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (min-width: 2560px){
    .to-vote-table i{
        width: 75px;
        height: 75px;
    }
    .categories-header{
        padding-left: 60px;
        padding-right: 60px;
    }
}






.html h1, .html h2, .html h3,
.html h4, .html h5, .html h6{
    font-family: 'fira500';
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 125%;
}
.html, .html p, .html li, .html a{
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -0.03em;
}
.html p, .html ul{
    margin-bottom: 14px;
}
.html ul{
    list-style: disc;
    margin-left: 20px;
}
.welcome{
    margin-bottom: 70px
}
.welcome>div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.welcome__wrapper{
    position: relative;
    max-height: 269px;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in;
    -o-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in;
}
.welcome__wrapper.expanded{
    max-height: inherit;
}
.welcome>div.expanded:after{
    height: 0;
    opacity: 0;
}
.welcome>div:after{
    content: '';
    display: block;
    width: 100%;
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    opacity: 1;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.welcome .arrow{
    margin: -53px auto 0;
    position: relative;
    z-index: 1;
}
.welcome .arrow.expanded{
    margin-top: 30px;
}
.welcome .arrow.expanded i{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.welcome_no-btn>div:after{
    display: none
}
.welcome_no-btn .welcome__wrapper{
    max-height: unset;
}
.subscribe{
    position: relative;
}
.subscribe_info{
    color: #69289C;
    font-size: 12px;
    line-height: 125%;
    font-family: 'fira500';
    margin-top: 20px
}
@media screen and (min-width: 901px){
    .html, .html p, .html li, .html a{
        font-size: 12px;
    }
    .welcome .arrow{
        margin: -30px auto 0;
    }
    .welcome__wrapper:before{
        content: '';
        display: block;
        width: 30vw;
        height: 30vw;
        position: absolute;
        z-index: 0;
        left: 0vw;
        top: 100%;
        background: url(../../image/2021/bg2.svg) center center no-repeat;
        background-size: 100%;
    }
    .subscribe_info{
        bottom: unset;
        top: calc(100% + 10px);
        position: absolute;
        left: 0;
        bottom: calc(100% + 5px);
        margin-top: 0;
    }
}
@media screen and (min-width: 1280px){
    .html, .html p, .html li, .html a{
        font-size: -webkit-calc(11px + (11 + 11 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(11px + (11 + 11 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .bug-report .close-window{
        right: 30px;
    }
    .subscribe_info{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
}

@media screen and (min-width: 1920px){
    .html p, .html ul{
        margin-bottom: 22px;
    }
    .html h1, .html h2, .html h3,
    .html h4, .html h5, .html h6{
        margin-bottom: 45px;
    }
    .welcome .arrow{
        margin: -50px auto 0;
    }
}
@media screen and (min-width: 2560px){
    .html h1, .html h2, .html h3,
    .html h4, .html h5, .html h6{
        margin-bottom: 50px;
    }
    .html p{
        margin-bottom: 30px;
    }
    .welcome .arrow{
        margin: -65px auto 0;
    }
}


.bug-report .window__content{
    padding-top: 5px;
}
.radio-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 30px;
}
.radiobox span{
    position: relative;
    font-size: 12px;
    line-height: 125%;
    padding-left: 20px;
}
.radiobox{
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
}
.radiobox input{
    display: none;
}
.radiobox span:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #3A4044;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.radiobox input:checked ~ span:before{
    border: 4px solid #69289C;
    background: #fff;
}
#bugReportMessage{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start
}
#bugReportMessage>div{
    width: 100%;
}
#bugReportMessage .text-error{
    display: none;
}
.success-bug{
    font-size: 14px;
    line-height: 125%;
    color: #69289C;
    line-height: 125%;
    font-family: 'fira500';
    margin-bottom: 10px;
}

div:not(.select-wrap_year)>.select-scroll ~ .select2{
    height: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}
.select-wrap_year .select-scroll ~ .select2{
    opacity: 0 !important;
    pointer-events: none;
    width: 100% !important;
}
@media screen and (min-width: 901px){
    .js_login-btn{
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        min-width: 8.7vw;
        max-width: 8.7vw;
    }
}
@media screen and (min-width: 1280px){
    .radiobox span{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        padding-left: 2vw;
    }
    .success-bug{
        font-size: -webkit-calc(14px + (14 + 14 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(14px + (14 + 14 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .radiobox span:before{
        left: 0;
        top: 2px;
        width: 1vw;
        height: 1vw;
    }
    .radiobox input:checked ~ span:before{
        border: .3vw solid #69289C;
        background: #fff;
    }
}
@media screen and (max-width: 1279px){
    #winnersPage .select2-container--selectic .select2-dropdown, .select2-container--selectic2 .select2-dropdown{
        margin-top: 0 !important;
    }
    .filter-title{
        margin-bottom: 0;
    }
    .leftColumn{
        display: flex; 
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
    }
}
.window.success *{
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    text-align: center;
}
.window.success .window__content{
    padding-top: 0;
}
.partner-page{
    padding-top: 0;
    padding-bottom: 30px;
}
.partner-wrapper{
    text-align: center;
}
.partner-logo-wrapper{
    background: url(../../image/2021/partner.png) center center no-repeat;
    background-size: cover;
    padding: 25px;
    width: 100vw;
    margin-left: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.partner-logo{
    width: 16.44vw;
    height: 16.44vw;
    background: rgba(255, 255, 255, 0.63);
    backdrop-filter: blur(20px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner-logo img{
    max-width: 80%;
}
.partner-page .partner-description__header{
    font-size: 24px;
    line-height: 125%;
    font-family: 'fira500';
}
.partner-page .partner-description__title a{
    text-decoration: none;
    font-family: 'fira500';
    font-size: 12px;
    line-height: 125%;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
}
.partner-page .partner-description__title a:hover{
    text-decoration: underline;
}
.jssocials-share-twitter .jssocials-share-link,
.jssocials-share-facebook .jssocials-share-link,
.jssocials-share-linkedin .jssocials-share-link,
.jssocials-share-pinterest .jssocials-share-link{
    background: #fff;
}
.jssocials-share-link{
    color: #222;
    border-radius: 50%;
}
.jssocials-share-twitter .jssocials-share-link:hover,
.jssocials-share-facebook .jssocials-share-link:hover,
.jssocials-share-linkedin .jssocials-share-link:hover,
.jssocials-share-pinterest .jssocials-share-link:hover{
    background: #222;
}
.jssocials-share-link:hover .jssocials-share-link{
    color: #fff;
}
@media screen and (min-width: 901px){
    .partner-logo-wrapper{
        padding: 30px;
        margin-left: -30px;
        margin-bottom: 50px;
    }
    .partner-description{
        max-width: 50vw;
        margin-left: auto;
        margin-right: auto;
    }
    .partner-page{
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 1280px){
    .window.success *{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .partner-logo-wrapper{
        padding: 60px 122px;
        margin-left: -122px;
        margin-bottom: 100px;
    }
    .partner-page .partner-description__header{
        font-size: -webkit-calc(23px + (23 + 23 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(23px + (23 + 23 * 0.7) * ((100vw - 1280px) / 2560));
    }
    .partner-page .partner-description__title a{
        font-size: -webkit-calc(12px + (12 + 12 * 0.7) * ((100vw - 1280px) / 2560));
        font-size: calc(12.5px + (12.5 + 12.5 * 0.7) * ((100vw - 1280px) / 2560));
        margin-bottom: 40px;
    }
    .partner-description{
        max-width: 33.6vw;
    }
    .partner-page{
        padding-bottom: 80px;
    }
}
@media screen and (min-width: 1920px){
    .leftColumn .for-select{
        background: url(../../image/2021/filter.svg) -webkit-calc(100% - 10px) center;
        background: url(../../image/2021/filter.svg) calc(100% - 10px) center;
        background-repeat: no-repeat;
        padding-right: 50px;
        background-size: 12px;
    }
    .partner-logo-wrapper{
        padding: 80px 182px;
        margin-left: -182px;
        margin-bottom: 150px;
    }
    .partner-page .partner-description__title{
        margin-bottom: 60px;
    }
    .partner-page{
        padding-bottom: 120px;
    }
}
@media screen and (min-width: 2560px){
    .leftColumn .for-select{
        background: url(../../image/2021/filter.svg) -webkit-calc(100% - 10px) center;
        background: url(../../image/2021/filter.svg) calc(100% - 10px) center;
        background-repeat: no-repeat;
        padding-right: 50px;
        background-size: 14px;
    }
    .partner-logo-wrapper{
        padding: 112px 9.5vw;
        margin-left: -9.5vw;
        margin-bottom: 200px;
    }
    .partner-page{
        padding-bottom: 160px;
    }
}