@font-face {
    font-family: "ProximaNovaT-Thin";
    src: url("../fonts/ProximaNovaT-Thin.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Semibold";
    src: url("../fonts/ProximaNova-Semibold.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova-Extrabld";
    src: url("../fonts/ProximaNova-Extrabld.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Light";
    src: url("../fonts/ProximaNova-Light.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Bold";
    src: url("../fonts/ProximaNova-Bold.ttf");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Semibold";
    src: url("../fonts/ProximaNova-Semibold.ttf");
    font-weight: bold;
    font-style: normal;
}
body {
    height: auto;
    overflow-x: hidden;
}
ul{
    list-style-type: none;
}
a{/*apply to all links*/
    color: #fff;
    -webkit-transition: all .6s ease; /*it means that the link will change color smoothly in Safari*/
    -moz-transition: all .6s ease; /*Mozilla*/
    -o-transition: all .6s ease; /*Opera*/
    transition: all .6s ease; /*it means that the link will change color smoothly*/
}
a:hover,a:focus,a:visited {
    opacity: 0.8;
    text-decoration: none;
    color: darkblue;
    background-color: transparent;
}
img{
    max-width:100%;
}
div.btn_div:focus,
div.btn_div:hover,
button:hover{
    opacity: 0.7;
    cursor: pointer;
    /*apply to all links*/
    -webkit-transition: all .6s ease; /*it means that the link will change color smoothly in Safari*/
    -moz-transition: all .6s ease; /*Mozilla*/
    -o-transition: all .6s ease; /*Opera*/
    transition: all .6s ease; /*it means that the link will change color smoothly*/
}


.sidebar, .footer {
    padding: 10px; /* Поля */
    border: solid 1px #000; /* Параметры рамки */
    background: rgba(102, 255, 51, 0.7);/* Цвет фона */
}
.header { /* Верхняя часть с заголовком */
    /*background: rgba(227, 232, 204, 0.5); !* Цвет фона *!*/
    font-size: 24px; /* Размер шрифта */
}
.layout {
    margin: 15px 0; /* Отступы сверху и снизу */
    overflow: hidden; /* Отменяем действие float */
    min-width: 800px; /* Минимальная ширина */
    max-width: 1200px; /* Максимальная ширина */
}
.sidebar { /* Навигация по сайту */
    width: 100px; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
}
.sidebar ul {
    list-style: none; /* Убираем маркеры */
    padding: 0; /* Убираем отступы */
}
.content { /* Основное содержание страницы */
    max-width: 1594px;
    margin: 0 auto;
}
#block{
    width: 200px;
    height: 200px;
    display: none; /* скрываем блок*/
}

.page{
    /*display: flex;*/
    min-width: 320px;
    margin: 0 auto;
    background-color: #fff;
    color: #2C2C2C;
    font: 100% Cambria, Georgia,/*10px*/sans-serif;
    height: auto;
    /*overflow-x: hidden;*/
    position: relative;
    top:0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    /* non-critical apperance styles */
    /*padding: 4em;*/
    /*background-image: linear-gradient(135deg, rgb(254,255,255) 0%,rgb(221,241,249) 35%,rgb(160,216,239) 100%);*/
    background-size: 200%;
}


/*HEADER*/
.hedaer_bg{
    background: url("../img/bg_header.jpg") center no-repeat;
    background-size: cover;
}
header.header{
    max-width: 1594px;
    margin: 0 auto;
    padding-top: 1.4%;

}
.header_top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo_div{
    padding-left: 0.67%;
    flex-basis: 10%;
    margin-left: -9%;
}
.allprod_div{
    padding-left: 14.1%;
    flex-basis: 50%;
    text-align: center;
}
.lang_div{
    margin-right: -9%;
    margin-top: -4px;
    flex-basis: 20%;
    text-align: right;
    text-transform: uppercase;
}
.lang_div span{
    font-size: 14px;
    margin-right: 10%;
    font-family: "ProximaNova-Bold";

    color: #fff;
}
.lang_div span:hover,
.lang_div span:focus{
    color: #cccccc;
}
.burger_div{
    text-align: right;
    flex-basis: 10%;
    margin-right: -7.45%;
}

header h1{
    margin-left: 24px;
    padding-top: 16.35%;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 170px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

header h2{
    margin-top: -0.9%;
    padding-bottom: 13.21%;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 55px;
    color: #fff;
    text-align: center;
    margin-left: 1%;
    letter-spacing: -2.5px;
}
.social{
    width: 3%;
    display: flex;
    flex-direction: column;
    padding-bottom: 2%;
}
.social_div_a{
    margin-bottom: 33%;
    margin-left: 26%;
}
.fb_img{
    height: 23px;
}
.arr{
    position: absolute;
    right: 147px;
    top: 895px;

}


.section_1{
    background: url("../img/Arena_bg.png") no-repeat center;
}
.section_1_text{
    padding-top: 15.5%;
    padding-bottom: 10%;
    padding-left: 0.5%;
    text-transform: uppercase;
    width: 43%;
    line-height: 83px;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 100px;
    color: #000;
}
.section_2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section_2 h5{
    padding-top: 1.3%;
    padding-bottom: 4.78%;
    padding-left: 0.7%;
    width: 100%;
    line-height: 17.23px;
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 29px;
    color: #3f2ecb;
}
.section_2_text{
    margin-left: 7px;
    flex-basis: 40%;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 26px;
    color: #ccc;
    padding-bottom: 9px;
    line-height: 38px;
}
.section_2_text span{
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 26px;
    color: #3f2ecb;
}
.btn_div{
    z-index: 999;
    margin-top: 6.9%;
    flex-basis: 100%;
    margin-left: 9px;
}
.more{
    text-align: center;
    width: 234px;
    height: 63px;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background-color: #2f2738;
    border: 0px;
    letter-spacing: 3px;
}

/*637x796*/

.sect_3{
    z-index: 3;
    padding-left: 235px;
    max-width: 1920px;
    margin: 0 auto;
}
.block_numbers{
    width: 51%;
    float: left;
    position: relative;
    margin-top: 34%;
    margin-left: -78px;
}
.statistics_r{
    position: relative;
    padding-top: 1px;
    padding-left: 13px;
    margin-left: 37%;
    margin-top: -29%;
    width: 321px;
    height: 233px;
    font-family: "ProximaNova-Light, sans-serif";
    font-size: 23px;
    font-weight: 100;
    color: #cccccc;
    text-align: center;
    z-index: 4;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.statistics_c{
    z-index: 3;
    position: relative;
    padding-top: 52px;
    padding-left: 23px;
    width: 637px;
    height: 283px;
    font-family: "ProximaNova-Light, sans-serif";
    font-size: 23px;
    font-weight: 100;
    color: #cccccc;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.statistics_l{
    position: relative;
    padding-top: 32px;
    width: 321px;
    height: 265px;
    font-family: "ProximaNova-Light, sans-serif";
    font-size: 23px;
    font-weight: 100;
    color: #cccccc;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    z-index: 2;
    background: #fff;
}
.block_numbers span{
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 100px;
    color: #3235c6;
}
div.slider{
    width: 99%;
    position: relative;
    margin-top: -7.8%;
    margin-left: -5.1%;
}
ul.slick-dots button{
    display: none;
}
.slick-dots li{
    width: 10px;
    height: 10px;
    border: 1px solid #8c8c8c;
    border-radius: 50px;
    background-color: #8c8c8c;
    margin-bottom: 3%;
    margin-top: 1%;
}
.slick-dots li.slick-active{
    background-color: #000;
}

.sl_1_slide{
    height: 1062px;
}
.sl_1{
    margin-top: 12.2%;
}
.sl_1.slick-slider{
    margin-top: -4%;
    margin-left: 58.7%;
    height: 1062px;
}
.sl_1 .slick-dots{
    margin-left: -16%;
    margin-top: -137%;
}
.sl_1 .slick-slide img{
    height: 1062px;
}


.sect_4{
    z-index: 1;
    background: url(../img/bg_grey_arena.jpg) center no-repeat;
    background-size: cover;
    /* height: auto; */
    margin-top: -26.5%;

}
.sect_4_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1594px;
    margin: 0 auto;
}
.sect_4 h4{
    padding-top: 12.5%;
    padding-left: 0.8%;
    padding-bottom: 11%;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 100px;
    color: #000;
    flex-basis: 100%;
    text-transform: uppercase;
}
.sect_4_text1,
.sect_4_text2,
.sect_4_text3{ /*793, 736, 640*/
    margin-left: 10px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 30px;
    color: #000;
    padding-bottom: 9px;
    line-height: 51px;
    margin-top: 1px;
}
.sect_4_text1{
     flex-basis: 793px;
    order:1;
 }
.sect_4_text2{
    padding-top: 3%;
    flex-basis: 736px;
    order:3;
}
.sect_4_text3{
    padding-left: 8px;
    flex-basis: 640px;
    order:2;
}
.more_div_a{
    margin-top: 41px;
    order: 4;
    width: 120px;
    height: 22px;
    flex-basis: 39.7%;
    border-left: 3px solid grey;

}
.more_a{
    padding-left: 21px;
    text-transform: uppercase;
    color: #000;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}
.more_a img{
    margin-left: 12px;

}

.sect_5{
    background-color: #dfe1e2;
}
.sect_5_imgs{
    padding-bottom: 14%;
    padding-top: 11%;
    display: flex;
    justify-content: space-between;
    max-width: 1594px;
    margin: 0 auto;
}
.group_div_img1{
    width: 451px;
    height: 643px;
    background: url("../img/img_lightning.png") center no-repeat;
    background-size: cover;
    -webkit-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
}
.group_div_img2{
    width: 451px;
    height: 643px;
    background: url("../img/img_ledsScreens.png") center no-repeat;
    background-size: cover;
    -webkit-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);

}
.group_div_img3{
    width: 451px;
    height: 643px;
    background: url("../img/img_accessories.png") center no-repeat;
    background-size: cover;
    -webkit-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);
    box-shadow: 1px 65px 195px -13px rgba(0,0,0,0.3);

}
.sect_5_text {
    padding-right: 4%;
    padding-left: 3.8%;
    padding-top: 22.6%;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 22px;
    color: #fff;
    flex-basis: 29%;
}
.sect_5_text h5{
    padding-top: 28%;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 55px;
    color: #fff;
    flex-basis: 29%;
}
h5.sect_5_h5{
    padding-top: 45px;
    line-height: 53px;
}

.sect_6{
    background: url(../img/bg_arena_copy.png) no-repeat;
    background-position: 98% 39%;
    padding-bottom: 22.5%;
}
.sect_6_block{
    padding-top: 5.6%;
    position: relative;
    margin-top: -4%;
    float: right;
    width: 786px;
    height: 363px;
    border: 1px solid #3235c6;
    background-color: #3235c6;
}
.sect_6_block div{
    margin-top: 0;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 44px;
    color: #fff;
    padding-left: 10.1%;
    padding-bottom: 6%;
}
.sect_6_text{
    width: 42%;
    margin-left: 163px;
    padding-top: 19%;
    line-height: 51px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 30px;
    color: #8c8c8c;
}
.sect_6_text div{
    padding-bottom: 4.5%;
}
.sect_6_text div span{
    font-family: "ProximaNova-Bold", sans-serif;
    /*font-size: 30px;*/
    color: #3235c6;
}
.sect_6_div{
    margin-left: -24px;
}
.sect_6_text div img{
    float: left;
}
.sect_6_text div p{
    font-size: 22px;
    padding-top: 15px;
    margin-bottom: -21px;
}
span.name{
    font-size: 23px;
}
.sect_6_block2{
    padding-top: 9.6%;
    position: relative;
    margin-top: 8.3%;
    float: left;
    width: 58.8%;
    height: 363px;
    border: 1px solid #3235c6;
    background-color: #3235c6;
    padding-bottom: 20%;
}
.sect_6_block2 div{
    padding-left: 15%;
    padding-top: 2.8%;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 100px;
    color: #fff;
    text-transform: uppercase;
    line-height: 74px;
}
.bn{
    width: 35.5%;
    float: right;
    position: relative;
    margin-top: 20.5%;
    margin-left: -26px;
}
.bn_1{
    position: relative;
    padding-top: 63px;
    padding-left: 0px;
    margin-left: -16%;
    margin-top: -36%;
    width: 320px;
    height: 281px;
    font-family: "ProximaNova-Light, sans-serif";
    font-size: 24px;
    font-weight: 100;
    color: #2f2738;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.bn_1 span,
.bn_2 span{
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 100px;
    color: #3235c6;
}
.bn_2{
    z-index: 4;
    margin-left: 31%;
    position: relative;
    padding-top: 63px;
    padding-left: 4px;
    width: 320px;
    height: 285px;
    font-family: "ProximaNova-Light, sans-serif";
    font-size: 24px;
    font-weight: 100;
    color: #2f2738;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}

.sect_7{
    padding-top: 17.3%;
    background: #dfe1e2;
    padding-bottom: 100%;
}
.group_list{
    max-width: 1594px;
    margin: 0 auto;

}
.list1,
.list2,
.list3,
.list4{
    width: 39%;
    float: left;
}

.list1{
    margin-left: 0;
    margin-right: 20%;
    padding-top: 8%;
    padding-bottom: 8%;

}
.list2{
    padding-top: 18.3%;
    padding-left: 7px;
    padding-bottom: 14%;

}
.list3{
    margin-left: 0;
    margin-right: 20%;
    margin-top: -15.5%;
}
.list4{
    padding-left: 22px;
}
.list1 .sect_7_header,
.list2 .sect_7_header,
.list3 .sect_7_header,
.list4 .sect_7_header{
    /*width: 33%;*/
    height: 232px;
    padding-top: 7.65%;
    margin-bottom: 5%;
}
.list1 .sect_7_header{
    background: url(../img/01..png) no-repeat;
}
.list2 .sect_7_header{
    background: url(../img/02..png) no-repeat;
}
.list3 .sect_7_header{
    background: url(../img/03..png) no-repeat;
}

.list4 .sect_7_header{
    background: url(../img/04..png) no-repeat;
}
.sect_7_header h5{
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 55px;
    background: linear-gradient(#3235c6, #1579d9);  /* подробнее про градиенты */
    -webkit-background-clip: text;  /* подробнее про background-clip */
    color: transparent;
    line-height: 50px;
    padding-left: 13px;
    letter-spacing: 0.3px;
}
.list2 .sect_7_header h5{
    width: 71%;
}
.list3 .sect_7_header h5{
    padding-top: 33px;
    margin-left: -6px;
}
.list4 .sect_7_header h5{
    width: 75%;
    padding-left: 1px;
    padding-top: 7px;
}
.li_text{
    padding-left: 15px;
    padding-bottom: 6.3%;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 20px;
    font-weight: 100;
    color: #000;
    line-height: 30px;
}
.li_text span{
    font-family: "ProximaNova-Bold", sans-serif;
    color: #3235c6;
}

.arr_down1{
    position: absolute;
    right: 7.6%;
    margin-top: 5.5%;
}
.arr_down1{
    position: absolute;
    right: 7.6%;
    margin-top: 70.4%;
}



div.slider2{
    margin-top: -24.6%;
    float: left;
    height: 673px;
    width: 41%;
}
div.slider2 ul.slick-dots{
    margin-left: 100.5%;
    margin-top: -15%;
}
div.slider2 ul.slick-dots li{
    margin-top: 35px;
}
ul.slick-dots li:hover,
ul.slick-dots li:focus{
    cursor: pointer;
}
.sl_2{
    -webkit-box-shadow: 1px 40px 197px -13px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 40px 197px -13px rgba(0,0,0,0.3);
    box-shadow: 1px 40px 197px -13px rgba(0,0,0,0.3);
}

.sl_2 .slick-dots{
    margin-left: 98.5%;
    margin-top: -9%;
}

.block_numbers1{
    width: 35.5%;
    float: right;
    position: relative;
    margin-top: -14.5%;
    margin-left: -26px;
    z-index: 5;
}
.statistics_r1{
    z-index: 4;
    position: relative;
    padding-top: 53px;
    padding-right: 4px;
    margin-left: -16%;
    width: 321px;
    height: 276px;
    font-family: "ProximaNova-Light", sans-serif;
    font-weight: 100;
    font-size: 23px;
    color: #cccccc;
    text-align: center;
    background: #fff;

    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.statistics_r2{
    z-index: 4;
    position: relative;
    padding-top: 52px;
    padding-right: 7px;
    margin-left: 31.5%;
    margin-top: -41%;
    width: 321px;
    height: 277px;
    font-family: "ProximaNova-Light", sans-serif;
    font-weight: 100;
    font-size: 23px;
    color: #cccccc;
    text-align: center;
    background: #fff;

    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.statistics_c1{
    z-index: 4;
    margin-left: -16%;
    position: relative;
    padding-top: 61px;
    padding-left: 4px;
    width: 637px;
    height: 293px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 23px;
    color: #cccccc;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.statistics_l1{
    margin-left: -16%;
    position: relative;
    padding-top: 31px;
    padding-right: 7px;
    width: 321px;
    height: 265px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 23px;
    color: #cccccc;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    background: #fff;
}
.statistics_l2{
    position: relative;
    margin-left: 31%;
    padding-top: 52px;
    width: 321px;
    height: 281px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 23px;
    color: #cccccc;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    z-index: 3;
    background: #fff;
}
.block_numbers1 span{
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 100px;
    color: #3235c6;
}
.sect_8{
    padding-bottom: 37%;
    max-width: 1920px;
    margin: 0 auto;
}
.sect_9{
    background: url("../img/bg_map.jpg") no-repeat;
    height:auto;
    padding-bottom: 19.8%;
}
.sect_9_content{
    max-width: 1594px;
    margin: 0 auto;
}
.sect_9_header{
    margin-top: -4%;
    padding-left: 11px;
    padding-bottom: 128px;
    width: 44%;
    line-height: 79px;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 100px;
    color: #000;
    text-transform: uppercase;
}
.sect_9_text{
    padding-left: 10px;
    line-height: 52px;
    width: 58.5%;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 30px;
    color: #000;
}
.sect_9_text span{
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 30px;
    color: #3235c6;
}
.sect_9_content .more_div_a{
    width: 13%;
    width: 13%;
    padding-left: 1px;
    height: 24px;
    margin-left: 11px;
    margin-top: 5.2%;
    border-left: 2px;
}
.partners{
    float: right;
    margin-right: 16.5%;
    padding-top: 5px;
}
.logo_header{
    padding-bottom: 19%;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 30px;
    background: linear-gradient(#3235c6, #1579d9);  /* подробнее про градиенты */
    -webkit-background-clip: text;  /* подробнее про background-clip */
    color: transparent;
}
.sect_9_content .arr_down1{
    position: absolute;
    margin-top: 22.5%;
}

.sect_10{
    background: url("../img/Arena_bg.png") no-repeat;
    padding-top: 9%;
    padding-bottom: 4.2%;
}
.sect_10_header{
    padding-left: 4px;
    max-width: 1594px;
    margin: 0 auto;
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 100px;
    text-transform: uppercase;
    color: #000;
}
.sect_11{
    height: auto;
    padding-top: 5.89%;
}
.sect_11 .group_list{

}
.date{
    padding-left: 7px;
    margin-top: -2px;
    font-family: "ProximaNova-Semibold";
    font-size: 15px;
    color: #cccccc;
}
.sect_11_header h5{
    width: 80%;
    padding-bottom: 23px;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: 44px;
}
.sect_11_img{
    margin-left: 5px;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.sect_11 .list1 .li_text{
    padding-top: 6.3%;
    padding-bottom: 0;
    margin-left: -7px;
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 20px;
    color: #000;
}
.sect_11 .group_list .list1{
    margin-right: 21%;
    padding-bottom: 22.5%;
    padding-top: 0;
    padding-left: 5px;
}
.sect_11 .list2{
    padding-top: 22px;
}
.sect_11_div_h5 h5{
    font-family: "ProximaNova-Extrabld", sans-serif;
    font-size: 30px;
    background: linear-gradient(#3235c6, #1579d9);  /* подробнее про градиенты */
    -webkit-background-clip: text;  /* подробнее про background-clip */
    color: transparent;
    line-height: 36px;
}
.sect_11_social{
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 20px;
    color: #000;
}
.sect_11_icons{
    padding-top: 10%;
}
.sect_11_fb,
.sect_11_inst,
.sect_11_in{
    padding-top: 6%;
    width: 115px;
    height: 117px;
    text-align: center;
    -webkit-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
    box-shadow: 0px 23px 47px 5px rgba(0,0,0,0.17);
}
.sect_11_inst{
    margin-left: 18.7%;
    margin-top: -19%;
    z-index: 1;
    background: #fff;

}
.sect_11_in{
    margin-left: 18.7%;
    z-index: 0;
}

.sect_11 .list3{
    padding-top: 9.2%;
}
.list3 .sect_11_header h5{
    padding-left: 7px;
    padding-bottom: 0;
}
.sect_11 .list3 .more_div_a{
    margin-left: 9px;
}
.sect_11 .more_div_a{
    width: 30%;
    margin-left: 6px;
    border-left: 2px solid #000;
}
.sect_11 .more_div_a .more_a{
    font-size: 14px;
    letter-spacing: 2.5px;
}

.sect_11 .group_list .list4{
    float: right;
    margin-top: -32.7%;
    padding-left: 0;
    margin-right: 8px;
    margin-bottom: 8.5%;
}
.list4 .sect_11_img{
    margin-top: -8px;
}
.sect_11 .group_list .list4 .more_div_a{
    margin-left: -1px;
}
.sect_11 .list4 .li_text{
    margin-left: -13px;
    padding-top: 8.3%;
    padding-bottom: 4px;
}
.sect_11 .list3 .li_text_md{
    display: none;
}
.sect_11_btn{
    position: relative;
    margin-top: 15.5%;
    float: left;
    margin-left: 44.1%;
}
.sect_11 .arr_down1{
    margin-top: 84.3%;
}

footer{
    margin-top: 89.2%;
    background: url(../img/bg_footer.jpg) no-repeat;
    background-size: cover;
    padding-top: 7%;
    padding-bottom: 3.5%;
}
.footer_div{
    padding-bottom: 4.3%;
    width: 1686px;
    max-width: 1686px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}
.footer_menu_l{
    text-align: left;
    line-height: 50px;
    margin-top: -14px;
}
.footer_menu_l li a,
.footer_menu_c li a{
    color: #fff;
}
.footer_menu_l li a:hover,
.footer_menu_c li a:hover,
.footer_menu_l li a:focus,
.footer_menu_c li a:focus{
    color: darkblue;
}
.footer_menu_c{
    padding-left: 21.7%;
    text-align: left;
    line-height: 50px;
    margin-top: -14px;
}
.copy{
    font-family: "ProximaNova-Light", sans-serif;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}
.footer_img{
    padding-right: 5%;
}
.footer_soc p{
    text-align: left;
    padding-left: 35.6%;
    padding-bottom: 6%;

}
.line1{
    position: absolute;
    top:0;
    left: 161px;
    width: 10px;
    height: 1000px;
    color: #2C2C2C;
    z-index: 999;
}