html {
    box-sizing: border-box;
}
body {
    min-width: 320px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
*::before,
*::after {
    box-sizing: inherit;
}
ul {
    padding: 0;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
}
.container {
    position: relative;
    max-width: 1920px;
    margin: auto;
}
.hidden {
    display: none;
}

.little-text {
    font-size: 16px;
    line-height: 19px;
}
.sp-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 193px;
    height: 42px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.52%, #FA9733), to(#FF522C));
    background: -o-linear-gradient(top, #FA9733 9.52%, #FF522C 100%);
    background: linear-gradient(180deg, #FA9733 9.52%, #FF522C 100%);
    border-radius: 10px;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    cursor: pointer;
}
.gradient-text {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 151, 51, 1)), to(rgba(255, 86, 45, 1)));
    background: -o-linear-gradient(top, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    background: linear-gradient(180deg, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*Утилиты ****/
.margin-auto{margin-left: auto!important; margin-right: auto!important;}
.text-center{text-align: center!important;}

.m0 {margin: 0}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt65{margin-top: 65px!important;}
.mt95{margin-top: 95px!important;}

.mb50{margin-bottom: 50px!important;}

.p30{padding: 30px!important;}

.ml15{margin-left: 15px!important;}
.ml{margin-left: 20px!important;}

.lh24{line-height: 24px!important;}
.lh28{line-height: 28px!important;}
.lh34{line-height: 34px!important;}
.lh43{line-height: 43px!important;}

.mw1440 {max-width: 1140px!important;}
.mw540 {max-width: 540px!important;}
.mw460 {max-width: 460px!important;}
.mw430 {max-width: 430px!important;}

.w460 {width: 460px!important;}
.w100{width: 100%!important;}
.h80 { height: 80px!important;}

/** Типографика **/
h2 { margin: 0;font-style: normal;font-weight: bold; font-size: 36px;line-height: 40px;}
h3 { margin: 0;font-style: normal;font-weight: bold; font-size: 33px;line-height: 39px; }
h3{color: #444444;}
.top h3{color: white;}
.f64{font-size: 64px!important;}
.f24{font-size: 24px!important;}
.f21{font-size: 21px!important;}
.f18{font-size: 18px!important;}

.white{color: white!important;}
.bg-white{background-color: rgba(255, 255, 255, 1)!important;}
.black{color: black!important;}
.orange{color: rgba(250, 151, 51, 1);}
.bg-orange{background-color: rgba(250, 151, 51, 1)!important;}
.bg-gray{background: #F7F7F7;}

.text{font-size: 21px; line-height: 25px;}

.top-wrapper {background-repeat: no-repeat; background-position: center; background-size: cover; overflow: auto;}
.top-content { padding: 0 20px;}

/* display*/
.d-flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.ai-center {align-items: center}

/** Breadcrumbs **/
.breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
.breadcrumbs--arrow {  margin-left: 15px;}
.breadcrumbs--current { margin-left: 15px; color: #ffffff; font-size: 16px; line-height: 14px;}


@media (max-width: 1440px){
    .breadcrumbs{margin-left: 20px;}
}

@media (max-width: 1024px){
    .breadcrumbs{display: none;}
}
@media (max-width: 768px){

}
@media (max-width: 640px){

}
@media (max-width: 480px){
    h3{font-size: 28px!important;}
    .f21{font-size: 18px!important;}
    .text{font-size: 18px;}
    .mt50{margin-top: 30px!important;}
    .mt65{margin-top: 50px!important;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.container header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    height: 80px;
    max-width: 1140px;
    margin: auto;
    padding: 15px 0;
    box-sizing: border-box;
}
header .logo {
    min-width: 235px;
    min-height: 50px;
}
header .logo a{line-height: 0;}
header nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hidden-menu-ticker {
    display: none;
}

.btn-menu {
    display: none;
}

@media (max-width: 1024px) {

    .container header {
        margin-left: 10%;
    }
    header nav {
        margin-right: 10px;
    }
    header .logo {
        margin: auto;
    }
}

@media (max-width: 768px){
    .container header {
        margin-left: 15%;
    }
}

@media (max-width: 550px) {

    .container header {
        margin-left: 20%;
    }

    header .logo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-width: 140px;
        width: 143px;
        align-items: center;
    }
}

nav .hidden-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 3px 0 0 0;
    position: relative;
}
.hidden-menu .submenu{
    position: absolute;
    top: 20px;
    min-width: 140px;
    padding-top: 30px;
    background-color: #ffffff;
    color: #444444;
    border-radius: 0 0 10px 10px;
    z-index: 100;
}
.hidden-menu a{color:#444444;}

.submenu li a{
    display: block;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
}
.submenu ul li:nth-of-type(2n-1) {
    /*background-color: #FAFAFA;*/
}
.submenu.about li:nth-of-type(2n-1){
    /*background-color: #FAFAFA;*/
}
.submenu ul.level-2:last-of-type,
.submenu ul.level-2:last-of-type li:last-of-type {
    border-radius: 0 0 10px 10px;
}
.submenu .arrow-down::after {
    top: 12px;
    right: 10px;
}
.submenu .arrow-up::after {
    top: 15px;
    right: 10px;
}

.hidden-menu li {
    margin-left: 15px;
    list-style: none;
    z-index: 2000;
    position: relative;
}
.hidden-menu li.nav-link {
    cursor: pointer;
}
.hidden-menu .submenu li {
    margin-right: 13px;
}
.hidden-menu li.arrow-down {
    position: relative;
    cursor: pointer;
    margin-right: 13px;
}
.hidden-menu li.arrow-up {
    cursor: pointer;
    margin-right: 13px;
}
.hidden-menu li.support {

}
.hidden-menu li a.active {
    color: #5F5F5F;
}
.hidden-menu .support-text {
    display: none;
}
.little-text.support-link {
    color: #FF522C;
}
.arrow-down::after {
    position: absolute;
    content: '';
    top: 7px;
    right: -10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
}
.arrow-up::after {
    position: absolute;
    content: '';
    top: 9px;
    right: -10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #FA9733;
    border-right: 1px solid #FA9733;
    transform: rotate(-135deg);
}
.hidden-menu li:first-of-type a.arrow-down::after {
    border-bottom: 1px solid #5F5F5F;
    border-right: 1px solid #5F5F5F;
}
.hidden-menu li a[data-target]{
    cursor: pointer;
}
.active-link {
    color: #FA9733;
}

.hidden-menu a.level-1-title:hover,
.hidden-menu a.level-2-title:hover {
    color: #FA9733;
}
.hidden-menu .level-2 li:hover{background-color: #F7F7F7;}
.hidden-menu .futures-list--item:hover {
    background-color: #F7F7F7;
}

.hidden-menu a.open{
    color: #FA9733;
}

.submenu-open{display: block!important;}




@media  (max-width: 1024px) {
    nav .hidden-menu {
        position: absolute;
    }

    .btn-menu {
        display: block;
        position: absolute;
        color: #000000;
        margin-top: 25px;
        margin-left: 10px;
        padding: 5px;
        /*position: fixed;*/
        top: 0;
        left: 10px;
        cursor: pointer;
        /*transition: left .23s;*/
        z-index: 3;
        width: 30px;
        /*-webkit-transform: translateZ(0);*/
        -webkit-backface-visibility: hidden;
        /*-webkit-border-radius: 2px;*/
        /*-moz-border-radius: 2px;*/
    }

    .btn-menu span {
        position: relative;
        display: block;
        height: 3px;
        background-color: #FA9733;
        margin: 6px 0 0;
        /*transition: all .1s linear .23s;*/
        border-radius: 10px;
        border: 1px solid transparent;
        box-sizing: border-box;
    }

    .btn-menu span.first {
        margin-top: 0;
    }

    header nav ul.hidden-menu {
        display: none;
        list-style:none;
        margin: 0;
        margin-top: 80px;
        box-sizing: border-box;

        background-color: #FBFBFF;
        top: 0;
        left: 0;
        transition: left .2s;
        z-index: 2;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        box-shadow: 0px 0px 35px rgba(120, 137, 157, 0.308);

    }

    .hidden-menu li {
        position: unset;
        padding: 15px 10px;

    }

    .hidden-menu li:last-child {
        border: none;
    }

    nav .hidden-menu li a {

        color: #151515;
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        text-align: left;
    }

    nav .hidden-menu .submenu li a {
        color: #5F5F5F;
        padding: 5px;
    }
    nav .hidden-menu .submenu li a.level-2-title {
        font-weight: 700;
    }

    .hidden-menu-ticker:checked ~ .btn-menu {
        /*left: 160px;*/
    }
    .hidden-menu-ticker:checked ~ header nav .hidden-menu {
        display: block;
    }
    .hidden-menu-ticker:checked ~ .btn-menu span.first {
        -webkit-transform: rotate(45deg);
        top: 10px;
    }
    .hidden-menu-ticker:checked ~ .btn-menu span.first:before {
        display: none;
    }
    .hidden-menu-ticker:checked ~ .btn-menu span.second {
        opacity: 0;
    }
    .hidden-menu-ticker:checked ~ .btn-menu span.third {
        -webkit-transform: rotate(-45deg);
        top: -8px;
    }
    .hidden-menu-ticker:checked ~ .btn-menu span.third:before {
        display: none;
    }

    .hidden-menu li.support {
        margin-left: 10px;
    }

    .hidden-menu .support-text {
        display: block;
    }
    nav .hidden-menu li a {
        font-size: 16px;
        line-height: 19px;
    }
    nav .hidden-menu li a.active-link {
        color: #FA9733;
    }

    .hidden-menu li.nav-link {
        margin-right: 0;
    }
    .hidden-menu .arrow-down::after {
        content: none;
    }
    .hidden-menu .arrow-up::after {
        content: none;
    }
    .hidden-menu .submenu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        top: 0;
        border-radius: 0;
        /*background-color: #FAFAFA;*/
    }
    #submenu-instruments.submenu{flex-direction: row-reverse;}
    .hidden-menu .submenu.hidden {
        display: none;
    }
    .submenu ul li:nth-of-type(2n-1),
    .submenu.about li:nth-of-type(2n-1) {
        background: none;
    }

    .hidden-menu  ul.level-1{background-color: #FAFAFA;}

    .level-2 li {
        border: none;
        padding: 0;

    }

    .level-2 li a {
        padding: 5px;
    }
    .hidden-menu li.futures-list--item {
        padding: 0;
    }
    ul.level-2 {
        display: block;
    }

}




@media (max-width: 1024px){

    nav .hidden-menu{width:65%;}
    nav .hidden-menu > li, nav .hidden-menu > li.support{
        width: 45%;
    }

    nav .hidden-menu li, nav .hidden-menu li.support{
        box-sizing:border-box;
        padding: 30px 20px;
        margin-left: 0;
    }
    nav .hidden-menu > li:first-child{margin-top: 0; padding: 20px 20px;}

    nav .hidden-menu .submenu{
        left:50%;
        height: unset;
        padding: 20px;
    }
    nav .hidden-menu .submenu li{
        margin: 0;padding:0;
    }
    .submenu-open{display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important; flex-direction: column;}




    nav .hidden-menu .submenu{
        left:35%;
    }

    .submenu-instruments.submenu-open{display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;
        justify-content: space-between; flex-direction: row; flex-wrap: wrap;
    }

}



@media (max-width: 768px){
    nav .hidden-menu{width:70%;}
}

@media (max-width: 640px){
    nav .hidden-menu{width:90%;}

}

@media (max-width: 480px) {
    nav .hidden-menu{width:100%;}

    nav .hidden-menu > li, nav .hidden-menu > li.support{
        width: 50%;
    }
    nav .hidden-menu .submenu{
        left:50%;
    }

    nav .hidden-menu li .support-link {
        font-size: 11px;
        line-height: 13px;
    }
    nav .hidden-menu li .support-text {
        font-size: 11px;
        line-height: 14px;
    }

    #submenu-instruments.submenu{flex-direction: column-reverse;}
    .hidden-menu .submenu {
        flex-direction: column-reverse;
        justify-content: flex-end;

    }

}

/* LANG */
.lang-choice .lang-list {
    display: none;
}
.lang-choice {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    margin-right: 10px;
    padding-top: 3px;
    text-transform: uppercase;
    width: 75px;
    cursor: pointer;
    vertical-align: sub;
}
.lang-choice .selected-lang-abbr {
    position: relative;
    margin-right: 20px;
}
.lang-choice .selected-lang-img {
    box-shadow: 0px 1px 1px grey;
}
.lang-choice ul {
    position: absolute;
    z-index: 1;
    top: 45px;
    right: 0;
    display: none;
    flex-direction: column;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    /*box-shadow: -1px 1px 1px 1px rgba(204,204,204,1);*/
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.15);
}
.lang-choice ul.lang-list-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    padding: 5px 0 5px 5px;
    z-index: 9999;
}
.lang-choice ul li {
    box-sizing: border-box;
    margin: 5px 0;
    list-style: none;
}
.lang-choice ul a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    text-transform: none;
}
.lang-choice ul li a:hover {
    /*border: 1px solid red;*/
    background: #FAFAFA;
}
.lang-choice ul a img {
    margin-right: 10px;
    width: 22px;
    box-shadow: 0px 1px 2px grey;
}
.lang-choice ul a span:hover {
    color: #FA9733;
}
@media (max-width: 1100px){
    .container header {
        padding: 15px 5px;
    }
    nav .lang-choice {
        margin-left: 10px;
    }
}

.platform--mobile-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
.platform--mobile-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 135px;
    height: 40px;
    padding: 3px 3px 3px 35px;
    border-radius: 8px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    color: #ffffff;
    border: 1px solid transparent;
    box-sizing: border-box;
}
.platform--mobile-button:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #5F5F5F;
}
.platform--mobile-button:hover .platform--mobile-buttons--text1 {
    color: #5F5F5F;
}
.platform--mobile-buttons--text1 {
    font-size: 10px;
    padding: 0;
    margin: 0;
}
.platform--mobile-buttons--text2 {
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
.platform--mobile-button.android {
    margin-right: 7px;
    background-image: url("/img/google_play_.png");
}
.platform--mobile-button.ios {
    margin-right: 7px;
    background-image: url("/img/apple_store_.png");
}
.platform--mobile-button.ios:hover {
    background-image: url("/img/apple_store_black_.png");
}
.platform--mobile-button.windows {
    background-image: url("/img/windows_store_.png");
    padding-left: 40px;
}


footer {
    max-width: 1150px;
    margin: auto;
    margin-top: 110px;
    padding: 20px;
}
footer li {
    list-style: none;
}
.footer-top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 50%;
    grid-template-columns: 25% 25% 50%;
    -ms-grid-rows: 125px 125px 125px;
    grid-template-rows: 125px 125px 125px;

            grid-template-areas:    "logo instruments about"
                            "support instruments partner"
                            "lang instruments platforms"

}
.footer-top-left {
    grid-area: left;
}
.footer-top--logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo;
    margin-top: -20px;
}
.footer-top--support {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: support;
    margin-top: -50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.footer-top--lang {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: lang;
    margin-top: -80px;
}
.footer-top--instruments{
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    grid-area: instruments;
    margin-left: 10px;
}
.footer-top--about{
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: about;
    margin-left: 20%;
}
.footer-top--partner{
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: partner;
    margin-left: 20%;
}
.footer-top--platforms{
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: platforms;
    margin-left: 20%;
}
.footer-top--support .support-link {
    margin-top: 15px;
}
.footer-top--lang .lang-choice {
    margin: 0;
}
.footer-top--instruments-bloks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.footer-top--instruments-title,
.footer-top--about-title,
.footer-top--partner-title {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0;
}
.footer-top--instruments-sub-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #5F5F5F;
}
footer ul li {
    margin-top: 10px;
}
footer li a {
    font-size: 16px;
    line-height: 19px;
    color: #5F5F5F;
}
footer li a:hover,
footer li a:active {
    color: #FF9712;
}
footer .footer-bottom {
    border-top: 1px solid #C4C4C4;
    text-align: center;
    margin: 0;
    padding: 27px 0;
    color: #5F5F5F;
    margin-top: 50px;
}
footer .lang-choice ul {
    right: auto;
    left: 0;
}
@media (max-width: 1100px) {
    .footer-top--about{
        margin-left: 10%;
    }
    .footer-top--partner{
        margin-left: 10%;
    }
    .footer-top--platforms{
        margin-left: 10%;
    }
}
@media (max-width: 950px) {
    footer {
        margin-top: 60px;
    }
    .footer-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr ;
        grid-template-columns: 1fr 1fr 1fr ;
        -ms-grid-rows: 100px 100px 100px ;
        grid-template-rows: 100px 100px 100px ;

                grid-template-areas:    "logo . ."
                                "support instruments about"
                                "lang instruments partner"
                                "platforms instruments .";
    }
    .footer-top--lang {
        margin-top: -15px;
    }
    .footer-top--instruments {
        margin-left: 10px;
    }
    .footer-top--platforms{
        margin-left: 0;
        margin-top: -65px;
    }
    .footer-top--platforms .platform--mobile-buttons {
        flex-direction: column;
        margin-top: 10px;
    }
    .footer-top--platforms .platform--mobile-button {
        margin-top: 10px;
    }
    .footer-top--support {
        margin-top: 0;
    }
    .footer-top--logo {
        margin-top: 0;
    }
    .footer-top--logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .footer-top--support {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .footer-top--lang {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .footer-top--instruments {
        -ms-grid-row: 2;
        -ms-grid-row-span: 3;
        -ms-grid-column: 2;
    }
    .footer-top--about {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .footer-top--partner {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .footer-top--platforms {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
}
@media (max-width: 750px) {
    .footer-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 40% 30% 30%;
        grid-template-columns: 40% 30% 30%;
        -ms-grid-rows: 100px 100px 100px 1fr 1fr;
        grid-template-rows: 100px 100px 100px 1fr 1fr;

                grid-template-areas:    "logo .  ."
                                "support instruments instruments"
                                "lang instruments instruments"
                                "platforms instruments instruments"
                                ". about partner"

    }
    .footer-top--about {
        margin-left: 10px;
    }
    .footer-top--instruments-bloks {
        justify-content: flex-start;
    }
    .footer-top--instruments-chess {
        margin-left: 22%;
    }
    .footer-top--logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1

    }
    .footer-top--support {
        -ms-grid-row: 2;
        -ms-grid-column: 1

    }
    .footer-top--lang {
        -ms-grid-row: 3;
        -ms-grid-column: 1

    }
    .footer-top--instruments {
        -ms-grid-row: 2;
        -ms-grid-row-span: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2

    }
    .footer-top--about {
        -ms-grid-row: 5;
        -ms-grid-column: 2

    }
    .footer-top--partner {
        -ms-grid-row: 5;
        -ms-grid-column: 3

    }
    .footer-top--platforms {
        -ms-grid-row: 4;
        -ms-grid-column: 1

    }
}

@media (max-width: 550px) {
    footer {
        margin-top: 0;
    }
    .footer-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 60% 40%;
        grid-template-columns: 60% 40%;
        -ms-grid-rows: 75px 100px 100px 175px 110px 110px;
        grid-template-rows: 75px 100px 100px 175px 110px 110px;

                grid-template-areas:    "logo . "
                                "support instruments"
                                "lang instruments"
                                "platforms instruments"
                                "about instruments"
                                "partner instruments"

    }
    .footer-top--instruments-bloks {
        flex-direction: column;
    }
    .footer-top--instruments-chess {
        margin-left: 0;
    }
    .footer-top--about {
        margin-left: 0;
    }
    .footer-top--partner {
        margin-left: 0;
    }
    .footer-top--logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1

    }
    .footer-top--support {
        -ms-grid-row: 2;
        -ms-grid-column: 1

    }
    .footer-top--lang {
        -ms-grid-row: 3;
        -ms-grid-column: 1

    }
    .footer-top--instruments {
        -ms-grid-row: 2;
        -ms-grid-row-span: 5;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1

    }
    .footer-top--about {
        -ms-grid-row: 5;
        -ms-grid-column: 1

    }
    .footer-top--partner {
        -ms-grid-row: 6;
        -ms-grid-column: 1

    }
    .footer-top--platforms {
        -ms-grid-row: 4;
        -ms-grid-column: 1

    }
}
@media (max-width: 480px) {
    .footer-top--logo {
        display: none;
    }
    footer .footer-top--lang {
        display: none;
    }
    footer .footer-top--instruments {
        display: none;
    }
    footer .footer-top--about {
        display: none;
    }
    footer .footer-top--partner {
        display: none;
    }
    .footer-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    footer .footer-top--platforms {
        margin: auto;
    }
    footer .platform--mobile-buttons {
        align-items: center;
    }
    footer .footer-top--support {
        margin: auto;
        text-align: center;
    }
    footer .footer-bottom {
        margin-top: 50px;
    }
    .footer-top--platforms .platform--mobile-button {
        margin-right: 0;
    }
}

.content-block--button {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 151, 51, 1)), to(rgba(255, 86, 45, 1)));
    background: -o-linear-gradient(top, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    background: linear-gradient(180deg, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    padding: 2px;
    border-radius: 10px;
    box-sizing: content-box;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.content-block--button-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 8px;
    padding: 12px 50px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.content-block--button:hover .content-block--button-inner {
    background: transparent;
}
.content-block--button-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}
.content-block--button:hover .content-block--button-text.gradient-text {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.content-block--button-reverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 151, 51, 1)), to(rgba(255, 86, 45, 1)));
    background: -o-linear-gradient(top, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    background: linear-gradient(180deg, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    padding: 2px;
    border-radius: 10px;
    box-sizing: content-box;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
.content-block--button-inner-reverse{
    /*position: relative;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 151, 51, 1)), to(rgba(255, 86, 45, 1)));
    background: -o-linear-gradient(top, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    background: linear-gradient(180deg, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    border-radius: 8px;
    padding: 10px 25px;
    cursor: pointer;
    width: 100%;
}
.content-block--button-reverse:hover .content-block--button-inner-reverse {
    background: #ffffff;
}
.content-block--button-reverse  .content-block--button-text-reverse {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}
.content-block--button-reverse:hover .content-block--button-text-reverse{


    background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 151, 51, 1)), to(rgba(255, 86, 45, 1)));


    background: -o-linear-gradient(top, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));


    background: linear-gradient(180deg, rgba(250, 151, 51, 1), rgba(255, 86, 45, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(/img/flags/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(/img/flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(/img/flags/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(/img/flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(/img/flags/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(/img/flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(/img/flags/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(/img/flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(/img/flags/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(/img/flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(/img/flags/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(/img/flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(/img/flags/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(/img/flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(/img/flags/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(/img/flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(/img/flags/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(/img/flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(/img/flags/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(/img/flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(/img/flags/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(/img/flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(/img/flags/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(/img/flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(/img/flags/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(/img/flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(/img/flags/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(/img/flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(/img/flags/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(/img/flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(/img/flags/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(/img/flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(/img/flags/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(/img/flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(/img/flags/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(/img/flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(/img/flags/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(/img/flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(/img/flags/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(/img/flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(/img/flags/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(/img/flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(/img/flags/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(/img/flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(/img/flags/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(/img/flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(/img/flags/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(/img/flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(/img/flags/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(/img/flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(/img/flags/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(/img/flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(/img/flags/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(/img/flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(/img/flags/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(/img/flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(/img/flags/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(/img/flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(/img/flags/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(/img/flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(/img/flags/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(/img/flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(/img/flags/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(/img/flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(/img/flags/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(/img/flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(/img/flags/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(/img/flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(/img/flags/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(/img/flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(/img/flags/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(/img/flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(/img/flags/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(/img/flags/1x1/bz.svg);
}
.flag-icon-ca {
  background-image: url(/img/flags/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(/img/flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(/img/flags/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(/img/flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(/img/flags/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(/img/flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(/img/flags/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(/img/flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(/img/flags/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(/img/flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(/img/flags/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(/img/flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(/img/flags/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(/img/flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(/img/flags/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(/img/flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(/img/flags/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(/img/flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(/img/flags/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(/img/flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(/img/flags/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(/img/flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(/img/flags/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(/img/flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(/img/flags/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(/img/flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(/img/flags/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(/img/flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(/img/flags/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(/img/flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(/img/flags/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(/img/flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(/img/flags/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(/img/flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(/img/flags/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(/img/flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(/img/flags/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(/img/flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(/img/flags/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(/img/flags/1x1/de.svg);
}
.flag-icon-dj {
  background-image: url(/img/flags/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(/img/flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(/img/flags/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(/img/flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(/img/flags/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(/img/flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(/img/flags/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(/img/flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(/img/flags/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(/img/flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(/img/flags/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(/img/flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(/img/flags/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(/img/flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(/img/flags/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(/img/flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(/img/flags/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(/img/flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(/img/flags/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(/img/flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(/img/flags/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(/img/flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(/img/flags/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(/img/flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(/img/flags/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(/img/flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(/img/flags/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(/img/flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(/img/flags/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(/img/flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(/img/flags/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(/img/flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(/img/flags/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(/img/flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(/img/flags/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(/img/flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(/img/flags/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(/img/flags/1x1/ga.svg);
}
.flag-icon-gb {
  background-image: url(/img/flags/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(/img/flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(/img/flags/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(/img/flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(/img/flags/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(/img/flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(/img/flags/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(/img/flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(/img/flags/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(/img/flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(/img/flags/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(/img/flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(/img/flags/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(/img/flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(/img/flags/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(/img/flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(/img/flags/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(/img/flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(/img/flags/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(/img/flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(/img/flags/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(/img/flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(/img/flags/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(/img/flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(/img/flags/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(/img/flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(/img/flags/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(/img/flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(/img/flags/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(/img/flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(/img/flags/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(/img/flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(/img/flags/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(/img/flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(/img/flags/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(/img/flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(/img/flags/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(/img/flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(/img/flags/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(/img/flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(/img/flags/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(/img/flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(/img/flags/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(/img/flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(/img/flags/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(/img/flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(/img/flags/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(/img/flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(/img/flags/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(/img/flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(/img/flags/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(/img/flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(/img/flags/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(/img/flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(/img/flags/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(/img/flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(/img/flags/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(/img/flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(/img/flags/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(/img/flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(/img/flags/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(/img/flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(/img/flags/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(/img/flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(/img/flags/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(/img/flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(/img/flags/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(/img/flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(/img/flags/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(/img/flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(/img/flags/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(/img/flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(/img/flags/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(/img/flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(/img/flags/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(/img/flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(/img/flags/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(/img/flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(/img/flags/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(/img/flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(/img/flags/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(/img/flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(/img/flags/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(/img/flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(/img/flags/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(/img/flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(/img/flags/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(/img/flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(/img/flags/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(/img/flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(/img/flags/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(/img/flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(/img/flags/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(/img/flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(/img/flags/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(/img/flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(/img/flags/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(/img/flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(/img/flags/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(/img/flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(/img/flags/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(/img/flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(/img/flags/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(/img/flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(/img/flags/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(/img/flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(/img/flags/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(/img/flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(/img/flags/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(/img/flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(/img/flags/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(/img/flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(/img/flags/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(/img/flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(/img/flags/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(/img/flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(/img/flags/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(/img/flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(/img/flags/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(/img/flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(/img/flags/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(/img/flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(/img/flags/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(/img/flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(/img/flags/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(/img/flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(/img/flags/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(/img/flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(/img/flags/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(/img/flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(/img/flags/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(/img/flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(/img/flags/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(/img/flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(/img/flags/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(/img/flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(/img/flags/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(/img/flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(/img/flags/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(/img/flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(/img/flags/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(/img/flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(/img/flags/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(/img/flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(/img/flags/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(/img/flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(/img/flags/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(/img/flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(/img/flags/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(/img/flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(/img/flags/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(/img/flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(/img/flags/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(/img/flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(/img/flags/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(/img/flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(/img/flags/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(/img/flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(/img/flags/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(/img/flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(/img/flags/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(/img/flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(/img/flags/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(/img/flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(/img/flags/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(/img/flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(/img/flags/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(/img/flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(/img/flags/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(/img/flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(/img/flags/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(/img/flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(/img/flags/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(/img/flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(/img/flags/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(/img/flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(/img/flags/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(/img/flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(/img/flags/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(/img/flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(/img/flags/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(/img/flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(/img/flags/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(/img/flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(/img/flags/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(/img/flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(/img/flags/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(/img/flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(/img/flags/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(/img/flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(/img/flags/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(/img/flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(/img/flags/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(/img/flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(/img/flags/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(/img/flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(/img/flags/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(/img/flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(/img/flags/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(/img/flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(/img/flags/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(/img/flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(/img/flags/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(/img/flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(/img/flags/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(/img/flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(/img/flags/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(/img/flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(/img/flags/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(/img/flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(/img/flags/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(/img/flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(/img/flags/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(/img/flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(/img/flags/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(/img/flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(/img/flags/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(/img/flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(/img/flags/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(/img/flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(/img/flags/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(/img/flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(/img/flags/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(/img/flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(/img/flags/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(/img/flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(/img/flags/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(/img/flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(/img/flags/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(/img/flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(/img/flags/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(/img/flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(/img/flags/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(/img/flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(/img/flags/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(/img/flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(/img/flags/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(/img/flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(/img/flags/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(/img/flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(/img/flags/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(/img/flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(/img/flags/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(/img/flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(/img/flags/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(/img/flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(/img/flags/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(/img/flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(/img/flags/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(/img/flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(/img/flags/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(/img/flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(/img/flags/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(/img/flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(/img/flags/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(/img/flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(/img/flags/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(/img/flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(/img/flags/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(/img/flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(/img/flags/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(/img/flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(/img/flags/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(/img/flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(/img/flags/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(/img/flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(/img/flags/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(/img/flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(/img/flags/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(/img/flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(/img/flags/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(/img/flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(/img/flags/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(/img/flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(/img/flags/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(/img/flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(/img/flags/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(/img/flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(/img/flags/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(/img/flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(/img/flags/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(/img/flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(/img/flags/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(/img/flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(/img/flags/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(/img/flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(/img/flags/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(/img/flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(/img/flags/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(/img/flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(/img/flags/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(/img/flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(/img/flags/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(/img/flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(/img/flags/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(/img/flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(/img/flags/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(/img/flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(/img/flags/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(/img/flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(/img/flags/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(/img/flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(/img/flags/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(/img/flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(/img/flags/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(/img/flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(/img/flags/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(/img/flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(/img/flags/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(/img/flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(/img/flags/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(/img/flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(/img/flags/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(/img/flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(/img/flags/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(/img/flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(/img/flags/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(/img/flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(/img/flags/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(/img/flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(/img/flags/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(/img/flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(/img/flags/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(/img/flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(/img/flags/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(/img/flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(/img/flags/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(/img/flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(/img/flags/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(/img/flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(/img/flags/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(/img/flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(/img/flags/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(/img/flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(/img/flags/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(/img/flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(/img/flags/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(/img/flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(/img/flags/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(/img/flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(/img/flags/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(/img/flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(/img/flags/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(/img/flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(/img/flags/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(/img/flags/1x1/zw.svg);
}
.flag-icon-es-ca {
  background-image: url(/img/flags/es-ca.svg);
}
.flag-icon-es-ca.flag-icon-squared {
  background-image: url(/img/flags/1x1/es-ca.svg);
}
.flag-icon-eu {
  background-image: url(/img/flags/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(/img/flags/1x1/eu.svg);
}
.flag-icon-gb-eng {
  background-image: url(/img/flags/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(/img/flags/1x1/gb-eng.svg);
}
.flag-icon-gb-nir {
  background-image: url(/img/flags/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(/img/flags/1x1/gb-nir.svg);
}
.flag-icon-gb-sct {
  background-image: url(/img/flags/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(/img/flags/1x1/gb-sct.svg);
}
.flag-icon-gb-wls {
  background-image: url(/img/flags/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(/img/flags/1x1/gb-wls.svg);
}
.flag-icon-un {
  background-image: url(/img/flags/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(/img/flags/1x1/un.svg);
}
.flag-icon-xk {
  background-image: url(/img/flags/xk.svg);
}
.flag-icon-xk.flag-icon-squared {
  background-image: url(/img/flags/1x1/xk.svg);
}

.form-registration {
    max-width: 480px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px;
}
.form-registration h3{color: black;}

.input-group{
    width: 100%;
    position: relative;
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.input-group:first-of-type{margin-top: 20px;}
.form-registration input{
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #A6A6A6;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 21px;
    padding-left: 80px;
}
.form-registration .input-icon {
    width: 19px; height: 19px; position: absolute; left: 40px; top:0; bottom: 0; margin: auto;
}
.form-registration .input-icon.user{
    background-image: url(/img/input-user.png);
}
.form-registration .input-icon.user.novalid{
    background-image: url(/img/input-user-novalid.png);
}
.form-registration .input-icon.user.active{
    background-image: url(/img/input-user-active.png);
}

.form-registration .input-icon.email{
    background-image: url(/img/input-emails.png);
}
.form-registration .input-icon.email.novalid{
    background-image: url(/img/input-emails-novalid.png);
}
.form-registration .input-icon.email.active{
    background-image: url(/img/input-emails-active.png);
}
.form-registration .input-icon.phone{
    background-image: url(/img/input-phone.png);
}
.form-registration .input-icon.phone.novalid{
    background-image: url(/img/input-phone-novalid.png);
}
.form-registration .input-icon.phone.active{
    background-image: url(/img/input-phone-active.png);
}
.form-registration input.novalid {
    border: 1px solid #FF3A44;
    color: #FF3A44;
}
.form-registration .input-error{
    color: red;
    padding: 5px 10px;
    height: 20px;
    font-size: 12px;
    font-style: italic;
}
.form-registration .input-error.hidden {
    display: none;
}


.country-lang{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.country-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.country-item div{
    flex-shrink: 1;
    margin: 0 15px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3) inset;

}

.select2-selection {
    min-height: 48px;
    text-align: left;
}
.select2.select2-container.select2-container--default {
    width: 48%!important;
}
.select2-selection__rendered {
    margin: 7px;
}

.select2-selection__arrow {
    margin: 7px;
}
.select2-container--default .select2-selection--single{
    border-radius: 8px;
}




.terms{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin: 20px auto 0;
}
.form-registration label{
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 25px;
}
.form-registration input[type=checkbox] {
    display: none;
}
.form-registration span.checkbox {
    position: absolute;
    top:0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #A6A6A6;
    display: inline-block;
}
.form-registration input[type=checkbox]:checked + span.checkbox{
    background-color: #FF9712;
    border-radius: 5px;
    border: none;
}



.input-group button{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 400px;
    max-height: 47px;
    margin: auto;
    padding: 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    border:none;
    cursor: pointer;
    background-color: rgba(250, 151, 51, 1);
    color: rgba(255, 255, 255, 1);
}
.input-group button:hover{
    color: rgba(250, 151, 51, 1);
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(250, 151, 51, 1);
}

@media (max-width: 640px){
    .form-registration{width: 100%;padding: 15px;}
}

@media (max-width: 480px){
    .country-lang{
        flex-direction: column;
    }
    .select2.select2-container.select2-container--default {
        width: 100%!important;
    }
    .country-lang select:last-child{padding-top: 20px;}
    .select2.select2-container.select2-container--default:last-of-type{margin-top: 20px;}
}



.top-wrapper {
    background: url("/img/top-bg.png") no-repeat center center;
    background-size: cover;
    overflow: auto;
}
section.top {
    max-width: 1130px;
    margin: auto;
    padding: 95px 0 50px 0;
    color: #ffffff;
}
.top .top-content {
    padding: 0 20px;
}
.top .top-text {
    font-size: 21px;
    line-height: 125%;
}
.top .sp-button {
    margin-top: 30px;
}
.top .top-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: auto;
    margin-top: 75px;
}
.top-items .top-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    max-width: 260px;
}
.top-items .top-item img {
    max-width: 57px;
    max-height: 57px;
    margin-right: 20px;
}

@media (max-width: 800px) {
    .top .top-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        width: 80%;
    }
}

@media (max-width: 640px) {
    .top .top-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        width: 90%;
    }
}

@media (max-width: 480px) {
    .top .top-items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .top h2.top-title {
        font-size: 34px;
        line-height: 125%;
    }
    .top .top-items .little-text {
        font-size: 14px;
        line-height: 16px;
    }
    .top .top-text {
        font-size: 18px;
        line-height: 125%;
    }
    .content-block--button-reverse .content-block--button-text-reverse {
        font-size: 17px;
        line-height: 20px;
    }
    .top-items .top-item img {
        max-width: 47px;
        max-height: 47px;
    }
}

@media (max-width: 320px) {
    .top .top-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
    }
    .top h2.top-title {
        text-align: center;
    }
    .top .top-text {
        text-align: center;
    }
    .top .top-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        margin-left: 5px;
    }
}

.slider-wrapper {
    margin-top: 80px;
    padding: 0 10px;
}
.slider .slider-text {
    max-width: 1140px;
    margin: auto;
    padding: 0 15px;
    font-size: 21px;
    line-height: 25px;
}
.slider .slider-outer-wrapper {
    position: relative;
    max-width: 1140px;
    margin: auto;
    margin-top: 40px;
    overflow: hidden;
    padding: 0 25px;
}
.slider .slider-items-wrapper {
    position: relative;
    margin: auto;
    max-width: 1080px;
}
.slider .slider-items {
    /*display: flex;*/
    position: relative;
}
.slider .slider-item {
    position: relative;
    top: 10px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    min-width: 270px;
    min-height: 360px;
    cursor: pointer;
}
.slider .slider-item:hover {
    top: 0;
    transition: top 300ms;
}
.slider .slider-item.manchester {
    background: url("/img/manchester_bg.png") no-repeat center center;
    background-size: cover ;
}
.slider .slider-item.carlsen {
    background: url("/img/carlsen_bg.png") no-repeat center center;
    background-size: cover ;
}
.slider .slider-item.bavaria {
    background: url("/img/bavaria_bg.png") no-repeat center center;
    background-size: cover ;
}
.slider .slider-item.liverpool {
    background: url("/img/liverpool_bg.png") no-repeat center center;
    background-size: cover ;
}
.slider-item .soon {
    display: none;
    text-transform: uppercase;
    color: #ffffff;
}
.slider-item .soon.soon-active {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 95%;
    width: 95%;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
}
.slider-item a {
    margin-top: 110px;
    color: #ffffff;
}
.slider-item .slider-item-title {
    margin-top: 125px;
    font-weight: bold;
    font-size: 21px !important;
    line-height: 25px;
    color: #5F5F5F;
}
.slider button.forward,
.slider button.backward {
    position: absolute;
    right: 30px;
    top: 160px;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 100%;
    outline: none;
    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.15);
    background: url("/img/arrow-right.png") no-repeat center center;
    background-color: #ffffff;
    z-index: 10000;
    cursor: pointer;
}
.slider button.forward.slick-arrow {
    right: initial;
    left: 25px;
    transform: rotate(180deg);
}
.slider button.forward a,
.slider button.backward a {
    display: block;
    width: 100%;
    height: 100%;
}
.slider button.forward.slick-arrow.hidden,
.slider button.backward.slick-arrow.hidden {
    display: none !important;
}
.slider .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    list-style: none;
}
.slider .slick-dots  li {
    display: block;
    width: 20px;
    height: 4px;
    margin-left: 10px;
    background: #97A6B7;
    border-radius: 2px;
    cursor: pointer;
}
.slider .slick-dots  li button {
    display: none;
}
.slider .slick-dots  li.slick-active,
.slider .slick-dots  li:hover {
    background: #FA9733;
}
@media (max-width: 1200px) {
    .slider .slider-outer-wrapper {
        padding: 0;
    }
    .slider .bx-wrapper {
        max-width: 100% !important;
    }
    .slider .slider-item:hover {
        top: 10px;
        transition: none;
    }
    .slider button.forward.slick-arrow,
    .slider button.backward.slick-arrow {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .slider .slider-text {
        font-size: 18px;
        line-height: 21px;
    }
    .slider-item .slider-item-title {
        font-size: 18px !important;
        line-height: 21px;
    }
    .slider .content-block--button-reverse {
        min-width: 160px;
    }
    .slider .content-block--button-reverse .content-block--button-text-reverse {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
    }
}
@media (max-width: 320px) {
    .slider .slider-outer-wrapper {
        max-width: 270px;
    }
    .slider-item .slider-item-title {
        font-size: 21px !important;
        line-height: 25px;
    }
    .slider .content-block--button-reverse .content-block--button-text-reverse {
        font-size: 17px;
        line-height: 20px;
    }

}

.benefits-wrapper {
    margin-top: 40px;
    background: url("/img/benefits_bg-min.png") no-repeat center center;
    background-size: cover;
}
.benefits-wrapper .benefits {
    overflow: auto;
}
.benefits .benefits-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1440px;
    margin: 35px auto 50px auto;
}
.benefits .benefits-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 45px;
    width: 230px;
    color: #ffffff;
}
.benefits-item .benefits-item--img {
    min-width: 136px;
    min-height: 136px;
}
.benefits-item .benefits-item--title {
    margin: 20px 0 10px;
    font-weight: bold;
    font-size: 21px;
    line-height: 140%;
    text-align: center;
}
.benefits-item .benefits-item--text {
    margin: 0;
    font-size: 21px;
    line-height: 140%;
    text-align: center;
}

@media (max-width: 1024px){
    .benefits .benefits-items {
        max-width: 900px;
    }
}
@media (max-width: 640px){
    .benefits .benefits-item {
        width: 200px;
    }
    .benefits-item .benefits-item--img {
        min-width: 98px;
        min-height: 98px;
        width: 98px;
    }
}

.questions-wrapper {

}
section.questions {
    margin: 80px 0;
}
.questions .questions--blocks {
    max-width: 1150px;
    margin: auto;
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
}
.questions--block-instrument {
    padding: 60px 30px 155px;
    background: url("/img/questions_instrument_bg.png") no-repeat bottom right;
}
.questions--block-features {
    position: relative;
    padding: 60px 30px 155px;
    background: url("/img/questions_features_bg.png") no-repeat bottom right;
}
.questions .questions--top-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.questions .questions--top-button {
    max-width: 200px;
    padding: 10px;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #5F5F5F;
    background-color: #ffffff;
    border: none;
    outline: none;
    border-bottom: 2px solid #C4C4C4;
    cursor: pointer;
    box-sizing: border-box;
}
.questions .questions--top-button:last-of-type {
    margin-left: 10px;
}
.questions .questions--top-button.active {
    border-bottom: 2px solid #ff9712;
    color: #131314;
}
.questions .questions--top-button:not(.active):hover{
    color: #131314;
}
.questions .questions--block-title {
    margin: 0;
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
    text-align: center;
    color: #444444;
}
.questions--block .questions--content-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.questions--content-block .content-block--img {
    min-width: 140px;
}
.questions--content-block .content-block-subtitle {
    font-weight: bold;
    font-size: 21px;
    line-height: 26px;
    color: #000000;
}
.questions--content-block .content-block--desc {
    font-size: 21px;
    line-height: 26px;
    color: #000000;
}

.questions--block-features .content-block--desc {
    color: #5F5F5F;
}
.questions .questions--content-block--buttons {
    margin-left: 120px;
}
.questions .content-block--button {
    margin-left: 20px;
}

.questions .content-block--button-inner {
    padding: 12px 35px 12px 50px;
}
.questions .content-block--button-inner:before {
    position: absolute;
    content: url("/img/exclamation.png");
    left: 10px;
    top: 11px;
}
.questions .content-block--button:hover .content-block--button-inner:before {
    content: url("/img/exclamation_white.png");
}
.content-block--text.questions-features-text-1 {
    max-width: 690px;
}
.content-block--text.questions-features-text-2 {
    max-width: 610px;
}
.content-block--text.questions-features-text-3 {
    max-width: 550px;
}
.questions--content-block.popup-wrapper.hidden {
    display: none;
}
.questions--content-block.popup-wrapper {
    top: -50vh;
    left: -50vw;
    width: 200vw;
    height: 200vh;
    position: absolute;
    background: rgba(0, 0, 0, 0.34);
}
.questions--content-block.popup.hidden {
    display: none;
}
.questions--content-block.popup {
    position: absolute;
    top: 25%;
    left: 0;
    display: block;
    padding: 50px 70px;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
    border-radius: 15px;
    background: #ffffff;
}
.questions--content-block .close-questions-popup {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    cursor: pointer;
    background: url(/img/close-s.png) no-repeat center center;
    background-size: cover;
}

@media (max-width: 1124px) {
    .questions .questions--blocks {
        max-width: 980px;
    }
    .questions--block-instrument {
        background-size: 296px ;
    }
    .questions--block-features {
        background: url(/img/questions_features_bg.png) no-repeat 110% 100%;
    }
}

@media (max-width: 950px) {
    .questions .questions--blocks {
        max-width: 768px;
    }
    .questions--content-block .questions-instruments-text-2,
    .questions--content-block .questions-instruments-text-3 {
        max-width: 280px;
    }
    .questions--block.questions--block-features {
        background: none;
    }
    .questions--content-block.popup {
        padding: 40px 30px 40px 20px;
        margin: 5px;
    }
    .questions--content-block .close-questions-popup {
        right: 20px;
        top: 20px;
    }
}
@media (max-width: 740px) {
    .questions--content-block.questions--content-block--buttons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .questions--content-block .questions--content-block--button:last-of-type {
        margin-top: 20px;
    }
    .questions .content-block--button:last-of-type {
        margin-top: 20px;
    }
}
@media (max-width: 700px) {
    .questions--block.questions--block-instrument  {
        background-size: 250px ;
    }
}
@media (max-width: 640px) {
    .questions--block.questions--block-instrument {
        background: none;
    }
    .questions--content-block .questions-instruments-text-2,
    .questions--content-block .questions-instruments-text-3 {
        max-width: none;
    }
    .questions--block-instrument {
        padding: 40px 20px 50px;
    }
}
@media (max-width: 480px) {
    .questions .questions--top-button {
        font-size: 16px;
        line-height: 19px;
    }
    .questions .questions--block-title {
        font-size: 28px;
        line-height: 33px;
    }
    .questions--content-block .content-block-subtitle {
        font-size: 18px;
        line-height: 122%;
    }
    .questions--content-block .content-block--desc {
        font-size: 18px;
        line-height: 122%;
    }
}
@media (max-width: 400px) {
    .questions .questions--content-block {
        flex-direction: column;
        text-align: center;
    }
    .questions--content-block.questions--content-block--buttons {
        margin-left: 0;
    }
}





.futures-number-wrapper {
    background: #F7F7F7;
    padding: 60px 0;
}
section.futures-number {
    max-width: 1140px;
    margin: auto;
}
.futures-number .futures-number--title {
    text-align: center;
    color: #444444;
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
}

.futures-number .futures-number-items {
    margin-top: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.futures-number .futures-number-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

}
.futures-number .futures-number-item--subtitle {;
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    text-align: center;


}
.futures-number .futures-number-item--text {
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

@media (max-width: 640px) {
    .futures-number-wrapper {
        padding: 40px 0;
    }
    .futures-number .futures-number-item {
        width: 50%;
    }
    .futures-number .futures-number-item:nth-of-type(3),
    .futures-number .futures-number-item:nth-of-type(4) {
        margin-top: 85px;
    }
}

@media (max-width: 480px) {
    .futures-number .futures-number--title {
        font-size: 28px;
        line-height: 33px;
    }
    .futures-number .futures-number-item:nth-of-type(3),
    .futures-number .futures-number-item:nth-of-type(4) {
        margin-top: 35px;
    }
}

@media (max-width: 320px) {
    .futures-number-wrapper {
        padding: 30px 0;
    }
    .futures-number .futures-number-item {
        width: 100%;
    }
    .futures-number .futures-number-item:nth-of-type(2),
    .futures-number .futures-number-item:nth-of-type(3),
    .futures-number .futures-number-item:nth-of-type(4) {
        margin-top: 25px;
    }
}

section.how-works {
    margin-top: 80px;
}
.how-works .how-works--title {
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
    text-align: center;
    color: #444444;
}
.how-works .how-works--carousel {
    position: relative;
    max-width: 800px;
    height: 800px;
    margin: auto;
    margin-top: 25px;
    background: url("/img/carousel-arrows.png") no-repeat center center;
    background-size: auto;
}
.how-works .carousel-text {
    max-width: 208px;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #000000;
}

.how-works .profit-inference-img{
    position: absolute;
    left: 20px;
    top: 105px;
}
.how-works .profit-inference-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
.how-works .carousel-text.profit-inference {
    position: absolute;
    left: 20px;
    top: 260px;
}

.how-works .registration-img {
    position: absolute;
    left: 310px;
    top: 45px;
}
.how-works .registration-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
.how-works .carousel-text.registration {
    position: absolute;
    left: 300px;
    top: 190px;
}

.how-works .new-deal-img {
    position: absolute;
    right: 35px;
    top: 130px;
}
.how-works .new-deal-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.how-works .carousel-text.new-deal {
    position: absolute;
    right: 40px;
    top: 270px;
}

.how-works .trading-process-img {
    position: absolute;
    left: 20px;
    top: 335px;
}
.how-works .trading-process-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
}
.how-works .carousel-text.trading-process{
    position: absolute;
    left: 20px;
    top: 500px;
}

.how-works .liked-event-img{
    position: absolute;
    right: 0;
    top: 330px;
}
.how-works .liked-event-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
}
.how-works .carousel-text.liked-event{
    position: absolute;
    right: 0;
    top: 510px;
}

.how-works .buying-features-img {
    position: absolute;
    left: 310px;
    bottom: 75px;
}
.how-works .buying-features-img.animate {
    -webkit-animation: scaling 3s;
            animation: scaling 3s;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
.how-works .carousel-text.buying-features{
    position: absolute;
    left: 290px;
    bottom: 35px;
}

.how-works .carousel--center-block {
    position: absolute;
    top: 300px;
    left: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 210px;
}
.how-works .carousel--center-block.hidden {
    display: none;
}
.how-works .carousel--center-block-text {
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #444444;
}
.how-works .sp-button{
    color: #ffffff;
}

@media (max-width: 800px){
    .how-works .how-works--carousel {
        position: relative;
        max-width: 730px;
        height: 760px;
    }
    .how-works img {
        width: 160px;
        height: 160px;
    }
    .how-works .carousel-text {
        max-width: 175px;
        font-size: 18px;
        line-height: 21px;
    }
    .how-works .carousel--center-block {
        top: 275px;
        left: 270px;
    }
    .how-works .carousel-text.trading-process {
        left: 10px;
        top: 475px;
    }
    .how-works .carousel-text.liked-event {
        right: 0;
        top: 485px;
    }
    .how-works .carousel-text.buying-features {
        position: absolute;
        left: 260px;
        bottom: 40px;
    }
}
@media (max-width: 715px){
    .how-works .how-works--carousel {
        position: relative;
        max-width: 600px;
        height: 680px;
    }

    .how-works img {
        width: 130px;
        height: 130px;
    }

    .how-works .profit-inference-img {
        position: absolute;
        left: 10px;
        top: 120px;
    }
    .how-works .carousel-text.profit-inference {
        left: 10px;
        top: 235px;
    }

    .how-works .registration-img {
        position: absolute;
        left: 235px;
        top: 10px;
    }
    .how-works .carousel-text.registration {
        left: 220px;
        top: 140px;
    }

    .how-works .new-deal-img {
        position: absolute;
        right: -10px;
        top: 120px
    }
    .how-works .carousel-text.new-deal {
        right: 5px;
        top: 240px;
    }

    .how-works .liked-event-img {
        position: absolute;
        right: 0;
        top: 310px;
    }
    .how-works .carousel-text.liked-event {
        right: -15px;
        top: 430px;
    }

    .how-works .buying-features-img {
        position: absolute;
        left: 230px;
        bottom: 95px;
    }
    .how-works .carousel-text.buying-features {
        position: absolute;
        left: 200px;
        bottom: 50px;
    }

    .how-works .trading-process-img {
        position: absolute;
        left: 15px;
        top: 310px;
    }
    .how-works .carousel-text.trading-process {
        left: -10px;
        top: 435px;
    }
    .how-works .carousel--center-block {
        top: 250px;
        left: 205px;
    }
}
@media (max-width: 600px) {
    .how-works .how-works--carousel {
        max-width: 75%;
        height: 750px;
        background: none;
        margin-top: 0;
    }
    .how-works .how-works--title {
        font-size: 21px;
        line-height: 25px;
    }

    .how-works .registration-img {
        left: 30px;
        top: 45px;
    }
    .how-works .carousel-text.registration {
        left: 20px;
        top: 150px;
    }

    .how-works .new-deal-img {
        right: 10px;
        top: 45px;
    }
    .how-works .carousel-text.new-deal {
        right: 35px;
        top: 150px;
    }

    .how-works .liked-event-img {
        right: auto;
        top: 250px;
        left: 25px;
    }
    .how-works .carousel-text.liked-event {
        right: auto;
        top: 385px;
        left: 0px;
    }

    .how-works .buying-features-img {
        left: auto;
        right: 20px;
        bottom: auto;
        top: 270px;
    }
    .how-works .carousel-text.buying-features {
        position: absolute;
        left: auto;
        right: 5px;
        bottom: auto;
        top: 385px;
    }

    .how-works .trading-process-img {
        left: 20px;
        top: auto;
        bottom: 90px;
    }
    .how-works .carousel-text.trading-process {
        left: 0;
        top: auto;
        bottom: 0;
    }

    .how-works .profit-inference-img {
        left: auto;
        top: auto;
        bottom: 80px;
        right: 30px;
    }
    .how-works .carousel-text.profit-inference {
        left: auto;
        top: auto;
        bottom: 20px;
        right: 30px;
    }
    .how-works .carousel--center-block {
        display: none;
    }
    .how-works .carousel--center-block.hidden {
        position: initial;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        margin-top: 30px;
    }
    .how-works .carousel--center-block.hidden .sp-button {
        margin-top: 30px;
        margin-bottom: 10px;
    }
}
@media (max-width: 500px) {
    .how-works .how-works--carousel {
        max-width: 85%;
    }
}
@media (max-width: 480px) {
    .how-works .how-works--title {
        font-size: 28px;
        line-height: 33px;
    }
    .how-works .carousel--center-block-text {
        font-size: 28px;
        line-height: 33px;
    }
    .how-works .carousel--center-block {
        max-width: 90%;
    }
    .how-works .carousel-text.liked-event {
        right: auto;
        top: 385px;
        left: 10px;
    }
}
@media (max-width: 450px) {
    .how-works .how-works--carousel {
        max-width: 390px;
        height: 620px;
    }
    .how-works img {
        width: 120px;
        height: 120px;
    }

    .how-works .registration-img {
        left: 30px;
        top: 25px;
    }
    .how-works .carousel-text.registration {
        left: 20px;
        top: 120px;
    }

    .how-works .new-deal-img {
        right: 10px;
        top: 25px;
    }
    .how-works .carousel-text.new-deal {
        right: 30px;
        top: 120px;
    }

    .how-works .liked-event-img {
        right: auto;
        top: 200px;
        left: 25px;
    }
    .how-works .carousel-text.liked-event {
        right: auto;
        top: 300px;
        left: 0;
    }

    .how-works .buying-features-img {
        left: auto;
        right: 20px;
        bottom: auto;
        top: 200px;
    }
    .how-works .carousel-text.buying-features {
        right: 0;
        top: 300px;
    }
}

@media (max-width: 400px) {
    .how-works .how-works--carousel {
        max-width: 290px;
        height: 1200px;
        /*background: url("/img/carousel-320.png") no-repeat center center;*/
        /*background-size: 100%;*/
        margin-top: 25px;
    }

    .how-works .registration-img {
        left: 30px;
        top: 0;
    }
    .how-works .carousel-text.registration {
        left: 10px;
        top: 90px;
    }

    .how-works .new-deal-img {
        right: 80px;
        top: 155px;
    }
    .how-works .carousel-text.new-deal {
        right: 85px;
        top: 250px;
    }

    .how-works .liked-event-img {
        top: 315px;
        left: auto;
        right: 10px;
    }
    .how-works .carousel-text.liked-event {
        top: 415px;
        left: auto;
        right: -15px;
    }

    .how-works .buying-features-img {
        right: auto;
        top: 510px;
        left: 30px;
    }
    .how-works .carousel-text.buying-features {
        right: auto;
        top: 595px;
        left: 0;
    }

    .how-works .profit-inference-img {
        bottom: 380px;
        right: 70px;
    }
    .how-works .carousel-text.profit-inference {
        bottom: 345px;
        right: 65px;
    }

    .how-works .trading-process-img {
        left: auto;
        top: auto;
        right: 15px;
        bottom: 215px;
    }
    .how-works .carousel-text.trading-process {
        left: auto;
        top: auto;
        right: 0;
        bottom: 140px;
    }
    .how-works .carousel--center-block.hidden {
        margin-top: -130px;
    }
}

@-webkit-keyframes scaling {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes scaling {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.propose-wrapper {
    background: url("/img/propose_bg.png") no-repeat center center;
    background-size: 100%;
    overflow: auto;
}
section.propose {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 790px;
    margin: 80px auto;
}
.propose .propose-title {
    max-width: 790px;
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
    text-align: center;
    color: #444444;
}
.propose .propose-button {
    width: auto;
    margin-top: 10px;
    padding: 0 15px;
    color: #ffffff;
}

@media (max-width: 1440px) {
    .propose-wrapper {
        background-size: 109%;
        background-position-x: -45px;
    }
}
@media (max-width: 1024px) {
    .propose-wrapper {
        background-size: 135%;
        background-position-x: 47%;
    }
}
@media (max-width: 768px) {
    .propose-wrapper {
        background: none;
    }
    section.propose {
        margin: 40px auto;
    }
    .propose .propose-title {
        max-width: 95%;
    }
    .propose .break {
        display: none;
    }
}
@media (max-width: 480px) {
    .propose .propose-title {
        font-size: 28px !important;
        line-height: 33px;
    }
}

.about-platform-wrapper {
    background-color: #F7F7F7;
}
section.about-platform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1150px;
    margin: auto;
}
.about-platform .about-platform--img {
    min-width: 50%;
}
.about-platform .about-platform--content {
    margin-top: 95px;
    margin-left: 25px;
}
.about-platform .about-platform--content-title {
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
    color: #444444;
}
.about-platform .about-platform--content-text {
    margin-top: 34px;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
}
.about-platform .content-block--button {
    margin-top: 30px;
}
.about-platform .content-block--button {

}
@media (max-width: 1024px) {
    section.about-platform {
        padding: 40px 20px;
    }
    .about-platform .about-platform--content {
        margin-top: 40px;
    }
}
@media (max-width: 900px) {
    section.about-platform {
        flex-direction: column;
        align-items: center;
    }
    .about-platform .about-platform--content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 530px;
        margin-left: 0;
    }
    .about-platform .about-platform--content-text {
        text-align: center;
    }
    .about-platform .platform--mobile-buttons {
        margin-top: 20px;
    }
}
@media (max-width: 480px) {
    .about-platform .about-platform--content-title {
        font-size: 28px;
        line-height: 33px;
        text-align: center;
    }
    .about-platform .about-platform--content-text {
        font-size: 18px;
        line-height: 21px;
    }
    .about-platform .content-block--button-text.gradient-text {
        font-size: 17px;
        line-height: 20px;
    }
}
@media (max-width: 430px) {
    section.about-platform {
        padding: 20px 10px 80px;
    }
    .about-platform .platform--mobile-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }
    .about-platform .platform--mobile-button {
        margin-top: 10px;
    }
}

.goto-forum-wrapper {
    position: relative;
}
section.goto-forum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    /*margin-left: 45%;*/
    margin: auto;
    margin-top: 25px;
    max-width: 1150px;
}
.goto-forum .goto-forum--title {
    margin-top: 60px;
    font-weight: bold;
    font-size: 33px;
    line-height: 39px;
    color: #444444;
}
.goto-forum .goto-forum--text {
    margin-top: 35px;
    max-width: 605px;
    font-size: 21px;
    line-height: 25px;
    color: #000000;
}
.goto-forum .goto-forum--btn {
    margin-top: 45px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    color: #ffffff;
}

.goto-forum .goto-forum--img {
    width: 50%;
    margin-left: 20px;
    background: url("/img/goto_forum_1440.png") no-repeat right top;
}

@media (max-width: 1440px) {
    section.goto-forum {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
    .goto-forum .goto-forum--img {
        width: 50%;

        background: url("/img/goto_forum_1440.png") no-repeat right top;
    }
}

@media (max-width: 1024px) {
    section.goto-forum {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        max-width: 1150px;
        margin: auto;
    }
    .goto-forum .goto-forum--content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 80px 0;
        background: url("/img/goto_forum_1024.png") no-repeat right top;
        background-size: cover;
    }
    .goto-forum .goto-forum--title {
        margin-top: 0;
        color: #ffffff;
    }
    .goto-forum .goto-forum--text {
        max-width: 90%;
        color: #ffffff;
        text-align: center;
    }
    .goto-forum .goto-forum--btn {
        margin-top: 35px;
    }
    .goto-forum .goto-forum--img {
        width: 50%;
        margin-left: 20px;
        background: url("/img/goto_forum_1024.png") no-repeat right top;
    }
}
@media (max-width: 640px) {
    .goto-forum .goto-forum--content {
        padding: 40px 0;
    }
}
@media (max-width: 480px) {
    .goto-forum .goto-forum--content {
        padding: 30px 0;
    }
    .goto-forum .goto-forum--title {
        font-size: 28px;
        line-height: 33px;
    }
    .goto-forum .goto-forum--text {
        font-size: 18px;
        line-height: 21px;
    }
    .goto-forum .content-block--button-reverse {
        margin-top: 15px;
    }
}
@media (max-width: 320px) {
    .goto-forum .goto-forum--text {
        text-align: left;
    }
}


section.faq {
    max-width: 1135px;
    margin: auto;
    margin-top: 60px;
    padding: 20px;
}
.faq .faq-title {
    text-align: center;
}
.faq .faq-item {
    border-bottom: 1px solid #5F5F5F;
}
.faq .faq-item--question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.faq .faq-item--question p {
    margin-right: 20px;
}
.faq-item .faq-item--answer {
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 21px;
    color: #5F5F5F;
}
.faq button.faq-item--btn {
    min-width: 18px;
    min-height: 18px;
    border-radius: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    box-sizing:border-box;
    padding: 0;
}
.faq .faq-item--btn-open {
    background: url("/img/faq-btn-open_.svg") no-repeat center center;
    background-size: cover;
}
.faq .faq-item--btn-close {
    background: url("/img/faq-btn-close_gray_.svg") no-repeat center center;
    background-size: cover;
}
@media (max-width: 480px) {
    .faq .faq-title {
        font-size: 36px;
        line-height: 36px;
        text-align: center;
    }
    .faq-item .faq-item--title {
        font-size: 17px;
        line-height: 20px;
    }
    .faq .faq-item--question .text {
        font-size: 21px !important;
        line-height: 25px;
    }
    .faq-wrapper .faq-item .faq-item--answer {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 30px;
    }
}
@media (max-width: 320px) {
    .faq .faq-title {
        text-align: center;
    }
    .faq .faq-item--question .text {
        font-size: 18px !important;
        line-height: 21px;
    }
    .faq-wrapper .faq-item .faq-item--answer {
        font-size: 14px;
        line-height: 16px;
    }
}




.faq-page--top-wrapper {
    max-width: 1920px;
    margin: auto;
    background: url("/img/faq_bg.png") no-repeat center center;
    background-size: cover;
    background-color: #000000;
}
section.faq-page--top {
    max-width: 1140px;
    margin: auto;
    padding: 20px 20px 110px;
}
.faq-page--top .faq-breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.faq-breadcrumbs .faq-breadcrumbs--arrow {
    margin-left: 15px;
}
.faq-breadcrumbs .faq-breadcrumbs--current {
    margin-left: 15px;
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
}
.faq-page--top .faq-top-content {
    max-width: 555px;
    margin-top: 20px;
}
.faq-page--top .faq-top-content--title {
    font-weight: bold;
    font-size: 72px;
    line-height: 95px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
}
.faq-page--top .faq-top-content--subtitle {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FF8C05;
}
.faq-page--top .faq-top-content--text {
    margin-top: 10px;
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 1440px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_1440.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
}

@media (max-width: 1024px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_1024.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
    .faq-page--top .faq-breadcrumbs {
        display: none;
    }
}

@media (max-width: 768px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_768.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
}

@media (max-width: 640px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_640.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
}

@media (max-width: 480px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_480.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
    .faq-page--list-wrapper .faq-page--faq-items .faq-item {
        padding: 16px 20px;
    }

}

@media (max-width: 320px) {
    .faq-page--top-wrapper {
        background: url("/img/faq_bg_320.png") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
}



section.faq-page--faq-items {
    max-width: 1140px;
    margin: auto;
    margin-top: -120px;
    padding: 20px;
}
.faq-page--faq-items .faq-item {
    padding: 16px 50px;
    margin-bottom: 25px;
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    background: #ffffff;
}
.faq-page--faq-items .faq-item--question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.faq-page--faq-items .faq-item--question p {
    margin-right: 20px;
}
.faq-item--question p img {
    margin-right: 20px;
    width: 24px;
    height: 27px;
}
.faq-item .faq-item--answer {
    max-height: 1000px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 35px;
    font-size: 17px;
    line-height: 22px;
    color: #5F5F5F;
    overflow: hidden;
    transition: max-height 0.5s ease-in, visibility 0.5s, opacity 0.5s;
}
.faq-item .faq-item--answer.hidden-item {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 0;
    transition: max-height 0.5s ease-out, visibility 0.5s, opacity 0.5s;
}
.faq-item .faq-item--answer a {
    color: -webkit-link;
}
.faq-item--answer .top-line {
    border-top: 1px solid #C4C4C4;
    width: 50%;
    margin-bottom: 20px;
}
.faq-page--faq-items button.faq-item--btn {
    min-width: 18px;
    width: 18px;
    min-height: 18px;
    height: 18px;
    border-radius: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    box-sizing:border-box;
    padding: 0;
}
.faq-page--faq-items .faq-item--btn-open {
    background: url("/img/faq-btn-open.svg") no-repeat center center;
    background-size: cover;
}
.faq-page--faq-items .faq-item--btn-close {
    background: url("/img/faq-btn-close_gray.svg") no-repeat center center;
    background-size: cover;
}
@media (max-width: 480px) {
    .faq-item .faq-item--title {
        font-size: 17px;
        line-height: 20px;
    }
    .faq-item .faq-item--answer {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 30px;
    }
}
@media (max-width: 320px) {
    .faq-item .faq-item--answer {
        font-size: 14px;
        line-height: 20px;
    }
}



.become_author{
    box-sizing: border-box;
    max-width: 1130px;
    width: 100%;
    margin: auto;
    padding: 20px 15px 30px 15px;
}

/* section top**/
section.top{padding-top: 20px;}
.become_author-top-wrapper{ background-image: url("/img/become_author.png"); min-height: 440px;}
.become_author-top-content{ margin-top:30px; width:50%; text-align: center;}


/** section suggestions**/
.suggestions ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start;}
.suggestions li{list-style: none; text-align: center; width: 220px}
.shadow-circle{width:112px; height:112px; background: #FFFFFF; box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.11);
    border-radius: 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: center; align-items: center;}
.shadow-circle{
    margin-bottom: 50px;
   transform:matrix(1, 0, 0, 1, 0, 0);/*хак для сафари, перерендеринг svg, иначе растеризация*/

}
.notice{background: #FFFFFF;box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.11); border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; justify-content: space-between; align-items: center; padding: 20px 98px;}
.notice div{padding-left: 30px;}

/** section four steps **/
.four-steps{}
h3.four-steps-title{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-start; align-items: center;}
.shadow-circle-four-steps{width:112px; height:112px;  box-shadow: -11px 4px 21px rgba(0, 0, 0, 0.08);
    border-radius: 50%;  position: relative; background-color: white; flex-shrink: 0;
}
.four-steps-title-digit{position: absolute; top:50%; left:25%; line-height: 0;}
.four-steps-title-text{  z-index:1; margin-left: -20px;}


.four-steps ul{ padding-left: 180px; padding-right: 180px;}
.four-steps li{list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center;}
.four-steps-icon{ width: 50px; min-width: 50px;height: 50px; border-radius: 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: center; align-items: center;}
.four-steps-icon div{line-height: 0; font-weight: bold;}
.four-steps-text{margin-left: 20px; }

/** section offer your **/
.offer-your .white-block{padding: 32px 110px; background: #FFFFFF; box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.11); border-radius: 10px;}
.offer-your .white-block a{color: #00bdfd;}
.offer-your-title{    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex; justify-content: flex-start; align-items: center;}
.offer-your-title div{margin-left: 20px;}



@media (max-width:1024px) {
    section.top{padding-top: 93px;}



    .become_author-top-content h3{margin: 0 auto;}

    .suggestions li{ width:33%;}


    .notice{flex-direction: row; padding: 20px; align-items: flex-start}
    .notice div { padding-left: 20px; padding-top: 0; }

    .offer-your .white-block{padding: 32px 20px;}

}



@media (max-width:768px) {
    .top-wrapper.become_author-top-wrapper{background-position: -550px;}
    .four-steps ul{ padding-left: 20px; padding-right: 20px;margin-top: 30px;}
    .four-steps li{align-items: flex-start;}
}



@media (max-width:640px) {

    .top-wrapper.become_author-top-wrapper{background-position: -500px;}

    .become_author-top-content{box-sizing: border-box; width:100%;margin-top:0;}

    .suggestions ul{flex-direction: column; align-items: flex-start;}
    .suggestions li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; padding-bottom: 50px;align-items: center; width: unset;}
    .suggestions .shadow-circle{margin-bottom: 0;}
    .suggestions li img{flex-shrink: 1;}
    .suggestions li div:last-child{padding-left: 20px;text-align: left;}

    .offer-your-title{flex-direction: column;align-items: flex-start;}
    .offer-your-title div{margin-left: 0;}
    .offer-your .white-block{padding: 20px 20px;}

}


@media (max-width:480px) {

    section.top{padding-top: 47px;}

    .top-wrapper.become_author-top-wrapper{background-position: -500px;}

    .suggestions ul{align-items: center;}
    .suggestions li { width: 70%;  flex-direction: column;}
    .suggestions .shadow-circle{margin-bottom: 50px;}
    .suggestions li div:last-child{padding-left: 0;text-align: center;}

    .notice{flex-direction: column; padding: 20px; align-items: flex-start}
    .notice div { padding-left: 0; padding-top: 14px; }

    .four-steps ul{ padding-left: 20px; padding-right: 20px;margin-top: 30px;}
    .four-steps li{align-items: flex-start;}

    .offer-your-title{flex-direction: column;align-items: flex-start;}
    .offer-your-title div{margin-left: 0;}
    .offer-your .white-block{padding: 20px 20px;}
}

.flag-icon-ar {
    background-image: url(/img/flags/ae.svg);
}
.country-item div {
    margin: 0 10px 0 0 ;
}
.flag-icon-ms {
    background-image: url(/img/flags/malaysia.svg);
}
.flag-icon-vi {
    background-image: url(/img/flags/vn.svg);
}
main {
    position: relative;
}

.breadcrumbs-reg-wrapper {
    font-size: 16px;
}
.registration-top-wrapper {
    background-image: url(/img/registration_top_bg.png);
    min-height: 490px;
}

.registration-top-wrapper section.top {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
}
.registration-top-wrapper .registration-top--info {
    max-width: 550px;
}
.registration-top--info h3 {
    font-size: 33px;
    line-height: 43px;
}

.form-wrapper{
    position: absolute;
    top:35px;
    right: 15%;
}
.registration-form {
    position: absolute;
    top: 35px;
    right: 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 460px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    box-sizing: border-box;
}
.registration-form h3 {
    color: #000000;
    font-size: 33px;
    line-height: 43px;
}
.registration-form input {
    position: relative;
    width: 100%;
    height: 48px;
    margin-top: 20px;
    padding-left: 72px;
    border: 1px solid #A6A6A6;
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 21px;
    background-position-x: 35px;
    background-position-y: center;
    background-repeat: no-repeat;
}

.registration-form input.active {
    border: 1px solid #FF9712;
}
.registration-form input.novalid {
    border: 1px solid #FF3A44;
    color: #FF3A44;
}

.registration-form .input-username {
    background-image: url("/img/input-user.png");
}
.registration-form .input-username.active {
    background-image: url("/img/input-user-active.png");
}
.registration-form .input-username.novalid {
    background-image: url("/img/input-user-novalid.png");
}

.registration-form .input-email {
    background-image: url("/img/input-emails.png");
}
.registration-form .input-email.active {
    background-image: url("/img/input-emails-active.png");
}
.registration-form .input-email.novalid {
    background-image: url("/img/input-emails-novalid.png");
}

.registration-form .input-phone {
    background-image: url("/img/input-phone.png");
}
.registration-form .input-phone.active {
    background-image: url("/img/input-phone-active.png");
}
.registration-form .input-phone.novalid {
    background-image: url("/img/input-phone-novalid.png");
}

.country-select {
    width: 100%;
    margin-top: 20px;
}
.country-select.inside .selected-flag {
    width: 400px;
    border-radius: 10px;
}
.country-select.inside input, .country-select.inside input[type=text] {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}
.country-select .selected-flag .flag {
    left: 30px;
}
.country-select .selected-flag .arrow {
    right: 20px;
}
.country-select .country-list {
    color: black;
}
label.terms {
    position: relative;
}
.registration-form input[type=checkbox] {
    display: none;
}
.registration-form span.checkbox {
    position: absolute;
    top: 5px;
    left: -10px;
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #A6A6A6;
    display: inline-block;
}
input[type=checkbox]:checked + span.checkbox{
    background-color: #FF9712;
    background-image: url("/img/checcked.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: none;
}
.registration-form input::-moz-placeholder {
    text-align: left;
    left: 0;
    font-size: 16px;
    line-height: 21px;
    color: #C8C8C8;
}
.registration-form input:-ms-input-placeholder {
    text-align: left;
    left: 0;
    font-size: 16px;
    line-height: 21px;
    color: #C8C8C8;
}
.registration-form input::placeholder {
    text-align: left;
    left: 0;
    font-size: 16px;
    line-height: 21px;
    color: #C8C8C8;
}
.registration-form .terms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 80%;
    margin: auto;
    margin-top: 15px;
    padding-left: 20px;
    font-size: 13px;
    line-height: 17px;
}

.registration-form button{
    border-radius: 10px;
    height: 48px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    border: none;
    outline: none;
    cursor: pointer;
}
.bg-line {
    display: none;
    height: 65px;
    background: #F7F7F7;
}

.form-wrapper{ left:50%; width: 50%; top:20px;}

.top-wrapper-result {
    position: relative;
    min-height: 490px;
    background: url("/img/reg_result_bg.png") no-repeat center;
   border: 1px solid transparent;
}
.top-wrapper-result .result-details {
    position: absolute;
    top: 25px;
    right: 240px;
    padding: 40px 50px;
    min-width: 460px;
    background: #FFFFFF;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    z-index: 999999;
    box-sizing: border-box;
}
.result-details .btn-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 366px;
    height: 47px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
}
.result-details .btn-result-white {
    margin-top: 35px;
    border: 1px solid #FF9712;
    color: #FF9712;
    background: #FFFFFF;
}
.result-details .btn-result-white:hover {
    color: #FFFFFF;
    background: #FF9712;
}
.result-details .btn-result-orange {
    margin-top: 15px;
    color: #FFFFFF;
    background: #FF9712;
    border: 1px solid transparent;
}
.result-details .btn-result-orange:hover {
    border: 1px solid #FF9712;
    color: #FF9712;
    background: #FFFFFF;
}
.response-content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.response-content-item {
    margin: 15px 0;
}
.response-content-item .desc {
    font-weight: 700;
}
.top-wrapper-result .result-goto-cabinet {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 18px;
    color: #FF522C;
    text-decoration: underline;
}

@media (max-width: 1440px) {
     .registration-form {
        right: 5%;
    }
    .top-wrapper-result .result-details {
        right: 150px;
    }
}

@media (max-width: 1200px) {
    .registration-top-wrapper .registration-top--info {
        max-width: -webkit-calc(100% - 550px);
        max-width: calc(100% - 550px);
    }
     .registration-form {
        max-width: 460px;
        right: 20px;
    }
    .breadcrumbs-reg {
        margin-left: 20px;
    }

}
@media (max-width: 1024px) {
    .breadcrumbs-reg {
        display: none;
    }

    .form-wrapper{ left:50%; width: 50%; top:20px;}
    .top-wrapper-result .result-details {
        right: 25px;
    }
}
@media (max-width: 900px) {
    .registration-top-wrapper {
        min-height: 850px;
    }
    .breadcrumbs-reg-wrapper {
        display: none;
    }
    .registration-top-wrapper section.top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        margin-bottom: -100px;
    }
    .registration-top-wrapper .registration-top--info {
        max-width: 550px;
    }
    .registration-form {
        top: 375px;
        right: -webkit-calc(50% - 230px);
        right: calc(50% - 230px);
    }
    .bg-line {
        display: block;
    }
    .bg-line.hidden {
        display: none;
    }


    .form-wrapper{ left:0; right: 0; margin: 0  auto; width: 90%; top:350px;}
    .top-wrapper-result {
        background-position: center right;
    }
    .top-wrapper-result .result-details {
        right: -webkit-calc(50% - 230px);
        right: calc(50% - 230px);
    }
}

@media (max-width: 640px) {
    .registration-top-wrapper {
        min-height: 820px;
    }
    .registration-top--info h3,
    .registration-top--info p{
        margin: auto;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .registration-top-wrapper {
        min-height: 890px;
    }
    .registration-top--info h3 {
        max-width: 404px !important;
        font-size: 31px;
        line-height: 41px;
    }
    .form-wrapper{ left:0; right: 0; width: 100%; top:350px;}
    .top-wrapper-result .result-details {
        /*top: 0;*/
    }
}
@media (max-width: 460px) {

     .registration-form {
        max-width: 400px;
        right: -webkit-calc(50% - 200px);
        right: calc(50% - 200px);
    }
    .country-select.inside .selected-flag {
        width: 340px;
    }
    .country-select .selected-flag .flag {
        left: 15px;
    }

    .form-wrapper{ left:0; right: 0; width: 100%; top:430px;}
    .top-wrapper-result .result-details {
        min-width: initial;
        right: 2%;
        width: 96%;
    }
}
@media (max-width: 460px) {
    .registration-top-wrapper {
        min-height: 970px;
    }
    .registration-form {
        max-width: 320px;
        right: -webkit-calc(50% - 160px);
        right: calc(50% - 160px);
        top: 460px;
        z-index: 10001;
    }
    .country-select.inside .selected-flag {
        width: 260px;
    }
    .registration-top--info h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .registration-form h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .registration-form input {
        padding-left: 50px;
        background-position-x: 15px;
    }
}

@media (max-width: 400px) {
    .registration-top-wrapper {
        min-height: 990px;
    }
    .top-wrapper-result .result-details {
        padding: 25px 20px;
    }
}

.affiliate_program{
    position: relative;
    max-width: 1130px;
    margin: auto;
    padding: 20px 15px 30px 15px!important;
}
.white-block{background: #FFFFFF; box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.11); border-radius: 10px;}
/* section top**/
.affiliate_program-top-wrapper{ background-image: url("/img/affiliate_program.png"); min-height: 440px;}
.affiliate_program-top-content{ margin-top:50px; width:60%; text-align: center;}

/** section how-it-work**/
.how-it-work{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.how-it-work > *{width: 50%; padding: 0 20px;}
.affiliate_program li{list-style: none;}
.how-it-work-left li:first-child{margin-top: 0;}
.how-it-work-left li{padding-left: 15px; margin-top: 61px;cursor: pointer}
.how-it-work .white-block{padding: 30px 48px;margin-left: -25px;}
.how-it-work .white-block a{color: #00bdfd;}
.how-it-work .move-block {padding: 50px 48px;margin-left: -25px; width: 50%; box-sizing: border-box; position: absolute; top: 110px; background: transparent;box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.11); border-radius: 10px;cursor: pointer}
.how-it-work .orange {

}

.how-it-work-right{max-height: 400px;overflow-y: scroll; margin: 0; padding: 5px 0; top: -30px}

.how-it-work-right li{padding: 0 20px; height: 140px;}
.how-it-work-right li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: space-between; align-items: center;}
.how-it-work-right li img{width: 66px;}
.how-it-work-right li div{padding-left: 25px;}
/* Убрать скроллбар хром, сафари */
.how-it-work-right::-webkit-scrollbar { width: 0; }
.how-it-work-right { -ms-overflow-style: none; }/* ie 10+ */
.how-it-work-right{ overflow: -moz-scrollbars-none; }/* фф (свойство больше не работает, других способов тоже нет)*/
/** подсветка правого li**/
.how-it-work-right .active{color:black}

/** Картинки на правой панели**/
.how-it-work-img{width: 112px; height: 112px; background-repeat: no-repeat; background-position: center;
    background-size: cover; padding-left: 0!important;flex-shrink: 0;
    transform: scale(1);
    transition: all 0.3s ease;
    will-change: transform;
}
.handshake{background-image: url("/img/handshake.svg");}
.megaphone{background-image: url("/img/megaphone.svg");}
.group{background-image: url("/img/group.svg");}
.discount{background-image: url("/img/discount.svg");}

.how-it-work-img.active{transform: scale(1.3); transition: all 0.3s ease; will-change: transform;}
.active.handshake{background-image: url("/img/handshake-active.svg");}
.active.megaphone{background-image: url("/img/megaphone-active.svg");}
.active.group{background-image: url("/img/group-active.svg");}
.active.discount{background-image: url("/img/discount-active.svg");}



.top-lens{
    position: absolute; top:-30px; left:20px; width:-webkit-calc(100% - 20px); width:calc(100% - 20px); height: 140px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1))) rgba(255, 255, 255, 0);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%) rgba(255, 255, 255, 0);
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%) rgba(255, 255, 255, 0);

}
.bottom-lens{
    position: absolute; bottom:-45px; left:20px; width:-webkit-calc(100% - 20px); width:calc(100% - 20px); height: 140px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1))) rgba(255, 255, 255, 0);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%) rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%) rgba(255, 255, 255, 0);
}


/** section registration **/
.affiliate_program.form-registration {
    width: 55%;
    margin: 0 auto;
}
.affiliate_program .registration-form{ position: unset; width: 100%; max-width: unset;}
.affiliate_program-confirmation{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-items: center; justify-content: center;margin-top: 20px;}
.affiliate_program-confirmation input[type=checkbox]{display: block; width: 25px; margin: 0;}
.affiliate_program-confirmation span{padding-left: 15px;}
.affiliate_program-registration .white-block{padding: 15px 15px;}

#how_it_work_320{display: none;}
#how_it_work_480{display: none;}

@media (max-width:1024px) {
    .affiliate_program-top-wrapper{background-position: -300px;}
    #how_it_work_1024{display: none;}
    #how_it_work_480{display: block;}

    #how_it_work_480 .how-it-work-img{ margin-right: 20px; height: 112px;width: 112px;}

    .how-it-work-img.active{transform: unset; transition: unset; will-change: unset;}
    #how_it_work_480 ul{margin-top: 30px;}
    #how_it_work_480 ul li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-start; align-items: center;}
    #how_it_work_480 ul li > div:first-child{margin-right: 30px;}
    #how_it_work_480 ul li > div:last-child div:first-child{font-size: 24px;}
    #how_it_work_480 ul li > div:last-child div:last-child{font-size: 18px; margin-top: 10px;line-height: 24px}
}
@media (max-width:768px) {
    .affiliate_program-top-wrapper{background-position: -350px;}

}

@media (max-width:640px) {
    .affiliate_program-top-wrapper{background-position: -500px;}
    .top-content.affiliate_program-top-content{width:100%; padding: 0;}
    #how_it_work_480 .how-it-work-img{margin-right: 20px; height: 112px;width: 112px;}
    #how_it_work_320 li{margin-top: 50px;}
}

@media (max-width:480px) {
    #how_it_work_480{display: none;}
    #how_it_work_320{display: block;}

    .affiliate_program-top-wrapper{background-position: -300px;}

    #how_it_work_320 li{margin-top: 30px;}
    #how_it_work_320 ul li > div:first-child{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; align-items: center; justify-content: flex-start;font-size: 21px;}
    #how_it_work_320 .how-it-work-img{width: 113px; margin-right: 15px; margin-bottom: 10px;}
    #how_it_work_320 ul li > div:last-child{font-size: 18px;}
}


.tabs{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; width: 80%; margin: 0 auto 20px;justify-content: space-between;
    position: relative;
}

.tab{text-align: center; height: 40px; z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; justify-content: center; align-items: center;
    font-weight: bold; font-size: 16px;
    cursor: pointer;
    padding: 0 40px;
    color: #444444;
}
.tab.active{color: white;}
.runner{
    position: absolute;
    top:0; left:0;
    transition: all 0.3s ease;
    height: 40px;
    background-color: #FA9733;
    border-radius: 10px;
}


.meta-trader-wrapper{
    box-sizing: border-box;
    width: 560px; height: 423px;
    background: #FFFFFF;
    box-shadow: 0px 8px 21px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
    padding: 50px 50px 20px 50px ;
}

.meta-trader-wrapper #windows{
    display: block;
}
.meta-trader-wrapper #macos{
    display: none;
}
.meta-trader-wrapper #linux{
    display: none;
}


.meta-trader-wrapper .slider{
    overflow: hidden;
    position: relative;
    width: 460px;
    height: 320px;
}

.meta-trader-wrapper .slide{
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    text-align: left; flex-shrink: 0;flex-grow: 0;
    width: 460px;
    height: 370px;
    position: absolute;
    transition: all 0.3s ease;

}


.meta-trader-wrapper .slide img{margin-top: 30px;}








.control{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
.control .arrows{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 62px; }
.control .arrows > *{width: 31px; height: 31px; cursor: pointer;}

.control .arrows .arrow-left{
    background-image: url("/img/trading_platforms/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.control .arrows .arrow-left.active{
    background-image: url("/img/trading_platforms/arrow-left-active.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.control .arrows .arrow-right{
    background-image: url("/img/trading_platforms/arrow-right.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.control .arrows .arrow-right.active{
    background-image: url("/img/trading_platforms/arrow-right-active.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.control .content-block--button-inner-reverse{
    padding: 10px;
    min-width: 179px;
    display: block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
}
.control .pages{font-size: 21px; font-weight: bold;width: 62px; text-align: right;color:  #5F5F5F;}
.control .pages span:first-child{ color: #FFC346; font-size: 33px;}
.control .pages span:last-child{ color: #5F5F5F; }

.trading_platforms{
    box-sizing: border-box;
    max-width: 1130px;
    width: 100%;
    margin: auto;
    padding: 20px 15px 30px 15px;

}

/* section top**/
section.top{padding-top: 20px; }
.trading_platforms-top-wrapper{
    background: -o-linear-gradient(359.95deg, #1B0D0D 22.15%, rgba(0, 0, 0, 0) 132.2%);
    background: linear-gradient(90.05deg, #1B0D0D 22.15%, rgba(0, 0, 0, 0) 132.2%);

    background-image: url("/img/trading_platforms/top.png");
    min-height: 440px;
    margin-bottom: 200px;
}
.trading_platforms-top-content{ margin-top:30px; width:65%; text-align: center;line-height: 25px;box-sizing: border-box; font-size:21px; text-align: left; }
.trading_platforms-top-content h3{text-align: center;}
.trading_platforms-top-wrapper .platform--mobile-buttons a{background-color: white; color: black; text-align: left;}
.trading_platforms-top-wrapper .platform--mobile-buttons a:hover{background-color: black; color:white;}
.trading_platforms-top-wrapper .platform--mobile-button:hover .platform--mobile-buttons--text1{color: white;}
.trading_platforms-top-wrapper .platform--mobile-buttons a.ios{background-image:url(/img/apple_store_black_.png); }
.trading_platforms-top-wrapper .platform--mobile-buttons a.ios:hover{background-image:url(/img/apple_store_.png); }
.trading_platforms-top-wrapper .platform--mobile-buttons--text1{ line-height: 10px; color: inherit;}
.trading_platforms-top-wrapper .platform--mobile-buttons{justify-content: center;}



.trading_platforms.modal{
    box-sizing: border-box;
    position: absolute;
    width: 624px;
    height: 240px;
    padding: 30px;
    background-color: white;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    color: black;
    margin: 0 auto;
    left: 0; right: 0;
    top: 370px;
    text-align: center;
}
.trading_platforms.modal .title{font-size: 21px; font-weight: bold;color:  #5F5F5F;}
.trading_platforms.modal .description{font-size: 18px; line-height: 24px; margin-top: 20px;}
.trading_platforms.modal button{
    min-width: 400px; padding: 13px; margin-top: 20px;border: none;border-radius: 10px;
    font-size: 17px;font-family: 'Roboto', sans-serif;font-weight: bold;
    background-color:#FA9733;
    border: #FA9733 solid 2px;
}
.trading_platforms.modal button:hover{
    background-color:white!important; color:#FA9733!important;
    border: #FA9733 solid 2px;
}


.advantages{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; justify-content: space-around;
    color: #444444; font-weight: bold; font-size: 21px;
}
.advantages > div{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center;}
.advantages img{ margin-bottom: 20px; font-size: 18px; height: 251px;width: auto;}

.browser .description{
    margin-top: 30px; font-size: 21px; line-height: 27px; text-align: left;
}
.browser .show-toggle{display: none;}
.browser .list{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; box-sizing: border-box; justify-content: space-between; margin-top: 20px;}
.browser.web-trading  .left{width: 49%; flex-grow: 0;}
.browser.web-trading  .right{width: 49%; flex-shrink: 0;}
.browser.web-trading  .right img{height: 400px;}

.browser li{ list-style: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-start; align-items: center;
    font-size: 18px;line-height: 24px;margin-top: 20px;
}
.browser li img{margin-right: 15px;}

.browser.ifxbit .left{width: 55%; flex-grow: 0;}
.browser.ifxbit .left img{height: 400px;}
.browser.ifxbit .right{width: 43%; flex-shrink: 0;}

.browser .content-block--button-inner-reverse{
    padding: 10px;
    min-width: 179px;
    display: block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}



.mobile{background-color: #F7F7F7; padding: 50px 0;}
.mobile .list{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; box-sizing: border-box; justify-content: space-between; ;}
.mobile .left{width: 62%;}
.mobile .right{width: 37%;text-align: right}

.mobile .left li span{color: #FF9712; font-size: 24px;line-height: 0; font-weight: bold; margin-right: 15px;}
.mobile .platform--mobile-buttons{justify-content: flex-start;}

.desktop > .description {
    margin-top: 30px;
    font-size: 21px;
    line-height: 27px;
    text-align: left;
}
.desktop .list{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; flex-wrap: nowrap; margin-top: 30px;}
.desktop .left{width: 50%;}
.desktop .left > ul{margin-top:100px;}
.desktop .right{width: 50%;}
.desktop li{ list-style: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-start; align-items: center;
    font-size: 18px;line-height: 24px;margin-top: 20px;
}
.desktop li img{margin-right: 15px;}

.show-desktop{display: block;}
.show-mobile{display: none;}

@media (max-width:1024px){
    .desktop{display: none;}

    .web-trading .list, .ifxbit .list{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-direction: column;}
    .ifxbit .list{ flex-direction: column-reverse;}

    .browser .description{font-size: 18px;}
    .browser .description{margin-top: 10px;}



    .show-desktop{margin: 0 auto;}
    .browser .left, .browser .right{width: 100%!important;}
    .browser.web-trading .right img, .browser.ifxbit .left img{height: unset; margin: 0 auto;display: block;}

}

@media (max-width:768px){
    .trading_platforms-top-wrapper{min-height: 400px; margin-bottom: 0;}

    .trading_platforms-top-content{ margin-top:30px; width:100%; text-align: center;line-height: 24px;font-size: 18px; padding: 0 15px;}
    .trading_platforms.modal{width: 100%;position: unset; height: unset;}
    .trading_platforms.modal button{width: 100%;min-width: unset;}

    .advantages{flex-direction: column; padding: 30px;}
    .advantages > div{flex-direction: row;justify-content: flex-start; }
    .advantages img{width: 40%; margin-right: 15px;height: unset;}

    .browser .show-toggle{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-start; margin-top: 15px;
        color: #FF9712; font-size: 14px; font-weight: bold;align-items: center;
    }
    .web-trading .list, .ifxbit .list{ display: none;}

    .browser .show-toggle img{margin-left: 10px; cursor: pointer;}
    .show-desktop{display: none;}
    .show-mobile{display: block; margin: 0 auto;}

    .mobile .right{display: none;}
    .mobile .platform--mobile-buttons{justify-content: flex-start;}


}

@media (max-width:480px){

    .trading_platforms-top-wrapper{background-position: -300px; min-height: 626px;}
    .trading_platforms-top-wrapper .platform--mobile-buttons{flex-direction: column; align-items: center;justify-content: space-between}
    .trading_platforms-top-wrapper .platform--mobile-buttons a{margin-top: 8px; margin-right: 0;}
    .mobile .platform--mobile-buttons{justify-content: center;}
}