@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Russo+One&display=swap');
body{
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
    background: #1B2777;
    overflow-x: hidden;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
        overflow-x: hidden;
    }
}
.navbar-expand-md{
    padding-top: 42px;
    z-index: 1;
}
header .container{
    max-width: 1135px;
}
.navbar-brand{
    margin-right: 52px;
}
.navbar-nav li{
    margin-right: 25px;
}
.navbar-light .navbar-nav .nav-link{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
}
.btn{
    background: #FBFBFF;
    box-shadow: 0 12px 18px rgba(4, 21, 43, 0.3) !important;
    width: 214px;
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: -2px 0 0 0;
    border-radius: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    transition: all 0.5s;
}
.btn:hover{
    background: #B8BEE8;
}
.btn:active{
    box-shadow: none !important;
}
.btn.disabled{
    background: #FBFBFF;
    box-shadow: none;
    color: #A8AFDD;
}
.box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
header .box{
    margin-top: 105px;
    position: relative;
}
header .left{
    width: 50%;
}
header .left h1{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 110px;
    line-height: 91.5%;
    letter-spacing: 0.02em;
    color: #FBFBFF;
    margin-bottom: 41px;
}
header .left h1 span{
    color: #6571C6;
    display: block;
}
header .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
    width: 87%;
    margin-bottom: 62px;
}
header .left .btn{
    height: 55px;
}
header .right{
    width: 50%;
}
header .right img{
    width: 100%;
    position: absolute;
    top: -553px;
    right: -238px;
    max-width: 1105px;
}
#sector_1{
    position: relative;
    background: #FBFBFF;
    margin-top: 265px;
}
#sector_1:before{
    content: '';
    background: #FBFBFF;
    box-shadow: 0 -20px 20px rgb(4 21 43 / 30%), 0 0 0 rgb(4 21 43 / 30%);
    transform: rotate(-4.4deg);
    width: 105%;
    height: 190px;
    position: absolute;
    left: -30px;
    top: -89px;
}
#sector_1:after{
    content: '';
    background: #FBFBFF;
    box-shadow: 0 0 0 rgb(4 21 43 / 30%), 0 20px 20px rgb(4 21 43 / 30%);
    transform: rotate(-4.4deg);
    width: 105%;
    height: 235px;
    position: absolute;
    left: -40px;
    bottom: -153px;
}
#sector_1 .container{
    padding-top: 15px;
    position: relative;
    z-index: 1;
}
#sector_1 .title{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 50px 93px;
}
#sector_1 .form{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 85.7%;
    margin: 0 auto 41px auto;
    z-index: 5;
    position: relative;
}
#sector_1 .form .items{
    width: 24.8%;
    margin-right: 20px;
}
#sector_1 .form .items label{
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    display: block;
    margin: 0 0 10px 10px;
}
#sector_1 .form .items .select {
    position: relative;
}
#sector_1 .form .items .select,
#sector_1 .form .items select {
    border: 1px solid #020516;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    border-radius: 0;
    height: 50px;
    padding: 14px;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    cursor: pointer;
}
#sector_1 .form .items .new-select__list {
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
    top: 101%;
    list-style: none;
    padding: 0;
}
#sector_1 .form .items .new-select__list .new-select__item {
    background: #FBFBFF;
    border: 1px solid #020516;
    border-top: 0;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    height: 50px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.5s;
}
#sector_1 .form .items .new-select__list .new-select__item.bold{
    font-weight: 600;
}
#sector_1 .form .items .new-select__list .new-select__item:hover {
    background: #B8BEE8;
}
#sector_1 .box{
    width: 85.7%;
    margin: 0 auto;
}
#sector_1 .box .item{
    width: 48.6%;
    height: 100%;
    background: #5F31A5;
    padding: 50px 69px 55px 55px;
    text-decoration: none;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
}
#sector_1 .box .item.hide,
#sector_1 .box .item.fil1{
    display: none !important;
}
#sector_1 .box .item.fil1.let{
    display: block !important;
}
#sector_1 .box .item.fil1.let.it-4{
    display: flex !important;
}
#sector_1 .box .item .top{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 31px;
    width: 300px;
}
#sector_1 .box .item .date{
    border: 2px solid #FBFBFF;
    box-sizing: border-box;
    width: fit-content;
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 19px 10px 18px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    margin-right: 10px;
}
#sector_1 .box .item .name{
    border: 2px solid #FBFBFF;
    box-sizing: border-box;
    width: fit-content;
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 19px 10px 18px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    margin-right: 30px;
}
#sector_1 .box .item .leng{
    border: 2px solid #FBFBFF;
    box-sizing: border-box;
    width: fit-content;
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 19px 10px 18px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    margin: 9px 10px 0 0;
}
#sector_1 .box .item .price{
    border: 2px solid #FBFBFF;
    box-sizing: border-box;
    width: fit-content;
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 19px 10px 18px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    margin: 9px 10px 0 0;
}
#sector_1 .box .item .zag{
    font-weight: 700;
    font-size: 30px;
    line-height: 135%;
    color: #FBFBFF;
    margin-bottom: 20px;
}
#sector_1 .box .item .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
    margin-bottom: 57px;
}
#sector_1 .box .item .bot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
#sector_1 .box .item .bot .price{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #FBFBFF;
}
#sector_1 .box .item .bot .btn{
    background: #2C0A5F;
    border: 3px solid #2C0A5F;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    color: #FBFBFF;
    width: 221px;
    height: 70px;
}
#sector_1 .box .item .bot .btn:hover{
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item .bot .btn.disabled{
    background: #5F31A5;
    border: 1px solid #2C0A5F;
    color: #8D62CE;
}
#sector_1 .box .item .img{
    margin: 60px 0 0 -54px;
    width: 528px;
    display: block;
}
#sector_1 .box .item .img img{
    width: 100%;
}
#sector_1 .box .item.it-1 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-1{
    padding: 50px 69px 49px 55px;
    margin-bottom: 30px;
}
#sector_1 .box .item.it-2{
    background: #D8451F;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    padding: 50px 63px 37px 55px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
#sector_1 .box .item.it-2 .date{
    padding: 10px 19px 10px 18px;
}
#sector_1 .box .item.it-2 .leng{
    padding: 10px 18px 10px 19px;
}
#sector_1 .box .item.it-2 .top{
    margin-bottom: 39px;
}
#sector_1 .box .item.it-2 .zag{
    margin-bottom: 39px;
}
#sector_1 .box .item.it-2 .text{
    width: 98%;
}
#sector_1 .box .item.it-2 .bot .btn {
    background: #461103;
    border: 3px solid transparent;
}
#sector_1 .box .item.it-2 .bot .btn:hover{
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item.it-2 .bot .btn.disabled{
    background: #D8451F;
    border: 1px solid #461103;
    color: #ED795B;
}
#sector_1 .box .item.it-2 .img {
    margin: -201px 84px 0 auto;
    width: 28.5%;
}
#sector_1 .box .item.it-3{
    background: #1861B9;
    box-shadow: 0 12px 18px rgba(4, 21, 43, 0.3);
    padding: 50px 69px 49px 55px;
    margin-bottom: 30px;
}
#sector_1 .box .item.it-3 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-3 .zag{
    margin-bottom: 31px;
}
#sector_1 .box .item.it-3 .text{
    margin-bottom: 46px;
}
#sector_1 .box .item.it-3 .bot .btn{
    background: #092445;
    border: 3px solid transparent;
}
#sector_1 .box .item.it-3 .bot .btn:hover{
    background: #092445;
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item.it-3 .bot .btn.disabled{
    background: #1861B9;
    border: 1px solid #092445;
    color: #5A94D9;
}
#sector_1 .box .item.it-4{
    background: #A231A5;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    width: 100%;
    margin: 0 0 30px 0;
    padding: 50px 30px 55px 55px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
#sector_1 .box .item.it-4 .img img{
    width: 116%;
    margin-left: -60px;
    margin-top: -50px;
}
#sector_1 .box .item.it-4 .top{
    margin-bottom: 38px;
}
#sector_1 .box .item.it-4 .left{
    width: 47%;
    position: relative;
    z-index: 1;
}
#sector_1 .box .item.it-4 .text{
    margin-bottom: 46px;
}
#sector_1 .box .item.it-4 .bot{
    width: 90%;
}
#sector_1 .box .item.it-4 .bot .btn{
    background: #470F48;
    border: 3px solid transparent;
}
#sector_1 .box .item.it-4 .bot .btn:hover{
    background: #470F48;
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item.it-4 .bot .btn.disabled{
    background: #A231A5;
    border: 1px solid #A231A5;
    color: #CD76CF;
}
#sector_1 .box .item.it-4 .img{
    width: 50%;
    margin: 0;
    height: 208px;
}
#sector_1 .box .item.it-5{
    background: #BD320D;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    padding: 50px 69px 89px 55px;
}
#sector_1 .box .item.it-5 .top{
    margin-bottom: 39px;
    width: 100%;
}
#sector_1 .box .item.it-5 .text{
    margin-bottom: 47px;
}
#sector_1 .box .item.it-5 .bot .btn{
    background: #421205;
    border: 3px solid transparent;
}
#sector_1 .box .item.it-5 .bot .btn:hover{
    background: #421205;
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item.it-5 .bot .btn.disabled{
    background: #BD320D;
    border: 1px solid #421205;
    color: #E76F50;
}
#sector_1 .box .item.it-6{
    background: #2F18B9;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    padding: 50px 67px 89px 55px;
}
#sector_1 .box .item.it-6 .top{
    margin-bottom: 39px;
    width: 100%;
}
#sector_1 .box .item.it-6 .text{
    margin-bottom: 46px;
}
#sector_1 .box .item.it-6 .bot .btn{
    background: #120945;
    border: 3px solid transparent;
}
#sector_1 .box .item.it-6 .bot .btn:hover{
    background: #120945;
    border: 3px solid #FBFBFF;
}
#sector_1 .box .item.it-6 .bot .btn.disabled{
    background: #2F18B9;
    border: 1px solid #120945;
    color: #6D59E1;
}
#sector_1 .box .item.it-7{
    width: 100%;
    margin: 30px 0;
    background: #5A1A5B;
    padding: 50px 69px 41px 55px;
}
#sector_1 .box .item.it-7 .top{
    width: 400px;
    margin-bottom: 40px;
}
#sector_1 .box .item.it-7 .zag{
    width: 40%;
    display: block;
}
#sector_1 .box .item.it-7 .img{
    margin: -254px 81px 0 auto;
    width: 24.5%;
}
#sector_1 .box .item.it-8{
    background: #1861B9;
    padding: 50px 69px 89px 55px;
    margin-bottom: 30px;
}
#sector_1 .box .item.it-8 .top{
    margin-bottom: 39px;
}
#sector_1 .box .item.it-9{
    background: #8C1F03;
    padding: 50px 40px 29px 55px;
    margin-bottom: 30px;
}
#sector_1 .box .item.it-9 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-9 .zag{
    width: 90%;
    display: block;
}
#sector_1 .box .item.it-10{
    background: #5F31A5;
    height: 658px;
    margin-bottom: -314px;
}
#sector_1 .box .item.it-10.act{
    margin-bottom: 30px;
}
#sector_1 .box .item.it-10 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-11{
    background: #092445;
    padding: 50px 69px 89px 55px;
}
#sector_1 .box .item.it-11 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-12{
    background: #D42F04;
    margin: 0 0 30px auto;
    padding: 50px 69px 49px 55px;
}
#sector_1 .box .item.it-12 .top{
    width: 100%;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-12 .zag{
    width: 70%;
    display: block;
    margin: 0;
}
#sector_1 .box .item.it-13{
    width: 100%;
    padding: 50px 69px 23px 55px;
    background: #1861B9;
}
#sector_1 .box .item.it-13 .top{
    width: 350px;
    margin-bottom: 39px;
}
#sector_1 .box .item.it-13 .img{
    margin: -200px 79px 0 auto;
    width: 27%;
}
#sector_1 .btn{
    background: #470F48;
    border: 3px solid #470F48;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    color: #FBFBFF;
    width: 221px;
    height: 70px;
    margin: 122px auto 0 auto;
}
#sector_1 .btn:hover{
    border: 3px solid #FBFBFF;
}
#sector_1 .btn.hide{
    display: none;
}
#sector_2{
    padding-top: 286px;
}
#sector_2 .box{
    width: 93%;
    margin: 0 0 78px auto;
    padding: 0 91px 0 0;
    align-items: center;
}
#sector_2 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
}
#sector_2 .box .text{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
}
#sector_2 .box .text a{
    color: #FBFBFF;
    text-decoration: none;
}
#sector_2 .box .item{
    width: 33%;
}
#sector_2 .box .item .icon{
    width: auto;
    height: 90px;
    margin: 0 auto 30px auto;
}
#sector_2 .box .item .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#sector_2 .box .item .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #FBFBFF;
    width: 83%;
    margin: 0 auto;
}
#sector_3{
    position: relative;
    margin-top: 287px;
    background: #5F31A5;
    z-index: 1;
}
#sector_3:before{
    content: '';
    position: absolute;
    width: 105%;
    height: 190px;
    left: -50px;
    top: -97px;
    background: #5F31A5;
    box-shadow: 0 -20px 20px rgb(4 21 43 / 30%), 0 -20px 20px rgb(4 21 43 / 30%);
    transform: rotate(5.5deg);
}
#sector_3:after{
    content: '';
    position: absolute;
    width: 105%;
    height: 180px;
    left: -50px;
    bottom: -102px;
    background: #5F31A5;
    box-shadow: 0 20px 20px rgb(4 21 43 / 30%), 0 20px 20px rgb(4 21 43 / 30%);
    transform: rotate(-4deg);
}
#sector_3 .container{
    position: relative;
    z-index: 1;
}
#sector_3 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_3 .box .left{
    width: 60%;
}
#sector_3 .box .left .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #FBFBFF;
    margin-bottom: 27px;
}
#sector_3 .box .left .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 130%;
    color: #FBFBFF;
}
#sector_3 .box .right{
    width: 19.4%;
    height: 100%;
    margin-top: 49px;
}
#sector_3 .box .right .btn{
    height: 55px
}
#sector_4{
    background: #FBFBFF;
    padding-top: 258px;
    padding-bottom: 208px;
    position: relative;
}
#sector_4 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_4 .box{
    width: 85.5%;
    margin: 0 auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
#sector_4 .box .item{
    width: 14.2%;
    height: 672px;
    background: #2F18B9;
    box-shadow: -5px 5px 10px rgb(4 21 43 / 30%);
    transition: .5s width;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
#sector_4 .box .item .name{
    font-weight: 700;
    font-size: 100px;
    line-height: 116px;
    color: #FBFBFF;
    transform: rotate(90deg);
    width: 165px;
    margin-top: 84px;
    transition: all 0.5s;
    position: absolute;
    left: 0;
    top: 0;
}
#sector_4 .box .item .plyr--video{
    width: 595px;
    position: absolute;
    top: 30%;
    left: 200px;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.5s;
}
#sector_4 .box .item.it-2{
    background: #BD320D;
}
#sector_4 .box .item.it-3{
    background: #5F31A5;
    width: 14.5%;
}
#sector_4 .box .item.it-4{
    background: #1861B9;
    width: 14.5%;
}
#sector_4 .box .item.it-5{
    background: #D8451F;
    width: 15%;
}
#sector_4 .box .item.it-6{
    background: #A231A5;
    width: 27.5%;
}
#sector_4 .box:hover .item{
    width: 60px;
}
#sector_4 .box .item:hover{
    width: 80%;
}
#sector_4 .box:hover .item .name{
    font-size: 50px;
    line-height: 58px;
    width: 65px;
}
#sector_4 .box:hover .item:hover .name{
    font-size: 100px;
    line-height: 116px;
    width: 165px;
}
#sector_4 .box .item:hover .plyr--video{
    opacity: 1;
}
#sector_5{
    background: #FBFBFF url('../img/bg1.svg') 50% 0 no-repeat;
    padding-top: 273px;
    padding-bottom: 330px;
    margin: -79px 0 0 0;
    position: relative;
    z-index: 1;
}
#sector_5 .box{
    width: 85.7%;
    margin: 0 auto 80px auto;
    padding: 0 4px 0 0;
}
#sector_5 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    padding-top: 5px;
}
#sector_5 .box .btn{
    background: #D8451F;
    color: #fff;
    width: 321px;
    height: 73px;
}
#sector_5 .box .btn:hover{
    background: #B92600;
}
#sector_5 .box .btn.disabled{
    background: #EF6F4E;
    color: #F78A6E;
}
#sector_5 .box .item{
    width: 33%;
}
#sector_5 .box .item .icon{
    height: 91px;
    margin-bottom: 29px;
}
#sector_5 .box .item .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#sector_5 .box .item .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #FBFBFF;
}
#sector_5 .box .item:nth-child(2) .icon{
    margin-top: 12px;
    margin-bottom: 43px;
    height: 65px;
}
#sector_5 .box .item:nth-child(3) .icon{
    height: 65px;
    margin-top: 12px;
    margin-bottom: 43px;
}
#sector_5 .box + .box{
    width: 87%;
    padding: 0;
    margin: 0 auto;
}
#sector_6{
    background: #FBFBFF;
    margin: -23px 0 0 0;
    position: relative;
    z-index: 1;
    padding-bottom: 134px;
}
#sector_6:after {
    content: '';
    background: #FBFBFF;
    box-shadow: 0 0 0 rgb(4 21 43 / 30%), 0 20px 20px rgb(4 21 43 / 30%);
    transform: rotate(1deg);
    width: 105%;
    height: 155px;
    position: absolute;
    left: -40px;
    bottom: -48px;
}
#sector_6 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_6 .box{
    background: #A231A5;
    box-shadow: -5px 5px 10px rgb(4 21 43 / 30%);
    width: 85.6%;
    margin: 0 auto;
    padding: 60px 95px 63px 75px;
}
#sector_6 .box .curs{
    border: 2px solid #FBFBFF;
    height: 43px;
    width: fit-content;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #FBFBFF;
    padding: 0 18px;
}
#sector_6 .box .ava{
    width: 37%;
}
#sector_6 .box .ava img{
    width: 100%;
}
#sector_6 .box .info{
    width: 43%;
}
#sector_6 .box .name{
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #FBFBFF;
    margin-bottom: 41px;
}
#sector_6 .box .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
}
#sector_6 .box .text p{
    margin-bottom: 30px;
}
#sector_6 .box .text p:last-child{
    margin-bottom: 0;
}
#sector_7{
    padding-top: 169px;
    padding-bottom: 149px;
    position: relative;
}
#sector_7:after {
    content: '';
    background: #1B2777;
    box-shadow: 0 0 0 rgb(4 21 43 / 30%), 0 20px 20px rgb(4 21 43 / 30%);
    transform: rotate(1deg);
    width: 105%;
    height: 155px;
    position: absolute;
    left: -40px;
    bottom: -48px;
}
#sector_7 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    margin: 0 0 79px 93px;
}
#sector_7 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_7 .box .left{
    width: 74.4%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
#sector_7 .box .right{
    width: 23%;
}
#sector_7 .box .right .item{
    width: 100%;
}
#sector_7 .box .item{
    width: 42.2%;
    height: auto;
    background: #2F3D98;
    box-shadow: -5px 5px 10px rgb(4 21 43 / 30%);
    padding: 20px 20px 25px 20px;
    margin-bottom: 29px;
}
#sector_7 .box .item .name{
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #FBFBFF;
    margin-bottom: 11px;
    z-index: 1;
}
#sector_7 .box .item .text{
    font-weight: 400;
    font-size: 17px;
    line-height: 153%;
    color: #FBFBFF;
}
#sector_7 .box .item .video{
    width: 100%;
    height: 528px;
    overflow: hidden;
}
#sector_7 .box .item .video video{
    width: 100%;
}
#sector_7 .box .item .plyr--video{
    height: 100%;
}
#sector_7 .box .item .video img{
    width: 105%;
    height: 105%;
    object-fit: cover;
    margin: -6px 0 0 -14px;
}
#sector_7 .box .item.it-2{
    background: none;
    padding: 0;
    position: relative;
    width: 54%;
}
#sector_7 .box .item.it-2 .name{
    position: absolute;
    bottom: 6px;
    right: 30px;
}
.plyr.plyr--stopped .plyr__controls {
    display: none
}
#sector_7 .box .item.it-3{
    margin-top: -184px;
    padding-bottom: 19px;
    background: #4959C9;
}
#sector_7 .box .item.it-4{
    width: 100%;
    padding-bottom: 20px;
    background: #3443A3;
}
#sector_7 .box .item.it-5{
    background: none;
    padding: 0;
    position: relative;
    width: 53.6%;
}
#sector_7 .box .item.it-5 .name{
    position: absolute;
    bottom: 6px;
    right: 30px;
}
#sector_7 .box .item.it-5 .video{
    height: 462px;
}
#sector_7 .box .item.it-6{
    background: none;
    padding: 0;
    position: relative;
    width: 42.6%;
}
#sector_7 .box .item.it-6 .name{
    position: absolute;
    bottom: 6px;
    right: 30px;
}
#sector_7 .box .item.it-6 .video{
    height: 462px;
}
#sector_7 .box .item.it-7{
    background: #4558DC;
    padding-bottom: 19px;
}
#sector_7 .box .item.it-8{
    background: #4A2F98;
    padding-bottom: 19px;
}
#sector_7 .box .item.it-9{
    background: #606DBF;
    padding: 20px 22px 21px 20px;
}
#sector_7 .box .item.it-10{
    background: #3443A3;
    padding-bottom: 19px;
}
#sector_8{
    background: #FBFBFF;
    padding-top: 142px;
    padding-bottom: 60px;
}
#sector_8 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_8 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 130%;
    color: #020516;
    width: 40%;
    margin-top: 94px;
}
#sector_8 form{
    width: 50.7%;
}
#sector_8 form .col-md-12{
    margin-bottom: 22px
}
#sector_8 label{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    margin: 0 0 10px 20px;
}
#sector_8 select,
#sector_8 .new-select{
    border: 1px solid #020516;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    border-radius: 0;
    height: 50px;
    padding: 14px 19px;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    cursor: pointer;
}
#sector_8 .select{
    position: relative;
}
#sector_8 .new-select__list{
    position: absolute;
    width: 100%;
}
#sector_8 .new-select__list .new-select__item{
    background: #fff;
    border: 1px solid #020516;
    border-top: 0;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    height: 50px;
    padding: 14px 19px;
    cursor: pointer;
    transition: all 0.5s;
}
#sector_8 .new-select__list .new-select__item:hover{
    background: #B8BEE8;
}
#sector_8 input{
    border: 1px solid #020516;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    border-radius: 0;
    background: none;
    height: 50px;
    padding: 0 19px;
    outline: 0;
    box-shadow: none;
}
#sector_8 .invalid-feedback{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #DA2801;
    text-align: right;
}
#sector_8 .was-validated .form-control:invalid{
    box-shadow: none;
    border: 1px solid #DA2801;
    color: #DA2801;
}
#sector_8 .was-validated .form-control:invalid::placeholder{
    color: #DA2801;
}
#sector_8 .was-validated .form-label:invalid{
    color: #DA2801;
}
#sector_8 .btn{
    background: #D8451F;
    margin: 28px 0 20px auto;
    color: #fff;
    width: 353px;
    height: 73px;
}
#sector_8 .btn:hover{
    background: #B92600;
}
#sector_8 .btn.disabled{
    background: #EF6F4E;
    color: #F78A6E;
}
#sector_8 .text{
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #020516;
    width: 65%;
    margin: 0 0 0 auto;
}
#sector_8 .text a{
    color: #020516;
}
#sector_8 .yes{
    display: none;
}
#sector_8 .yes .title{
    width: 70%;
}
footer{
    padding: 100px 0 55px;
}
footer .box{
    width: 86%;
    margin: 0 auto;
}
footer .box .item{

}
footer .box .item .logo{
    width: 161px;
    margin-bottom: 25px;
}
footer .box .item .logo img{
    width: 100%;
}
footer .box .item .copy{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    margin: 0 0 16px 2px;
}
footer .box .item .polit{
    margin-left: 2px;
}
footer .box .item .polit a{
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    text-decoration: underline;
    color: #FBFBFF;
}
footer .box .item .polit a:hover{
    text-decoration: none;
}
footer .box .item ul{
    list-style: none;
    padding: 0;
    margin: -3px 0 0 0;
}
footer .box .item ul li{
    margin-bottom: 23px;
}
footer .box .item ul li a{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    text-decoration: none;
}
footer .box .item ul li a:hover{
    text-decoration: underline;
}
footer .box .item .soc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
footer .box .item .soc a{
    margin-right: 45px;
}
footer .box .item .soc a:last-child{
    margin: 0;
}
footer .box .item .btn{
    margin: 0 0 25px auto;
    height: 55px;
}
footer .box .item .tel{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    text-decoration: none;
    display: block;
    text-align: right;
    margin-bottom: 25px;
}
footer .box .item .tel:hover{
    text-decoration: underline;
}
footer .box .item .mail{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FBFBFF;
    text-decoration: none;
    display: block;
    text-align: right;
}
footer .box .item .mail:hover{
    text-decoration: underline;
}
.modal-dialog {
    max-width: 833px;
}
.modal-content{
    border-radius: 0;
    border: none;
    background: #FBFBFF;
}
.modal-body{
    padding: 0;
}
.modal-body .box{

}
.modal-body .box .left{
    background: url('../img/bg2.svg') 0 0 no-repeat;
    width: 45%;
    margin: -5px 0 0 -16px;
    padding: 37px 50px 0 74px;
}
.modal-body .btn-close{
    font-weight: 400;
    font-size: 18px;
    line-height: 134%;
    color: #FBFBFF;
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    opacity: 1;
    outline: 0;
    box-shadow: none;
}
.modal-title{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 134%;
    color: #FBFBFF;
    margin: 99px 0 0 0;
}
.modal-body .box .right{
    width: 55%;
    padding: 23px 20px 19px 5px;
}
.modal-body form{
    width: 100%;
}
.modal-body form .col-md-12{
    margin-bottom: 7px;
}
.modal-body label{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    margin: 0 0 10px 15px;
}
.modal-body select,
.modal-body .new-select{
    border: 1px solid #020516;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    border-radius: 0;
    height: 50px;
    padding: 14px;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    cursor: pointer;
}
.modal-body .select{
    position: relative;
}
.modal-body .new-select__list{
    position: absolute;
    width: 100%;
}
.modal-body .new-select__list .new-select__item{
    background: #FBFBFF;
    border: 1px solid #020516;
    border-top: 0;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    height: 50px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.5s;
}
.modal-body .new-select__list .new-select__item:hover{
    background: #B8BEE8;
}
.modal-body input{
    border: 1px solid #020516;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #020516;
    border-radius: 0;
    background: none;
    height: 50px;
    padding: 0 14px;
    outline: 0;
    box-shadow: none;
}
.modal-body .invalid-feedback{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #DA2801;
    text-align: right;
}
.modal-body .was-validated .form-control:invalid{
    box-shadow: none;
    border: 1px solid #DA2801;
    color: #DA2801;
    background: none;
}
.modal-body .was-validated .form-control:invalid::placeholder{
    color: #DA2801;
}
.modal-body .was-validated .form-label:invalid{
    color: #DA2801;
}
.modal-body .btn{
    background: #D8451F;
    margin: 13px 2px 14px auto;
    color: #fff;
    width: 84.4%;
    height: 60px;
}
.modal-body .btn:hover{
    background: #B92600;
}
.modal-body .btn.disabled{
    background: #EF6F4E;
    color: #F78A6E;
}
.modal-body .text{
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #020516;
    width: 85%;
    margin: 0 0 0 auto;
}
.modal-body .text a{
    color: #020516;
}
#modal_1_yes .modal-body{
    background: url('../img/bg3.svg') -15px -5px no-repeat;
    padding: 31px 53px 0 58px;
}
#modal_1_yes .modal-title{
    margin: 107px 0 111px 0;
    width: 90%;
}
#modal_1_yes .modal-body .btn{
    width: 31.5%;
    margin-bottom: 55px;
}
.modal{
    filter: drop-shadow(6px 0px 4px rgba(0, 0, 0, 0.25)) drop-shadow(-5px 5px 10px rgba(4, 21, 43, 0.3));
}
#modal_2 .modal-body .box .left{
    background: none;
}
#modal_2 .modal-body .btn-close{
    color: #020516;
}
#modal_2 .modal-title{
    color: #020516;
}
#modal_2_yes .modal-body{
    padding: 31px 53px 0 58px;
}
#modal_2_yes .modal-title{
    margin: 107px 0 111px 0;
    width: 90%;
    color: #020516;
}
#modal_2_yes .modal-body .btn{
    width: 31.5%;
    margin-bottom: 55px;
}
#modal_2_yes .modal-body .btn-close{
    color: #020516;
}
#modal_3 .modal-content {
    background: #1B2777;
}
#modal_3 .modal-body .box .left {
    background: none;
}
#modal_3 .modal-body label {
    color: #FBFBFF;
}
#modal_3 .modal-body select, #modal_3 .modal-body .new-select{
    background-color: #FBFBFF;
    border: 1px solid #FBFBFF;
}
#modal_3 .modal-body input{
    background: #FBFBFF;
    border: 1px solid #FBFBFF;
}
#modal_3 .modal-body .text{
    color: #FBFBFF;
}
#modal_3 .modal-body .text a{
    color: #FBFBFF;
}
#modal_3_yes .modal-content{
    background: #1B2777;
}
#modal_3_yes .modal-body {
    padding: 31px 53px 0 58px;
}
#modal_3_yes .modal-title {
    margin: 107px 0 111px 0;
    width: 90%;
}
#modal_3_yes .modal-body .btn {
    width: 31.5%;
    margin-bottom: 55px;
}
body.curs{
    background: #FFFFFF;
}
body.curs .navbar-light .navbar-nav .nav-link{
    color: #020516;
}
body.curs header .btn{
    background: #020516;
    color: #FBFBFF;
}
body.curs header .btn:hover{
    background: #B8BEE8;
    color: #020516;
}
body.curs header .box {
    margin-top: 57px;
}
header .left ul{
    padding: 0;
    margin: 0 0 42px 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
header .left ul li{
    border: 1px solid #020516;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #020516;
    height: 43px;
    justify-content: center;
    padding: 0 19px 0 20px;
    margin-right: 20px;
}
header .left ul li:last-child{
    margin-right: 0;
}
body.curs header .left {
    width: 59%;
    position: relative;
    z-index: 1;
}
body.curs header .left h1{
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 135%;
    color: #020516;
    margin-bottom: 19px;
}
body.curs header .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    width: 85%;
    margin-bottom: 52px;
}
body.curs header .left .btn {
    height: 68px;
    width: 348px;
}
header .left .robot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    align-items: center;
    width: 65%;
}
header .left .robot .item{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
header .left .robot .item img{
    margin-right: 14px;
}
header .left .robot .item span{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
}
body.curs header .right {
    width: 41%;
}
body.curs header .right img {
    top: -50px;
    right: -238px;
    max-width: 1000px;
}
#sector_9{
    background: url('../img/bg4.svg') 50% 0 no-repeat;
    margin: 23px 0 0 0;
    padding: 115px 0 155px 0;
    background-size: cover;
}
#sector_9 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_9 .box .text{
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFF;
    width: 54%;
}
#sector_9 .box .text p{
    margin-bottom: 33px;
}
#sector_9 .box .text p:last-child{
    margin-bottom: 0;
}
#sector_9 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #FFFFFF;
    width: 48.7%;
    margin: 3px 0 0 auto;
}
#sector_10{
    margin: 73px 0 0 0;
}
#sector_10 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 96px;
}
#sector_10 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_10 .box .item{
    width: 48.7%;
    background: #5C0D9A;
    box-shadow: 0 12px 18px rgba(4, 21, 43, 0.3);
    padding: 50px 55px 35px 55px;
    margin-bottom: 30px;
}
#sector_10 .box .item .date{
    border: 2px solid #FBFBFF;
    height: 43px;
    padding: 0 18px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FBFBFF;
    width: fit-content;
    margin-bottom: 31px;
}
#sector_10 .box .item .zag{
    font-weight: 700;
    font-size: 30px;
    line-height: 135%;
    color: #FBFBFF;
    margin-bottom: 20px;
}
#sector_10 .box .item .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
}
#sector_10 .box .item .box{
    margin: 55px 0 0 0;
    width: 100%;
}
#sector_10 .box .item .box .item{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 20px;
}
#sector_10 .box .item .box .item img{
    margin-right: 15px;
}
#sector_10 .box .item .box .item span{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
}
#sector_10 .box .item.it-2{
    background: #A468A6;
}
#sector_10 .box .item.it-3{
    background: #5A1A5B;
}
#sector_10 .box .item.it-4{
    background: #A720D7;
}
#sector_11{
    background: url("../img/bg5.svg") 50% 0 no-repeat;
    margin: 49px 0 0 0;
    padding: 254px 0 204px 0;
    position: relative;
    z-index: 1;
    background-size: cover;
}
#sector_11 .box{
    width: 85%;
    margin: 0 auto;
    align-items: flex-end;
}
#sector_11 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #000000;
    width: 60%;
}
#sector_11 .box .btn{
    background: #470F48;
    color: #FBFBFF;
    height: 71px;
    width: 32%;
}
#sector_11 .box .btn:hover{
    background: #470F48;
    border: 3px solid #FBFBFF;
}
#sector_12{
    background: url("../img/bg6.svg") 50% 0 no-repeat;
    margin: -110px 0 0 0;
    padding: 223px 0 189px 0;
    background-size: cover;
}
#sector_12 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    margin: 0 0 100px 97px;
}
#sector_12 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_12 .box .item{
    width: 31%;
}
#sector_12 .box .item .img{
    margin-bottom: 31px;
}
#sector_12 .box .item .img img{
    margin: 0 auto;
    display: block;
}
#sector_12 .box .item .text{
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    text-align: center;
    color: #FBFBFF;
}
#sector_13{
    margin: 168px 0 0 0;
}
#sector_13 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_13 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_13 .box .logo{
    width: 31.3%;
}
#sector_13 .box .logo img{
    width: 100%;
}
#sector_13 .box .text{
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    color: #020516;
    width: 45%;
    margin: 10px 0 0 0;
}
#sector_13 .box .text p{
    margin-bottom: 36px;
}
#sector_13 .box .iten{
    margin: 20px 0 0 0;
    width: 20%;
}
#sector_13 .box .iten ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
#sector_13 .box .iten ul li{
    font-weight: 400;
    font-size: 25px;
    line-height: 150%;
    color: #020516;
    margin-bottom: 21px;
}
#sector_13 .box .iten ul li b{
    font-weight: 700;
}
#sector_13 .zag{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #020516;
    margin: 65px 0 17px 90px;
}
#sector_13 .zag + .box{
    width: 87.6%;
}
#sector_13 .box .img{
    width: 34%;
}
#sector_13 .box .img img{
    width: 100%;
}
#sector_13 .box .img + .text{
    width: 32%;
    margin: 4px 0 0 0;
    font-size: 20px;
    padding: 0 8px 0 0;
}
#sector_13 .box .img + .text p{
    margin-bottom: 32px;
}
#sector_13 .zag.it-1{
    margin: 52px 0 28px 90px;
}
#sector_13 .zag.it-1 + .box{
    width: 85.6%;
}
#sector_13 .box .video{
    width: 48.6%;
    height: 303px;
}
#sector_13 .box .video .plyr{
    width: 100%;
    height: 100%;
    margin: 0;
}
#sector_13 .box .video + .text{
    width: 48.4%;
    font-size: 20px;
    margin: 0;
}
#sector_13 .box .video + .text p{
    margin-bottom: 30px;
}
#sector_13 .plyr{
    width: 85.5%;
    height: 567px;
    margin: 28px auto 0 auto;
}
#sector_14{
    margin: 200px 0 0 0;
}
#sector_14 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_14 .box{
    width: 85.5%;
    margin: 0 auto;
}
#sector_14 .box .item{
    width: 31.5%;
    height: 350px;
    position: relative;
    filter: drop-shadow(0px 12px 18px rgba(4, 21, 43, 0.3));
    margin-bottom: 31px;
}
#sector_14 .box .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#sector_14 .box .item .name{
    font-weight: 700;
    font-size: 30px;
    line-height: 135%;
    color: #020516;
    position: absolute;
    left: 19px;
    bottom: 15px;
    z-index: 1;
}
#sector_14 .box .item .plyr{
    width: 100%;
    height: 100%;
}
#sector_14 .box .item.it-2{
    width: 65.8%;
    height: 410px;
}
#sector_14 .box .item.it-3{
    margin: -61px 0 0 0;
}
#sector_14 .box .item.it-3 .name{
    color: #FFFFFF;
}
#sector_14 .box .item.it-4{
    width: 40%;
    height: 289px;
}
#sector_14 .box .item.it-4 .name{
    color: #FFFFFF;
}
#sector_14 .box .item.it-5{
    width: 23%;
    height: 289px;
}
#sector_14 .box .item.it-5 .name{
    color: #FFFFFF;
}
#sector_14 .box .item.it-6{
    width: 100%;
    height: 594px;
}
#sector_15{
    background: url('../img/bg7.svg') 50% 0 no-repeat;
    margin: 150px 0 0 0;
    padding: 101px 0 182px 0;
    background-size: cover;
}
#sector_15 .box{
    width: 85.2%;
    margin: 0 auto;
}
#sector_15 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #FFFFFF;
    width: 75%;
}
#sector_15 .box .title span{
    color: #C585F8;
}
#sector_15 .box .btn{
    margin: 134px 4px 0 0;
    height: 55px;
    width: 248px;
}
body.curs #sector_4{
    background: none;
    padding-top: 114px;
    padding-bottom: 128px;
}
body.curs #sector_4 .box .item{
    width: 100%;
    height: 165px;
    transition: .5s height;
    background: #8126C9;
    box-shadow: 5px 0 10px rgb(4 21 43 / 30%), -5px 5px 10px rgb(4 21 43 / 30%);
    z-index: 5;
}
body.curs #sector_4 .box .item .name{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    transform: rotate(0deg);
    margin-top: 51px;
    left: 54px;
}
body.curs #sector_4 .box{
    flex-wrap: wrap;
}
body.curs #sector_4 .item .box{
    opacity: 0;
    width: 90%;
    margin-top: 50px;
    transition: all 0.5s;
    justify-content: space-between;
    padding: 0 38px 0 0;
}
body.curs #sector_4 .box .item.it-2{
    z-index: 4;
    background: #4D0D80;
}
body.curs #sector_4 .box .item.it-3{
    z-index: 3;
    background: #A34EB1;
}
body.curs #sector_4 .box .item.it-4{
    z-index: 2;
    background: #6E4EB1;
}
body.curs #sector_4 .box .item.it-5{
    z-index: 1;
    background: #4962BB;
}
body.curs #sector_4 .box:hover .item .name {
    margin-top: 14px;
}
body.curs #sector_4 .box:hover .item {
    height: 85px;
}
body.curs #sector_4 .box .item:hover{
    height: 485px;
}
body.curs #sector_4 .box:hover .item:hover .name{
    font-size: 50px;
    line-height: 60px;
    margin-top: 50px;
}
body.curs #sector_4 .box .item:hover .box{
    opacity: 1;
}
#sector_4 .item .box .left{
    width: 45%;
    padding: 110px 0 0 0;
}
#sector_4 .item .box .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
    margin-bottom: 45px;
}
#sector_4 .item .box .left .spis{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#sector_4 .item .box .left .spis .items{
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}
#sector_4 .item .box .left .spis .items img{
    margin-right: 19px;
}
#sector_4 .item .box .left .spis .items .txt{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
}
#sector_4 .item .box .right{
    width: 46.8%;
}
#sector_4 .item .box .right img{
    width: 100%;
}
#sector_16{
    background: url("../img/bg8.svg") 50% 0 no-repeat;
    padding: 201px 0 134px 0;
    position: relative;
    z-index: 1;
    margin: 42px 0 0 0;
    background-size: cover;
}
#sector_16 .title{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0 0 20px 93px;
}
#sector_16 .box{
    width: 85.6%;
    margin: 0 auto;
    justify-content: flex-end;
}
#sector_16 .box .text{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 130%;
    color: #FFFFFF;
    width: 25.7%;
    height: 100%;
    margin-top: 160px;
}
#sector_16 .box .video{
    width: 65.8%;
    height: 377px;
}
#sector_16 .box .video .plyr{
    width: 100%;
    height: 100%;
}
#sector_17{
    background: url("../img/bg9.svg") 50% 0 no-repeat;
    padding: 200px 0 236px 0;
    margin: -165px 0 0 0;
    background-size: cover;
}
#sector_17 .box{
    width: 85.6%;
    margin: 0 auto;
    justify-content: flex-start;
}
#sector_17 .box .text{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 130%;
    color: #FFFFFF;
    width: 25.7%;
    height: 100%;
    margin-top: 170px;
    margin-left: 30px;
}
#sector_17 .box .video{
    width: 65.8%;
    height: 377px;
}
#sector_17 .box .video .plyr{
    width: 100%;
    height: 100%;
}
body.curs #sector_8 {
    background: none;
    padding-top: 94px;
    padding-bottom: 121px;
}
body.curs footer{
    background: #470F48;
    padding: 75px 0 55px;
}
body.python{
    background: #fff;
}
body.python header{
    background: #1E1E1E;
    padding-bottom: 52px;
}
body.python header .left ul li {
    border: 2px solid #fff;
    color: #FFFFFF;
    padding: 0 19px 0 18px;
}
body.python header .box {
    margin-top: 57px;
}
body.python header .left {
    width: 63%;
}
body.python header .right img {
    top: 92px;
    right: -121px;
    max-width: 667px;
}
body.python header .left h1{
    font-family: 'Play', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 135%;
    width: 90%;
    margin-bottom: 19px;
}
body.python header .left .text{
    margin-bottom: 52px;
}
body.python header .left .btn {
    height: 68px;
    width: 50%;
}
body.python header .left .robot .item span{
    color: #fff;
}
body.python #sector_9 {
    background: url('../img/bg10.svg') 50% 0 no-repeat;
    margin: -75px 0 0 0;
    padding: 154px 0 102px 0;
    background-size: cover;
}
body.python #sector_9 .box .text{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #fff;
}
body.python #sector_9 .box .text span{
    color: #2C0A5F;
}
body.python #sector_9 .box .title{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #fff;
    margin: -12px 0 0 auto;
}
body.python #sector_9 .box .title span{
    color: #2C0A5F;
}
body.python #sector_10 {
    margin: 109px 0 0 0;
}
body.python #sector_10 .box .item{
    background: #5F31A5;
}
body.python #sector_10 .box .item .text{
    margin-bottom: 21px;
}
body.python #sector_10 .box .item.it-2 {
    background: #3E1A74;
}
body.python #sector_10 .box .item.it-3 {
    background: #7B3FD7;
}
body.python #sector_10 .box .item.it-4 {
    background: #5E13CF;
}
body.python #sector_11{
    padding: 181px 0 163px 0;
}
body.python #sector_11 .box .title{
    width: 16%;
}
body.python #sector_11 .box{
    align-items: flex-start;
}
#sector_11 .text{
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color: #000000;
    width: 83.2%;
    margin-top: 74px;
}
#sector_11 .text p{
    margin-bottom: 15px;
}
#sector_11 .text span{
    color: #5F31A5;
}
body.python #sector_11 .box .btn {
    background: #D8451F;
    margin: 35px 0 0 auto;
    border: none;
}
body.python #sector_11 .box .btn:hover{
    background: #B92600;
    border: none;
}
body.python #sector_12 {
    background: url('../img/bg11.svg') 50% 0 no-repeat;
    margin: -110px 0 0 0;
    padding: 176px 0 189px 0;
    background-size: cover;
}
body.python #sector_13{
    background: url('../img/bg12.svg') 50% 0 no-repeat;
    margin: 105px 0 0 0;
}
body.python #sector_13 .box{
    position: relative;
    height: 739px;
}
body.python #sector_13 .box .item{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    position: absolute;
    left: 147px;
    top: 144px;
    width: 350px;
}
body.python #sector_13 .box .item:nth-child(2){
    left: auto;
    top: 135px;
    right: 14px;
    width: 449px;
}
body.python #sector_13 .box .item:nth-child(3){
    left: 87px;
    top: auto;
    bottom: 89px;
    width: 540px;
}
body.python #sector_13 .box .item:nth-child(4){
    left: auto;
    top: auto;
    right: 15px;
    bottom: 99px;
}
#sector_18{
    background: url("../img/bg13.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 72px 0 0 0;
    padding: 208px 0 162px 0;
}
#sector_18 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0 0 60px 93px;
}
#sector_18 .text{
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;
    width: 85.6%;
    margin: 0 auto 10px auto;
}
#sector_18 img{
    width: 85.2%;
    margin: 0 auto;
    display: block;
}
#sector_19{
    background: url("../img/bg14.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: -188px 0 0 0;
    padding: 154px 0 148px 0;
}
#sector_19 .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    color: #020516;
    width: 85.6%;
    margin: 0 auto 11px auto;
}
#sector_19 img{
    width: 85.2%;
    margin: 0 auto;
    display: block;
}
#sector_20{
    margin: 138px 0 0 0;
}
#sector_20 .box{
    width: 85.5%;
    margin: 0 auto;
}
#sector_20 .box .text{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #020516;
    width: 89%;
}
#sector_20 .box .btn{
    background: #D8451F;
    color: #fff;
    margin: 28px 0 0 auto;
    height: 73px;
    width: 31.4%;
}
#sector_20 .box .btn:hover{
    background: #B92600;
}
#sector_21{
    margin: 167px 0 0 0;
}
#sector_21 .title{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 79px 93px;
}
#sector_21 .item{
    background: #6D10B7;
    box-shadow: 0 12px 18px rgb(4 21 43 / 30%);
    padding: 50px 95px 55px 60px;
    width: 86%;
    margin: 0 auto 70px auto;
}
#sector_21 .item .name{
    font-family: 'Russo One', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    margin-bottom: 51px;
}
#sector_21 .item .box{

}
#sector_21 .item .box .left{
    width: 50%;
}
#sector_21 .item .box .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FBFBFF;
    width: 90%;
    margin-bottom: 45px;
}
#sector_21 .item .box .left .spis{

}
#sector_21 .item .box .left .spis .items{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
#sector_21 .item .box .left .spis .items img{
    margin-right: 21px;
}
#sector_21 .item .box .left .spis .items .txt{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #FFFFFF;
}
#sector_21 .item .box .right{
    width: 46.7%;
}
#sector_21 .item .box .right img{
    width: 100%;
}
#sector_21 .item.it-2{
    background: #380064;
    padding: 50px 40px 55px 60px;
}
#sector_21 .item.it-2 .box .left{
    order: 1;
    width: 49.2%;
}
#sector_21 .item.it-2 .box .right{
    width: 43.7%;
}
#sector_21 .item.it-2 .box .left .text{
    width: 87%;
}
body.python #sector_8 {
    background: none;
    padding-top: 81px;
    padding-bottom: 159px;
}
body.python footer{
    background: #2C0A5F;
    filter: drop-shadow(0px -20px 20px rgba(4, 21, 43, 0.3)) drop-shadow(0px 20px 20px rgba(4, 21, 43, 0.3));
    padding: 79px 0 55px;
}
body.comics{
    background: #fff;
}
body.comics .navbar-light .navbar-nav .nav-link{
    color: #020516;
}
body.comics header .btn {
    background: #020516;
    color: #FBFBFF;
}
body.comics header .btn:hover{
    background: #B8BEE8;
    color: #020516;
}
body.comics header .box {
    margin-top: 57px;
}
body.comics header .left {
    width: 64%;
    position: relative;
    z-index: 1;
}
body.comics header .left ul li {
    border: 2px solid #020516;
}
body.comics header .left h1{
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 135%;
    color: #020516;
    margin-bottom: 19px;
}
body.comics header .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    width: 65%;
    margin-bottom: 52px;
}
body.comics header .left .btn {
    height: 68px;
    width: 348px;
}
body.comics header .left .robot{
    width: 71%;
}
body.comics header .right {
    width: 41%;
}
body.comics header .right img {
    top: 98px;
    right: 0;
    max-width: 596px;
}
body.comics #sector_9 {
    background: url('../img/bg15.svg') 50% 0 no-repeat;
    margin: 27px 0 0 0;
    padding: 141px 0 152px 0;
    background-size: cover;
}
body.comics #sector_9 .box .text{
    width: 56%;
}
body.comics #sector_9 .box .title{
    width: 40.9%;
    margin: 200px 0 0 auto;
}
#sector_22{
    margin: 76px 0 0 0;
}
#sector_22 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 100px 93px;
}
#sector_22 .box{
    width: 85%;
    margin: 0 auto;
}
#sector_22 .box .item{
    width: 22%;
}
#sector_22 .box .item .num{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    color: #DA2801;
    margin-bottom: 20px;
}
#sector_22 .box .item .text{
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    text-align: center;
    color: #000000;
}
body.comics #sector_11{
    padding: 241px 0 185px 0;
}
body.comics #sector_11 .box .btn{
    margin: 0 0 13px 0;
    background: #461103;
}
#sector_23{
    background: url("../img/bg16.svg") 50% 0 no-repeat;
    margin: -177px 0 0 0;
    padding: 253px 0 185px 0;
    background-size: cover;
}
#sector_23 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    margin: 0 0 98px 93px;
}
#sector_23 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_23 .box .img{
    width: 11%;
}
#sector_23 .box .img img{
    width: 100%;
}
#sector_23 .box .text{
    width: 84.7%;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    color: #FBFBFF;
    padding: 3px 19px 0 0;
}
#sector_23 .box .text p{
    margin-bottom: 37px;
}
#sector_24{
    margin: 103px 0 0 0;
}
#sector_24 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 250px;
    line-height: 301px;
    color: #020516;
    margin: 0 0 0 93px;
}
#sector_24 .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    text-align: right;
    width: 92.7%;
    margin: -19px 0 70px 0;
}
#sector_24 ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 85.6%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#sector_24 ul li{
    border: 2px solid #020516;
    padding: 8px 18px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    width: fit-content;
    margin-bottom: 30px;
    margin-right: 76px;
}
#sector_24 ul li:nth-child(4){
    margin-right: 0;
}
#sector_24 ul li:nth-child(5){
    margin-right: 61px;
}
#sector_24 ul li:nth-child(6){
    margin-right: 60px;
}
#sector_24 ul li:nth-child(7){
    margin-right: 59px;
}
#sector_24 ul li:nth-child(8){
    margin-right: 0;
}
#sector_24 ul li:nth-child(9),
#sector_24 ul li:nth-child(10),
#sector_24 ul li:nth-child(11){
    margin-right: 73px;
}
#sector_24 ul li:nth-child(12){
    margin-right: 0;
}
#sector_24 .btn{
    background: #D8451F;
    color: #fff;
    margin: 60px 93px 0 auto;
    height: 80px;
    width: 350px;
    border: none;
}
#sector_24 .btn:hover{
    background: #B92600;
}
body.comics #sector_21 {
    margin: 140px 0 0 0;
}
body.comics #sector_21 .item{
    background: #020516;
}
#sector_25{
    background: url("../img/bg17.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 143px 0 0 0;
    padding: 167px 0 120px 0;
    position: relative;
}
#sector_25 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 72px 93px;
}
#sector_25 .box{
    width: 87.3%;
    margin: 0 auto;
}
#sector_25 .box img {
    height: 100%;
}
#sector_25 .box img:nth-child(3){
    margin: -38px 0 0 -38px;
}
#sector_25 .box img:nth-child(4){
    margin: 17px 0 0 -21px;
    width: 31.2%;
}
#sector_25 .box img:nth-child(5){
    margin: 18px 0 0 -11px;
}
#sector_26{
    background: url("../img/bg18.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 88px 0 0 0;
    padding: 164px 0 141px 0;
    position: relative;
    z-index: 3;
}
#sector_26 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
    margin: 0 0 70px 93px;
}
#sector_26 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_26 .box .text{
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFF;
    width: 31%;
}
#sector_27{
    background: url("../img/bg19.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: -165px 0 0 0;
    padding: 178px 0 144px 0;
    position: relative;
    z-index: 2;
}
#sector_27 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_27 .box .text{
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFF;
    width: 31%;
}
#sector_28{
    background: url("../img/bg20.svg") 50% 0 no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin: -165px 0 0 0;
    padding: 168px 0 184px 0;
}
#sector_28 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_28 .box .text{
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFF;
    width: 31%;
}
body.comics #sector_8 {
    background: none;
    padding-top: 127px;
    padding-bottom: 160px;
}
body.comics footer{
    background: #020516;
    padding: 78px 0 55px;
}
body.scratch{
    background: #fff;
}
body.scratch .navbar-light .navbar-nav .nav-link{
    color: #020516;
}
body.scratch header .btn {
    background: #020516;
    border: 2px solid transparent;
    color: #FBFBFF;
}
body.scratch header .btn:hover{
    background: #B8BEE8;
    color: #020516;
}
body.scratch header .left .btn {
    background: #D8451F;
    border: none;
    color: #FBFBFF;
}
body.scratch header .left .btn:hover{
    background: #B92600;
}
body.scratch header .box {
    margin-top: 57px;
}
body.scratch header .left {
    width: 64%;
    position: relative;
    z-index: 1;
}
body.scratch header .left ul li {
    border: 2px solid #020516;
}
body.scratch header .left h1{
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 135%;
    color: #020516;
    margin-bottom: 19px;
    width: 90%;
}
body.scratch header .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    width: 77%;
    margin-bottom: 52px;
}
body.scratch header .left .btn {
    height: 68px;
    width: 348px;
}
body.scratch header .left .robot{
    width: 64%;
}
body.scratch header .right {
    width: 41%;
}
body.scratch header .right img {
    top: 112px;
    right: -63px;
    max-width: 675px;
}
body.scratch header .right .video{
    top: 132px;
    right: 25px;
    position: absolute;
    height: 311px;
    width: 499px;
}
body.scratch header .right .video video,
body.scratch header .right .video .plyr--video{
    width: 100%;
    height: 100%;
}
body.scratch #sector_12 {
    background: url('../img/bg21.svg') 50% 0 no-repeat;
    margin: -23px 0 0 0;
    padding: 213px 0 180px 0;
    background-size: cover;
}
#sector_29{
    margin: 70px 0 0 0;
}
#sector_29 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 129px 93px;
}
#sector_29 .box{
    width: 77%;
    margin: 0 auto;
}
#sector_29 .box .name{
    border: 2px solid #020516;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #020516;
    padding: 8px 18px;
    height: 100%
}
#sector_29 .box .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    width: 45%;
}
#sector_29 .box .text p{
    margin-bottom: 31px;
}
#sector_29 .box .robot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0;
    align-items: center;
    width: 38.8%;
    height: 100%;
}
#sector_29 .box .robot .item{
    width: 45%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 21px;
}
#sector_29 .box .robot .item img{
    margin-right: 14px;
}
#sector_29 .box .robot .item span{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
}
#sector_30{
    background: url("../img/bg22.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 97px 0 0 0;
    padding: 205px 0 326px 0;
}
#sector_30 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
    margin: 0 0 98px 96px;
}
#sector_30 .box{
    width: 85.4%;
    margin: 0 auto;
}
#sector_30 .box .img{
    width: 11%;
}
#sector_30 .box .img img{
    width: 100%;
}
#sector_30 .box .text{
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    color: #FBFBFF;
    width: 84.7%;
    margin: 3px 0 0 0;
}
#sector_30 .box .text p{
    margin-bottom: 36px;
}
#sector_30 .zag{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 39px auto 0 auto;
    width: 41.8%;
}
#sector_31{
    margin: 66px 0 0 0;
}
#sector_31 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 103px 93px;
}
#sector_31 .plyr{
    width: 85.6%;
    height: 652px;
    margin: 0 auto 30px auto;
    filter: drop-shadow(0px 12px 18px rgba(4, 21, 43, 0.3));
}
#sector_31 .plyr:nth-child(3){
    height: 672px;
}
#sector_31 .plyr:nth-child(4){
    height: 673px;
}
body.scratch #sector_21 {
    margin: 151px 0 0 0;
}
body.scratch #sector_21 .title{
    margin: 0 0 90px 93px;
}
body.scratch #sector_21 .item {
    background: #1861B9;
    padding: 50px 60px 55px 60px;
}
body.scratch.roblox #sector_21 .item {
    background: #2F18B9;
}
body.scratch #sector_21 .item .box .left {
    width: 50.2%;
    order: 1;
}
body.scratch #sector_8 {
    background: none;
    padding-top: 82px;
    padding-bottom: 170px;
}
body.scratch footer{
    background: #092445;
    padding: 77px 0 55px;
}
body.unity{
    background: #fff;
}
body.unity .navbar-light .navbar-nav .nav-link{
    color: #020516;
}
body.unity header .btn {
    background: #020516;
    border: none;
    color: #FBFBFF;
}
body.unity header .btn:hover{
    background: #B8BEE8;
    color: #020516;
}
body.unity header .box {
    margin-top: 57px;
}
body.unity header .left {
    width: 64%;
    position: relative;
    z-index: 1;
}
body.unity header .left ul li {
    border: 2px solid #020516;
}
body.unity header .left h1{
    font-family: 'Play', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 135%;
    color: #020516;
    margin-bottom: 19px;
    width: 80%;
}
body.unity header .left .text{
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #020516;
    width: 77%;
    margin-bottom: 52px;
}
body.unity header .left .btn {
    height: 68px;
    width: 348px;
}
body.unity header .left .robot{
    width: 60%;
}
body.unity header .right {
    width: 41%;
}
body.unity header .right img {
    top: 95px;
    right: -61px;
    max-width: 710px;
}
body.unity header .right .video{
    top: 116px;
    right: 31px;
    position: absolute;
    height: 328px;
    width: 526px;
}
body.unity header .right .video video,
body.unity header .right .video .plyr--video{
    width: 100%;
    height: 100%;
}
#sector_32{
    background: url("../img/bg23.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 20px 0 0 0;
    padding: 144px 0 208px 0;
}
#sector_32 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0 0 48px 93px;
    width: 67%;
}
#sector_32 .box{
    width: 70.8%;
    margin: 0 0 0 auto;
    padding: 0 14.1% 0 0;
}
#sector_32 .box .item{
    border: 2px solid #FFFFFF;
    padding: 8px 18px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 28px;
}
#sector_32 .box .item:nth-child(2){
    padding: 8px 7px;
}
#sector_32 .box .item:nth-child(3){
    padding: 8px 10px;
}
#sector_32 .box .item:nth-child(4){
    padding: 8px 13px;
    margin: 0 auto;
}
body.unity #sector_10 {
    margin: 58px 0 0 0;
}
body.unity #sector_10 .box .item {
    background: #5A1503;
}
body.unity #sector_10 .box .item.it-2 {
    background: #650303;
}
body.unity #sector_10 .box .item.it-3 {
    background: #8C1F03;
}
body.unity #sector_10 .box .item.it-4 {
    background: #B02D0B;
}
body.unity #sector_11 {
    margin: 58px 0 0 0;
    padding: 211px 0 198px 0;
}
body.unity #sector_11 .box {
    width: 85.5%;
}
body.unity #sector_11 .box .title{
    width: 54%;
}
body.unity #sector_11 .box .btn {
    background: #421205;
}
body.unity #sector_12{
    background: url('../img/bg24.svg') 50% 0 no-repeat;
    background-size: cover;
    padding: 195px 0 212px 0;
    position: relative;
}
#sector_33{
    background: url('../img/bg25.svg') 50% 0 no-repeat;
    background-size: cover;
    margin: -190px 0 0 0;
    padding: 241px 0 249px 0;
}
#sector_33 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_33 .box{
    width: 86%;
    margin: 0 auto;
}
#sector_33 .box .item{
    width: 49%;
}
#sector_33 .box .item img{
    filter: drop-shadow(0px 12px 18px rgba(4, 21, 43, 0.3));
    width: 100%;
}
#sector_33 .box .item .plyr{
    filter: drop-shadow(0px 12px 18px rgba(4, 21, 43, 0.3));
    width: 100%;
    height: 100%;
}
body.unity #sector_15 {
    background: none;
    margin: 0;
    padding: 79px 0 73px 0;
}
body.unity #sector_15 .box .title{
    color: #020516;
}
body.unity #sector_15 .box {
    width: 85.5%;
}
body.unity #sector_15 .box .btn{
    background: #421205;
    color: #FBFBFF;
    margin: 48px 0 0 auto;
    height: 70px;
    width: 350px;
}
body.unity #sector_21{
    background: url("../img/bg26.svg") 50% 0 no-repeat;
    padding: 226px 0 171px 0;
    margin: 0;
    background-size: cover;
}
body.unity #sector_21 .title{
    color: #fff;
}
body.unity #sector_21 .item {
    background: #FFFFFF;
}
body.unity #sector_21 .item .name{
    color: #020516;
}
body.unity #sector_21 .item .box .left .text{
    color: #020516;
}
body.unity #sector_21 .item .box .left .spis .items .txt{
    color: #020516;
}
body.unity #sector_8 {
    background: none;
    padding-top: 65px;
    padding-bottom: 120px;
}
body.unity footer{
    background: #020516;
    padding: 78px 0 55px;
}
body.roblox header .left ul {
    margin: 0 0 61px 0;
}
body.scratch.roblox header .left h1{
    margin-bottom: 29px;
}
body.scratch.roblox #sector_12 {
    background: url('../img/bg27.svg') 50% 0 no-repeat;
    margin: 8px 0 0 0;
    padding: 209px 0 180px 0;
    background-size: cover;
}
body.roblox #sector_29 .title{
    margin: 0 0 84px 93px;
}
body.roblox #sector_30 {
    background: url('../img/bg28.svg') 50% 0 no-repeat;
    background-size: cover;
    margin: 37px 0 0 0;
    padding: 163px 0 215px 0;
}
body.roblox #sector_30 .btn{
    background: #D8451F;
    color: #fff;
    margin: 44px 91px 0 auto;
    height: 68px;
    width: 352px;
    border: none;
}
body.roblox #sector_30 .btn:hover{
    background: #B92600;
}
body.roblox #sector_31 {
    margin: 125px 0 0 0;
}
body.roblox #sector_31 .title{
    margin: 0 0 79px 93px;
}
body.scratch.roblox #sector_21 {
    margin: 187px 0 0 0;
}
body.scratch.roblox #sector_21 .title {
    margin: 0 0 70px 93px;
}
body.scratch.roblox #sector_8 {
    padding-top: 117px;
    padding-bottom: 122px;
}
body.scratch.roblox footer {
    background: #120945;
}
body.about{
    background: #fff;
}
body.about .navbar-light .navbar-nav .nav-link{
    color: #020516;
}
body.about header .name{
    border: 2px solid #020516;
    padding: 8px 19px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #020516;
    width: fit-content;
    margin: 77px 0 71px 0;
}
body.about header .text{
    font-weight: 400;
    font-size: 42px;
    line-height: 130%;
    color: #020516;
}
body.about header .sub{
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #020516;
    margin: 40px 43px 0 auto;
    width: 36.3%;
}
body.about header .btn {
    background: #020516;
    border: none;
    color: #FBFBFF;
}
body.about header .btn:hover{
    background: #B8BEE8;
    color: #020516;
}
#sector_34{
    background: url("../img/bg29.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 10px 0 0 0;
    padding: 292px 0 225px 0;
}
#sector_34 .box{
    width: 85.5%;
    margin: 0 auto 79px auto;
}
#sector_34 .box .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #FBFBFF;
}
#sector_34 .box .btn{
    background: #D8451F;
    color: #fff;
    border: none;
    margin: -7px 0 0 0;
    height: 74px;
    width: 350px;
}
#sector_34 .box .btn:hover{
    background: #B92600;
}
#sector_34 .box .item{
    width: 23%;
}
#sector_34 .box .item img{
    margin: 0 auto 31px auto;
    display: block;
    height: 90px;
}
#sector_34 .box .item .text{
    font-weight: 400;
    font-size: 21px;
    line-height: 150%;
    text-align: center;
    color: #FBFBFF;
    display: block;
}
#sector_35{
    margin: 88px 0 0 0;
}
#sector_35 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_35 .plyr{
    width: 85.5%;
    height: 651px;
    margin: 0 auto;
}
#sector_36{
    background: url("../img/bg30.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: 58px 0 0 0;
    padding: 233px 0 351px 0;
    position: relative;
}
#sector_36 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #020516;
    margin: 0 0 80px 93px;
}
#sector_36 .box{
    width: 85.6%;
    margin: 0 auto;
}
#sector_36 .box .item{
    background: #2F18B9;
    width: 31.4%;
    padding: 36px;
    margin-bottom: 34px;
}
#sector_36 .box .item ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#sector_36 .box .item ul li{
    border: 2px solid #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    padding: 8px 18px;
    margin: 0 20px 29px 0;
}
#sector_36 .box .item ul li:last-child{
    margin-right: 0;
}
#sector_36 .box .item img{
    width: 100%;
}
#sector_36 .box .item.it-2{
    background: #BD320D;
}
#sector_36 .box .item.it-3{
    background: #5F31A5;
}
#sector_36 .box .item.it-4{
    background: #1861B9;
}
#sector_36 .box .item.it-5{
    background: #D8451F;
}
#sector_36 .box .item.it-6{
    background: #A231A5;
}
#sector_37{
    background: url("../img/bg31.svg") 50% 0 no-repeat;
    background-size: cover;
    margin: -420px 0 0 0;
    padding: 388px 0 293px 0;
}
#sector_37 .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    color: #FBFBFF;
    margin: 0 0 29px 93px;
}
#sector_37 .box{
    margin: 0 auto;
    width: 85.5%;
}
#sector_37 .box .text{
    font-weight: 400;
    font-size: 30px;
    line-height: 130%;
    color: #FBFBFF;
    width: 70%;
}
#sector_37 .box .btn{
    margin: 60px 0 0 0;
    height: 56px;
    width: 180px;
}
body.about footer{
    padding: 70px 0 55px;
}
body.about footer .box .item .copy{
    color: #020516;
}
body.about footer .box .item .polit a{
    color: #020516;
}
body.about footer .box .item ul li a{
    color: #020516;
}
body.about footer .box .item .btn{
    background: #020516;
    border: 2px solid transparent;
    color: #FBFBFF;
}
body.about footer .box .item .btn:hover{
    background: #FBFBFF;
    color: #020516;
}
body.about footer .box .item .tel{
    color: #020516;
}
body.about footer .box .item .mail{
    color: #020516;
}
#sector_38{
    margin-bottom: 120px;
}
#sector_38 .name{
    border: 2px solid #020516;
    padding: 8px 19px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #020516;
    width: fit-content;
    margin: 106px 0 79px 93px;
}
#sector_38 .text{
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #000000;
    margin: 0 auto;
    width: 85.7%;
}
#sector_38 .text p{
    margin-bottom: 23px;
}
#error{
    margin: 108px 0 90px 0;
}
#error .title{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 300px;
    line-height: 362px;
    color: #1B2777;
    text-align: center;
}
#error .text{
    font-family: 'Russo One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #1B2777;
    text-align: center;
    margin-bottom: 89px;
}
#error .btn{
    background: #D8451F;
    border: none;
    color: #fff;
    margin: 0 auto;
    height: 73px;
    width: 263px;
}
#error .btn:hover{
    background: #B92600;
}
body.scratch.jr #sector_12 {
    background: url('../img/bg6.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.jr #sector_30 {
    background: url('../img/bg10.svg') 50% 0 no-repeat;
    background-size: cover;
}
.plyr__poster{
    background-size: cover;
}
body.scratch.jr #sector_21 .item {
    background: #5C0D9A;
}
body.scratch.jr header .left {
    width: 65%;
}
body.scratch.jr header .left h1{
    width: 89%;
}
body.scratch.jr header .left .btn{
    background: #470F48;
}
body.scratch.jr header .left .btn:hover{
    background: #A231A5;
}
body.scratch.web header .left {
    width: 67%;
}
body.scratch.web header .left .text{
    width: 75%;
}
body.scratch.web #sector_12 {
    background: url('../img/bg21.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.web #sector_30 {
    background: url('../img/bg22.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.web #sector_31 .img,
body.scratch.comp #sector_31 .img,
body.scratch.graf #sector_31 .img,
body.scratch.webo #sector_31 .img{
    margin: 0 auto;
    width: 85.5%;
}
body.scratch.web #sector_31 .img img,
body.scratch.comp #sector_31 .img img,
body.scratch.graf #sector_31 .img img,
body.scratch.webo #sector_31 .img img{
    width: 100%;
    margin-bottom: 20px;
}
body.scratch.comp header .left {
    width: 66%;
}
body.scratch.comp header .left h1{
    width: 80%;
}
body.scratch.comp #sector_12 {
    background: url('../img/bg24.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.comp #sector_30 {
    background: url('../img/bg24.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.comp #sector_21 .item {
    background: #5A1503;
}
body.scratch.graf header .left {
    width: 66%;
}
body.scratch.graf header .left .btn{
    background: #2C0A5F;
}
body.scratch.graf header .left .btn:hover{
    background: #2F18B9;
}
body.scratch.graf #sector_12 {
    background: url('../img/bg11.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.graf #sector_30 {
    background: url('../img/bg7.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.graf #sector_21 .item {
    background: #5E13CF;
}
body.scratch.lego header .left {
    width: 67%;
}
body.scratch.lego header .left h1{
    width: 55%;
}
body.scratch.lego header .left .text{
    width: 75%;
}
body.scratch.lego #sector_12 {
    background: url('../img/bg34.svg') 50% 0 no-repeat;
    background-size: cover;
    padding: 213px 0 200px 0;
}
body.scratch.lego #sector_30 {
    background: url('../img/bg16.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.lego #sector_21 .item {
    background: #BD320D;
}
body.scratch.webo header .left {
    width: 65%;
}
body.scratch.webo header .left h1{
    width: 75%;
}
body.scratch.webo header .left .robot {
    width: 100%;
}
body.scratch.webo #sector_12 {
    background: url('../img/bg35.svg') 50% 0 no-repeat;
    background-size: cover;
    padding: 213px 0 355px 0;
}
body.scratch.webo #sector_29 .box .text{
    width: 41%;
}
body.scratch.webo #sector_29 .box .robot{
    width: 40%;
}
body.scratch.webo #sector_30 {
    background: url('../img/bg21.svg') 50% 0 no-repeat;
    background-size: cover;
}
body.scratch.videoblog header .left {
    width: 66%;
}
#sel{
    display: none;
}
@media (max-width: 1400px) {
    .container {
        max-width: 1135px;
    }
    header .right img {
        top: -445px;
        right: -135px;
        max-width: 900px;
    }
    #sector_1 .title{
        margin: 0 0 80px 0;
    }
    #sector_1 .box {
        width: 100%;
    }
    #sector_2 .box {
        width: 100%;
        padding: 0;
    }
    #sector_3 .box {
        width: 100%;
    }
    #sector_4 .title{
        margin: 0 0 80px 0;
    }
    #sector_4 .box {
        width: 100%;
    }
    #sector_5 .box {
        width: 100%;
        padding: 0;
    }
    #sector_5 .box + .box {
        width: 100%;
    }
    #sector_6 .title{
        margin: 0 0 80px 0;
    }
    #sector_6 .box{
        width: 100%;
    }
    #sector_7 .title{
        margin: 0 0 79px 0;
    }
    #sector_7 .box {
        width: 100%;
    }
    #sector_8 .box {
        width: 100%;
    }
    footer .box {
        width: 100%;
    }
    body.curs header .left {
        width: 70%;
    }
    #sector_9 .box {
        width: 100%;
    }
    #sector_9 .box .title{
        width: 50%;
    }
    #sector_10 .title{
        margin: 0 0 80px 0;
    }
    #sector_10 .box {
        width: 100%;
    }
    #sector_11 .box {
        width: 100%;
    }
    #sector_12 .title{
        margin: 0 0 100px 0;
    }
    #sector_12 .box {
        width: 100%;
    }
    #sector_13 .title{
        margin: 0 0 80px 0;
    }
    #sector_13 .box {
        width: 100%;
    }
    #sector_13 .box .iten{
        width: 22%;
    }
    #sector_13 .zag{
        margin: 65px 0 17px 0;
    }
    #sector_13 .zag + .box {
        width: 100%;
    }
    #sector_13 .zag.it-1 {
        margin: 52px 0 28px 0;
    }
    #sector_13 .zag.it-1 + .box {
        width: 100%;
    }
    #sector_13 .plyr {
        width: 100%;
    }
    #sector_14 .title{
        margin: 0 0 80px 0;
    }
    #sector_14 .box {
        width: 100%;
    }
    #sector_15 .box {
        width: 100%;
    }
    #sector_15 .box .title{
        width: 70%;
    }
    #sector_4 .item .box .left {
        width: 50%;
    }
    #sector_4 .item .box .left .spis .items{
        flex-wrap: nowrap;
    }
    body.curs #sector_4 .item .box .left .spis .items{
        width: 100%;
    }
    #sector_4 .item .box .left .spis .items img {
        width: 28px;
    }
    #sector_16 .title{
        margin: 0 0 20px 0;
    }
    #sector_16 .box {
        width: 100%;
    }
    #sector_16 .box .text{
        width: 32%;
    }
    #sector_17 .box {
        width: 100%;
    }
    body.python #sector_13{
        background-size: 80%;
    }
    #sector_18 .title{
        margin: 0 0 60px 0;
    }
    #sector_18 .text{
        width: 100%;
    }
    #sector_18 img {
        width: 100%;
    }
    #sector_19 .text{
        width: 100%;
    }
    #sector_19 img {
        width: 100%;
    }
    #sector_20 .box {
        width: 100%;
    }
    #sector_21 .title{
        margin: 0 0 79px 0;
    }
    #sector_21 .item{
        width: 100%;
    }
    #sector_22 .title{
        margin: 0 0 100px 0;
    }
    #sector_22 .box {
        width: 100%;
    }
    #sector_23 .box {
        width: 100%;
    }
    #sector_23 .title{
        margin: 0 0 98px 0;
    }
    #sector_24 .title{
        margin: 0;
    }
    #sector_24 .text{
        width: 100%;
    }
    #sector_24 ul{
        width: 100%;
    }
    #sector_24 .btn{
        margin: 61px 0 0 auto;
    }
    #sector_25 .title{
        margin: 0 0 72px 0;
    }
    #sector_25 .box {
        width: 100%;
    }
    #sector_25 .box img {
        width: 50%;
    }
    #sector_25 .box img:nth-child(3) {
        width: 38%;
    }
    #sector_25 .box img:nth-child(4) {
        width: 31%;
    }
    #sector_25 .box img:nth-child(5) {
        width: 33%;
    }
    #sector_26 .title{
        margin: 0 0 70px 0;
    }
    #sector_26 .box {
        width: 100%;
    }
    #sector_27 .box {
        width: 100%;
    }
    #sector_28 .box {
        width: 100%;
    }
    #sector_29 .title{
        margin: 0 0 129px 0;
    }
    #sector_29 .box {
        width: 100%;
    }
    #sector_30 .title{
        margin: 0 0 98px 0;
    }
    #sector_30 .box {
        width: 100%;
    }
    #sector_30 .zag{
        width: 50%;
    }
    #sector_31 .title{
        margin: 0 0 103px 0;
    }
    #sector_31 .plyr {
        width: 100%;
    }
    body.scratch #sector_21 .title {
        margin: 0 0 90px 0;
    }
    #sector_32 .title{
        margin: 0 0 48px 0;
    }
    #sector_32 .box {
        width: 80%;
    }
    body.unity #sector_11 .box {
        width: 100%;
    }
    #sector_33 .title{
        margin: 0 0 80px 0;
    }
    #sector_33 .box {
        width: 100%;
    }
    body.unity #sector_15 .box {
        width: 100%;
    }
    body.roblox #sector_29 .title {
        margin: 0 0 84px 0;
    }
    body.roblox #sector_30 .btn {
        margin: 44px 0 0 auto;
    }
    body.roblox #sector_31 .title {
        margin: 0 0 79px 0;
    }
    body.scratch.roblox #sector_21 .title {
        margin: 0 0 70px 0;
    }
    #sector_34 .box {
        width: 100%;
    }
    #sector_35 .title{
        margin: 0 0 80px 0;
    }
    #sector_35 .plyr {
        width: 100%;
    }
    #sector_36 .title{
        margin: 0 0 80px 0;
    }
    #sector_36 .box {
        width: 100%;
    }
    #sector_37 .title{
        margin: 0 0 29px 0;
    }
    #sector_37 .box {
        width: 100%;
    }
    #sector_38 .name{
        margin: 106px 0 79px 0;
    }
    #sector_38 .text{
        width: 100%;
    }
    body.scratch.web #sector_31 .img,
    body.scratch.comp #sector_31 .img,
    body.scratch.graf #sector_31 .img,
    body.scratch.webo #sector_31 .img{
        width: 100%;
    }
}
@media (max-width: 1200px) {
    header .container,
    .container{
        max-width: 960px;
    }
    .navbar-expand-md {
        padding-top: 36px;
    }
    header .left {
        width: 60%;
    }
    header .left h1{
        font-size: 90px;
    }
    header .left .text{
        margin-bottom: 82px;
    }
    header .right img {
        top: -453px;
        right: -182px;
    }
    #sector_1{
        margin-top: 242px;
    }
    #sector_1 .title {
        margin: 0 0 57px 0;
        font-size: 41px;
        line-height: 53px;
    }
    #sector_1 .box .item {
        width: 48.5%;
        padding: 50px 50px 55px 53px;
    }
    #sector_1 .box .item .date{
        padding: 10px 22px 10px 18px;
        font-size: 18px;
        line-height: 23px;
        margin-right: 10px;
    }
    #sector_1 .box .item .name,
    #sector_1 .box .item .price{
        font-size: 18px;
        line-height: 23px;
    }
    #sector_1 .box .item .top{
        margin-bottom: 28px;
    }
    #sector_1 .box .item .zag{
        font-size: 28px;
        margin-bottom: 22px;
    }
    #sector_1 .box .item .text {
        font-size: 17px;
    }
    #sector_1 .box .item .bot .price{
        font-size: 28px;
    }
    #sector_1 .box .item .bot .btn{
        width: 193px;
    }
    #sector_1 .box .item.it-1 {
        padding: 50px 45px 49px 55px;
    }
    #sector_1 .box .item.it-2{
        padding: 50px 50px 55px 53px;
    }
    #sector_1 .box .item.it-2 .top{
        margin-bottom: 39px;
    }
    #sector_1 .box .item.it-2 .text {
        width: 100%;
    }
    #sector_1 .box .item.it-3{
        padding: 50px 55px 49px 55px;
    }
    #sector_1 .box .item .img {
        margin: 80px 0 0 -54px;
        width: 453px;
    }
    #sector_1 .box .item.it-4{
        margin: 33px 0;
        padding: 50px 30px 68px 53px;
    }
    #sector_1 .box .item.it-4 .left {
        width: 48%;
    }
    #sector_1 .box .item.it-4 .top {
        margin-bottom: 39px;
    }
    #sector_1 .box .item.it-4 .text {
        margin-bottom: 45px;
    }
    #sector_1 .box .item.it-4 .bot {
        width: 85%;
    }
    #sector_1 .box .item.it-4 .img {
        width: 52%;
    }
    #sector_1 .box .item.it-5{
        padding: 50px 55px 66px 50px;
    }
    #sector_1 .box .item.it-5 .zag{
        margin-bottom: 18px;
    }
    #sector_1 .box .item.it-6{
        padding: 50px 60px 66px 51px;
    }
    #sector_1 .box .item.it-9 .zag {
        width: 100%;
    }
    #sector_1 .box .item.it-9 .top {
        margin-bottom: 25px;
    }
    #sector_1 .box .item.it-8 {
        padding: 50px 69px 127px 55px;
    }
    #sector_1 .box .item.it-10 {
        margin-bottom: -309px;
    }
    #sector_1 .box .item.it-11 {
        padding: 50px 69px 60px 55px;
    }
    #sector_1 .box .item.it-7{
        padding: 50px 69px 60px 55px;
    }
    #sector_1 .box .item .name{
        margin-right: 0;
    }
    #sector_2 {
        padding-top: 310px;
    }
    #sector_2 .box .title{
        font-size: 40px;
        line-height: 53px;
    }
    #sector_2 .box .item .text{
        font-size: 25px;
    }
    #sector_2 .box{
        margin: 0 0 58px auto;
    }
    #sector_2 .box .item .icon {
        height: 70px;
        margin: 0 auto 25px auto;
    }
    #sector_3 .box .left .title{
        font-size: 30px;
    }
    #sector_3 .box .left .text {
        font-size: 28px;
    }
    #sector_3 {
        margin-top: 275px;
    }
    #sector_3 .box .right {
        width: 23%;
        margin-top: 43px;
    }
    #sector_4 {
        padding-top: 233px;
    }
    #sector_4 .title {
        margin: 0 0 64px 0;
        font-size: 40px;
        line-height: 40px;
    }
    #sector_4 .box .item .name{
        font-size: 80px;
        line-height: 93px;
        width: 153px;
        margin-top: 90px;
    }
    #sector_4 .box:hover .item:hover .name {
        font-size: 80px;
        line-height: 93px;
        width: 153px;
    }
    #sector_4 .box .item .plyr--video {
        width: 75%;
        left: 140px;
    }
    #sector_4 .box .item.it-2{
        width: 17.2%;
    }
    #sector_4 .box .item.it-3{
        width: 17.5%;
    }
    #sector_4 .box .item.it-4 {
        width: 17.5%;
    }
    #sector_4 .box .item.it-5 {
        width: 16.5%;
    }
    #sector_4 .box .item.it-6 {
        width: 17.5%;
    }
    #sector_5 .box .title{
        font-size: 40px;
        line-height: 48px;
    }
    #sector_5 .box .btn{
        width: 242px;
        margin: -7px 0 0 0;
    }
    #sector_5 .box{
        margin: 0 auto 60px auto;
    }
    #sector_5 .box .item .text{
        font-size: 25px;
    }
    #sector_5 .box .item .icon {
        height: 72px;
        margin-bottom: 29px;
    }
    #sector_5 .box .item:nth-child(2) .icon {
        margin-top: 0;
        margin-bottom: 51px;
        height: 53px;
    }
    #sector_5 .box .item:nth-child(3) .icon {
        height: 54px;
        margin-top: 0;
        margin-bottom: 50px;
    }
    #sector_5{
        padding-top: 232px;
        padding-bottom: 238px;
        margin: -36px 0 0 0;
        background-size: cover;
    }
    #sector_6{
        margin: 0;
        padding-top: 4px;
        padding-bottom: 107px;
    }
    #sector_6 .title {
        margin: 0 0 60px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_6 .box {
        padding: 60px 95px 81px 53px;
    }
    #sector_6 .box .info {
        width: 44.5%;
    }
    #sector_6 .box .name {
        font-size: 25px;
        line-height: 29px;
        margin-bottom: 30px;
    }
    #sector_6 .box .text {
        font-size: 18px;
    }
    #sector_6 .box .text p {
        margin-bottom: 20px;
    }
    #sector_7 {
        padding-top: 133px;
        padding-bottom: 59px;
    }
    #sector_7 .title {
        margin: 0 0 60px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_7 .box .item .text{
        font-size: 15px;
    }
    #sector_7 .box .item .name {
        font-size: 17px;
        margin-bottom: 16px;
    }
    #sector_7 .box .item{
        padding: 21px 20px 30px 22px;
    }
    #sector_7 .box .item.it-2 .name{
        right: 24px;
    }
    #sector_7 .box .item.it-7 {
        padding-bottom: 23px;
    }
    #sector_8 {
        padding-top: 124px;
        padding-bottom: 81px;
    }
    #sector_8 .title{
        font-size: 40px;
        margin-top: 134px;
    }
    #sector_8 form {
        width: 59.5%;
    }
    #sector_8 .btn {
        margin: 18px 3px 15px auto;
        width: 291px;
    }
    #sector_8 .text {
        font-size: 12px;
        line-height: 14px
    }
    #sector_8 .yes .title {
        width: 100%;
        font-size: 33px;
    }
    body.curs header .left h1{
        font-size: 38px;
        width: 70%;
        margin-bottom: 21px;
    }
    header .left ul {
        margin: 3px 0 48px 0;
    }
    header .left ul li{
        font-size: 18px;
        line-height: 21px;
        height: 41px;
    }
    body.curs header .left .text {
        font-size: 18px;
        width: 60%;
        margin-bottom: 37px;
    }
    body.curs header .left .btn {
        width: 292px;
    }
    header .left .robot .item img {
        width: 29px;
    }
    header .left .robot .item span {
        font-size: 18px;
    }
    header .left .robot{
        margin-top: 41px;
        width: 52%;
    }
    #sector_9{
        margin: 23px 0 0 0;
        padding: 105px 0 128px 0;
    }
    #sector_9 .box .text {
        font-size: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #sector_9 .box .text p {
        width: 49%;
    }
    #sector_9 .box .title {
        width: 50%;
        font-size: 28px;
        margin: 38px auto 0 auto;
    }
    #sector_10 {
        margin: 78px 0 0 0;
    }
    #sector_10 .title {
        margin: 0 0 69px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_10 .box .item .date {
        padding: 0 20px;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 30px;
    }
    #sector_10 .box .item .zag {
        font-size: 28px;
        margin-bottom: 19px;
    }
    #sector_10 .box .item .text {
        font-size: 18px;
    }
    #sector_10 .box .item .box .item span {
        font-size: 18px;
    }
    #sector_10 .box .item .box {
        margin: 39px 0 0 0;
    }
    #sector_10 .box .item .box .item img {
        width: 29px;
    }
    #sector_10 .box .item{
        padding: 50px 55px 32px 55px;
    }
    #sector_10 .box .item.it-3{
        padding: 50px 57px 32px 55px;
    }
    #sector_10 .box .item.it-4 {
        padding: 50px 65px 32px 55px;
    }
    #sector_11{
        padding: 224px 0 162px 0;
    }
    #sector_11 .box .title{
        font-size: 28px;
    }
    #sector_11 .box .btn{
        margin: 108px 0 0 0;
    }
    #sector_11 .box {
        align-items: flex-start;
    }
    #sector_12{
        padding: 162px 0 187px 0;
    }
    #sector_12 .title {
        margin: 0 0 70px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_12 .box .item .text {
        font-size: 20px;
    }
    #sector_12 .box .item .img img{
        height: 70px;
    }
    #sector_13 {
        margin: 122px 0 0 0;
    }
    #sector_13 .title {
        margin: 0 0 90px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_13 .box .iten {
        width: 22.8%;
        margin: 0;
    }
    #sector_13 .box .iten ul li {
        font-size: 22px;
    }
    #sector_13 .box .text {
        font-size: 20px;
        width: 39%;
        margin: 0;
    }
    #sector_13 .box {
        align-items: center;
    }
    #sector_13 .box .text p {
        margin-bottom: 30px;
    }
    #sector_13 .zag {
        margin: 40px 0 25px 0;
        font-size: 30px;
    }
    #sector_13 .zag + .box {
        align-items: flex-start;
    }
    #sector_13 .box .img {
        width: 33%;
    }
    #sector_13 .box .img + .text {
        width: 31%;
        padding: 0;
    }
    #sector_13 .box .img + .text p {
        margin-bottom: 2px;
    }
    #sector_13 .zag.it-1 {
        margin: 67px 0 29px 0;
    }
    #sector_13 .box .video + .text p {
        margin-bottom: 1px;
    }
    #sector_13 .box .video {
        height: 264px;
    }
    #sector_13 .zag.it-1 + .box {
        margin-bottom: 61px;
    }
    #sector_13 .plyr{
        height: 477px;
    }
    #sector_14 {
        margin: 146px 0 0 0;
    }
    #sector_14 .title {
        margin: 0 0 70px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_14 .box .item {
        height: 279px
    }
    #sector_14 .box .item .name {
        font-size: 25px;
        bottom: 13px;
    }
    #sector_14 .box .item.it-2 {
        height: 342px;
    }
    #sector_14 .box .item.it-3 {
        margin: -64px 0 0 0;
        height: 289px;
    }
    #sector_14 .box .item.it-5 {
        width: 24%;
        height: 225px;
    }
    #sector_14 .box .item.it-4 {
        width: 39%;
        height: 225px;
    }
    #sector_14 .box .item.it-6 {
        height: 497px;
    }
    #sector_15 {
        margin: 124px 0 0 0;
        padding: 72px 0 182px 0;
    }
    #sector_15 .box .title {
        font-size: 28px;
    }
    #sector_15 .box .btn {
        margin: 117px 0 0 0;
    }
    body.curs #sector_4 {
        padding-top: 95px;
        padding-bottom: 60px;
    }
    body.curs #sector_4 .title {
        margin: 0 0 83px 0;
    }
    body.curs #sector_4 .box .item {
        height: 152px;
    }
    body.curs #sector_4 .box .item .name{
        font-size: 40px;
        line-height: 48px;
    }
    body.curs #sector_4 .box:hover .item .name {
        margin-top: 19px;
    }
    body.curs #sector_4 .box:hover .item:hover .name {
        font-size: 40px;
        line-height: 48px;
    }
    body.curs #sector_4 .box .item:hover {
        height: 425px;
    }
    body.curs #sector_4 .item .box .left{
        padding: 85px 0 0 0;
    }
    #sector_4 .item .box .left .text{
        margin-bottom: 25px;
    }
    #sector_16 .title {
        margin: 0 0 35px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_16 {
        padding: 169px 0 134px 0;
    }
    #sector_16 .box .text {
        width: 34%;
        font-size: 25px;
        margin-top: 153px;
    }
    #sector_16 .box .video {
        height: 314px;
    }
    #sector_17 .box .video {
        height: 317px;
    }
    #sector_17 {
        padding: 222px 0 199px 0;
    }
    #sector_17 .box .text {
        font-size: 25px;
        width: 29%;
        margin-top: 143px;
        text-align: right;
    }
    body.curs #sector_8 {
        padding-top: 90px;
        padding-bottom: 135px;
    }
    body.python header .box {
        margin-top: 54px;
    }
    body.python header .left {
        width: 69%;
    }
    body.python header .left h1 {
        font-size: 38px;
        width: 66%;
    }
    body.python header .left ul {
        margin: 3px 0 51px 0;
    }
    body.python header .left .text {
        font-size: 18px;
        width: 60%;
    }
    body.python header .left .btn {
        width: 45%;
    }
    body.python header .left .robot {
        margin-top: 51px;
        width: 53%;
    }
    body.python header .right img {
        top: 97px;
        right: 3px;
        max-width: 529px;
    }
    body.python #sector_9 {
        padding: 115px 0 102px 0;
    }
    body.python #sector_9 .box .text {
        font-size: 30px;
        width: 55%;
    }
    body.python #sector_9 .box .title {
        font-size: 30px;
        margin: 0 0 0 auto;
        width: 57%;
    }
    body.python #sector_10 .box .item {
        padding: 50px 25px 32px 55px;
    }
    body.python #sector_11 {
        padding: 169px 0 163px 0;
    }
    #sector_11 .text {
        font-size: 17px;
        width: 91%;
        margin: 51px 0 0 auto;
    }
    body.python #sector_11 .box .btn {
        margin: 50px 0 0 auto;
    }
    body.python #sector_12 {
        margin: -110px 0 0 0;
        padding: 140px 0 189px 0;
    }
    body.python #sector_13 {
        background-size: 82%;
        margin: 61px 0 0 0;
    }
    body.python #sector_13 .box .item {
        font-size: 18px;
        left: 83px;
        top: 84px;
    }
    body.python #sector_13 .box .item:nth-child(2) {
        top: 37px;
        right: 0;
        width: 373px;
    }
    body.python #sector_13 .box .item:nth-child(3) {
        left: 3px;
        bottom: 180px;
        width: 540px;
    }
    body.python #sector_13 .box .item:nth-child(4) {
        right: 0;
        bottom: 234px;
        width: 293px;
    }
    #sector_18 {
        margin: -129px 0 0 0;
        padding: 154px 0 176px 0;
    }
    #sector_18 .title {
        font-size: 40px;
        line-height: 48px;
    }
    #sector_18 .text {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    #sector_19 {
        margin: -188px 0 0 0;
        padding: 121px 0 148px 0;
    }
    #sector_19 .text {
        font-size: 24px;
        line-height: 28px;
    }
    #sector_20 {
        margin: 150px 0 0 0;
    }
    #sector_20 .box .text{
        font-size: 30px;
    }
    #sector_20 .box .btn{
        margin: 41px 0 0 auto;
    }
    #sector_21 .title {
        margin: 0 0 69px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_21 .item .name{
        font-size: 35px;
        line-height: 42px;
    }
    #sector_21 .item .box .right {
        width: 48%;
    }
    #sector_21 .item{
        margin: 0 auto 40px auto;
    }
    #sector_21 .item.it-2 .box .right {
        width: 44%;
    }
    #sector_21 .item.it-2 {
        padding: 50px 29px 55px 60px;
    }
    #sector_21 .item.it-2 .box .left {
        width: 50%;
    }
    #sector_21 .item .box .left .spis .items{
        flex-wrap: nowrap;
    }
    body.python #sector_8 {
        padding-top: 26px;
        padding-bottom: 115px;
    }
    body.comics header .box {
        margin-top: 55px;
    }
    body.comics header .left {
        width: 71%;
    }
    body.comics header .left ul {
        margin: 3px 0 51px 0;
    }
    body.comics header .left h1{
        font-size: 38px;
    }
    body.comics header .left .text{
        font-size: 18px;
    }
    body.comics header .left .btn {
        width: 293px;
    }
    body.comics header .left .robot {
        width: 61%;
        margin-top: 51px;
    }
    body.comics header .right img {
        top: 105px;
        right: 3px;
        max-width: 532px;
    }
    body.comics #sector_9 {
        margin: 12px 0 0 0;
        padding: 117px 0 180px 0;
    }
    body.comics #sector_9 .box .text {
        width: 100%;
        display: block;
    }
    body.comics #sector_9 .box .text p {
        width: 60%;
        margin-bottom: 29px;
    }
    body.comics #sector_9 .box .title {
        width: 48%;
        margin: 11px 0 0 auto;
    }
    #sector_22 {
        margin: 19px 0 0 0;
    }
    #sector_22 .title {
        margin: 0 0 81px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_22 .box .item .text {
        font-size: 18px;
    }
    body.comics #sector_11 {
        padding: 159px 0 159px 0;
    }
    body.comics #sector_11 .box .btn {
        margin: 53px 0 0 0;
    }
    #sector_23 {
        padding: 221px 0 174px 0;
    }
    #sector_23 .title {
        margin: 0 0 70px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_23 .box .text {
        width: 86%;
        font-size: 20px;
        padding: 0 19px 0 0;
    }
    #sector_23 .box .text p {
        margin-bottom: 30px;
    }
    #sector_24 {
        margin: 53px 0 0 0;
    }
    #sector_24 .title {
        margin: 0;
        font-size: 220px;
        line-height: 265px;
    }
    #sector_24 .text {
        font-size: 18px;
        line-height: 21px;
        margin: -19px 0 57px 0;
    }
    #sector_24 ul li {
        font-size: 18px;
        line-height: 21px;
        margin-right: 40px;
        margin-bottom: 21px;
    }
    #sector_24 ul li:nth-child(5) {
        margin-right: 24px;
    }
    #sector_24 ul li:nth-child(6) {
        margin-right: 23px;
    }
    #sector_24 ul li:nth-child(7) {
        margin-right: 28px;
    }
    #sector_24 ul li:nth-child(9), #sector_24 ul li:nth-child(10), #sector_24 ul li:nth-child(11) {
        margin-right: 37px;
    }
    #sector_24 .btn {
        margin: 47px 0 0 auto;
        width: 295px;
    }
    body.comics #sector_21 {
        margin: 102px 0 0 0;
    }
    body.comics #sector_21 .item {
        padding: 50px 42px 44px 60px;
    }
    body.comics #sector_21 .item .box .right {
        width: 45%;
    }
    body.comics #sector_21 .item .box .left {
        width: 53%;
    }
    body.comics #sector_21 .item .name {
        margin-bottom: 30px;
    }
    body.comics #sector_21 .item .box .left .text{
        width: 100%;
        margin-bottom: 30px;
    }
    #sector_25 {
        margin: 85px 0 0 0;
        padding: 135px 0 175px 0;
    }
    #sector_25 .title {
        margin: 0 0 70px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_25 .box img:nth-child(3) {
        width: 38.5%;
        margin: -37px 0 0 -45px;
    }
    #sector_25 .box img:nth-child(4) {
        width: 32%;
        margin: 7px 0 0 -26px;
    }
    #sector_25 .box img:nth-child(5) {
        width: 34%;
        margin: 9px -10px 0 -18px;
    }
    #sector_26 {
        margin: -35px 0 0 0;
        padding: 184px 0 141px 0;
    }
    #sector_26 .title {
        margin: 0 0 82px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_26 .box .text {
        font-size: 20px;
    }
    #sector_27 {
        padding: 210px 0 144px 0;
    }
    #sector_27 .box .text {
        font-size: 20px;
    }
    #sector_28 {
        padding: 149px 0 184px 0;
    }
    #sector_28 .box .text {
        font-size: 20px;
    }
    body.comics #sector_8 {
        padding-top: 78px;
        padding-bottom: 115px;
    }
    body.scratch header .box {
        margin-top: 56px;
    }
    body.scratch header .left {
        width: 70%;
    }
    body.scratch header .left ul {
        margin: 3px 0 51px 0;
    }
    body.scratch header .left h1 {
        font-size: 38px;
        margin-bottom: 19px;
        width: 60%;
    }
    body.scratch header .left .text {
        font-size: 18px;
        width: 68%;
        margin-bottom: 52px;
    }
    body.scratch header .left .btn {
        width: 293px;
    }
    body.scratch header .left .robot {
        width: 55%;
        margin-top: 49px;
    }
    body.scratch header .left .robot .item {
        margin-bottom: 17px;
    }
    body.scratch header .right img {
        top: 124px;
        right: -44px;
        max-width: 626px;
    }
    body.scratch header .right .video {
        top: 142px;
        right: 37px;
        height: 289px;
        width: 464px;
    }
    body.scratch #sector_12 {
        padding: 161px 0 126px 0;
    }
    #sector_29 {
        margin: 64px 0 0 0;
    }
    #sector_29 .title {
        margin: 0 0 90px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_29 .box .name {
        font-size: 18px;
        line-height: 21px;
        padding: 8px 20px;
    }
    #sector_29 .box .robot .item img {
        margin-right: 12px;
        width: 29px;
    }
    #sector_29 .box .robot .item {
        width: 45%;
        margin-bottom: 15px;
    }
    #sector_29 .box .robot{
        width: 40%;
    }
    #sector_29 .box .text {
        width: 40%;
    }
    #sector_30 {
        margin: 37px 0 0 0;
        padding: 148px 0 199px 0;
    }
    #sector_30 .title {
        margin: 0 0 50px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_30 .box .img {
        width: 13%;
    }
    #sector_30 .box .text {
        font-size: 21px;
        width: 81.7%;
        margin: 0;
    }
    #sector_30 .zag {
        width: 60%;
        margin: 32px 50px 0 auto;
    }
    #sector_31 {
        margin: 87px 0 0 0;
    }
    #sector_31 .title {
        margin: 0 0 65px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_31 .plyr {
        height: 547px;
        margin: 0 auto 29px auto;
    }
    #sector_31 .plyr:nth-child(3) {
        height: 564px;
    }
    #sector_31 .plyr:nth-child(4) {
        height: 565px;
    }
    body.scratch #sector_21 {
        margin: 141px 0 0 0;
    }
    body.scratch #sector_21 .title {
        margin: 0 0 59px 0;
    }
    body.scratch #sector_21 .item {
        padding: 50px 30px 45px 60px;
    }
    body.scratch #sector_21 .item .box .right {
        width: 44%;
    }
    body.scratch #sector_21 .item .box .left {
        width: 50%;
    }
    body.scratch #sector_8 {
        padding-top: 96px;
        padding-bottom: 145px;
    }
    body.unity header .left {
        width: 70%;
    }
    body.unity header .right img {
        top: 122px;
        right: -34px;
        max-width: 607px;
    }
    body.unity header .right .video {
        top: 140px;
        right: 45px;
        height: 280px;
        width: 449px;
    }
    body.unity header .left h1 {
        font-size: 38px;
        margin-bottom: 19px;
        width: 78%;
    }
    body.unity header .left .text {
        font-size: 18px;
    }
    body.unity header .left .robot {
        margin-top: 50px;
    }
    body.unity header .left .btn {
        width: 292px;
    }
    #sector_32 {
        margin: -8px 0 0 0;
        padding: 141px 0 195px 0;
    }
    #sector_32 .title {
        margin: 0 0 58px 0;
        font-size: 30px;
    }
    #sector_32 .box {
        width: 77%;
        padding: 0;
    }
    #sector_10 .box .item {
        padding: 50px 72px 32px 55px;
    }
    body.unity #sector_10 .box .item.it-3 {
        padding: 50px 57px 58px 57px;
    }
    body.unity #sector_11 {
        padding: 183px 0 166px 0;
    }
    body.unity #sector_11 .box .title {
        width: 52%;
        font-size: 30px;
    }
    body.unity #sector_11 .box .btn {
        margin: 84px 0 0 0;
    }
    body.unity #sector_12 {
        padding: 159px 0 212px 0;
    }
    #sector_33 {
        padding: 246px 0 249px 0;
    }
    #sector_33 .title {
        margin: 0 0 91px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_33 .box .item {
        width: 48%;
    }
    body.unity #sector_15 {
        padding: 120px 0 73px 0;
    }
    body.unity #sector_15 .box .btn {
        margin: 43px 0 0 auto;
        width: 293px;
    }
    body.unity #sector_21 {
        padding: 202px 0 171px 0;
    }
    body.unity #sector_8 {
        padding-bottom: 143px;
    }
    body.scratch header .left ul {
        margin: 3px 0 62px 0;
    }
    body.scratch.roblox header .left h1 {
        margin-bottom: 29px;
        width: 65%;
    }
    body.scratch.roblox header .left .text {
        width: 64%;
    }
    body.scratch.roblox header .left .robot {
        width: 65%;
    }
    body.scratch.roblox header .right img {
        top: 135px;
    }
    body.scratch.roblox #sector_12 {
        margin: -11px 0 0 0;
        padding: 154px 0 158px 0;
    }
    body.scratch.roblox #sector_29 {
        margin: 30px 0 0 0;
    }
    body.roblox #sector_29 .title {
        margin: 0 0 90px 0;
    }
    body.roblox #sector_30 {
        margin: 25px 0 0 0;
        padding: 152px 0 179px 0;
    }
    body.roblox #sector_30 .btn {
        margin: 19px 0 0 auto;
        width: 293px;
    }
    body.roblox #sector_31 {
        margin: 51px 0 0 0;
    }
    body.roblox #sector_31 .title {
        margin: 0 0 60px 0;
    }
    body.scratch.roblox #sector_21 {
        margin: 106px 0 0 0;
    }
    body.scratch.roblox #sector_21 .title {
        margin: 0 0 60px 0;
    }
    body.scratch.roblox #sector_8 {
        padding-top: 86px;
        padding-bottom: 167px;
    }
    body.about header .name {
        border: 1px solid #020516;
        font-size: 18px;
        line-height: 21px;
        margin: 65px 0 60px 0;
    }
    body.about header .text {
        font-size: 34px;
    }
    body.about header .sub{
        width: 43.3%;
    }
    #sector_34 {
        padding: 215px 0 121px 0;
    }
    #sector_34 .box .title {
        font-size: 40px;
        line-height: 60px;
    }
    #sector_34 .box .btn {
        width: 293px;
    }
    #sector_34 .box .item .text {
        font-size: 20px;
    }
    #sector_34 .box .item img {
        height: 70px;
    }
    #sector_34 .box .item {
        width: 25%;
    }
    #sector_35 {
        margin: 60px 0 0 0;
    }
    #sector_35 .title {
        margin: 0 0 50px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_35 .plyr {
        height: 546px;
    }
    #sector_36 {
        margin: 0 0 0 0;
        padding: 161px 0 232px 0;
    }
    #sector_36 .title {
        margin: 0 0 50px 0;
        font-size: 40px;
        line-height: 48px;
    }
    #sector_36 .box .item ul li {
        border: 1px solid #FFFFFF;
        font-size: 18px;
        line-height: 21px;
        padding: 9px 19px;
        margin: 0 10px 19px 0;
    }
    #sector_36 .box .item {
        width: 31.4%;
        padding: 29px 32px;
        margin-bottom: 34px;
    }
    #sector_36 .box .item img {
        width: 91%;
    }
    #sector_36 .box .item {
        padding: 29px 13px 37px 32px;
        margin-bottom: 30px;
    }
    #sector_37 {
        margin: -420px 0 -54px 0;
        padding: 383px 0 230px 0;
    }
    #sector_37 .title {
        margin: 0 0 31px 0;
        font-size: 32px;
    }
    #sector_37 .box .text {
        font-size: 25px;
    }
    #sector_37 .box .btn {
        margin: 74px 0 0 0;
        width: 214px;
    }
    #sector_38 .name {
        margin: 65px 0 82px 0;
        border: 1px solid #020516;
        font-size: 18px;
        line-height: 21px;
        padding: 9px 20px;
    }
    #sector_38 .text p {
        margin-bottom: 22px;
    }
    #error {
        margin: 75px 0 83px 0;
    }
    #error .title {
        font-size: 280px;
        line-height: 337px;
    }
    #error .text {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 61px;
        margin-top: 19px;
    }
    .btn_top{
        background: #D8451F url("../img/arrow.svg") 50% 50% no-repeat;
        width: 50px;
        height: 50px;
        position: fixed;
        right: 10px;
        bottom: 10px;
        cursor: pointer;
        transition: all 0.5s ease-in;
        display: none;
        z-index: 100;
    }
    body.scratch.jr header .left {
        width: 75%;
    }
    body.scratch.jr header .left h1 {
        width: 60%;
    }
    body.scratch.jr header .left .text {
        width: 60%;
    }
    body.scratch.web header .left {
        width: 75%;
    }
    body.scratch.web header .left .text {
        width: 60%;
    }
    body.scratch.comp header .left {
        width: 75%;
    }
    body.scratch.comp header .left h1 {
        width: 70%;
    }
    body.scratch.comp header .left .text {
        width: 55%;
    }
    body.scratch.graf header .left {
        width: 75%;
    }
    body.scratch.graf header .left .text {
        width: 55%;
    }
    #sector_1 .form{
        width: 100%;
    }
    #sector_1 .form .items {
        width: 47%;
    }
    body.scratch.lego header .left {
        width: 75%;
    }
    body.scratch.lego header .left .text {
        width: 55%;
    }
    body.scratch.lego #sector_12{
        padding: 161px 0 126px 0;
    }
    body.scratch.webo header .left {
        width: 72%;
    }
    body.scratch.webo #sector_12{
        padding: 161px 0 161px 0;
    }
    body.scratch.webo #sector_29 .box .text {
        width: 40%;
    }
    body.scratch.webo #sector_29 .box .robot {
        width: 45%;
    }
    body.scratch.videoblog header .left {
        width: 75%;
    }
    body.scratch.videoblog header .left .text {
        width: 53%;
    }
}
@media (max-width: 991px) {
    header .container,
    .container{
        max-width: 720px;
    }
    .navbar-expand-md {
        padding-top: 39px;
    }
    .navbar-light .navbar-toggler{
        display: block;
        padding: 0;
        width: 66px;
        margin: -5px 4px 0 0;
        border: none;
        z-index: 1;
        box-shadow: none;
    }
    .navbar-expand-md .navbar-collapse{
        display: block !important;
        position: absolute;
        background: #1B2777 url('../img/bg32.svg') 0 0 no-repeat;
        left: 0;
        top: 0;
        width: 100%;
        height: 930px;
    }
    .navbar-expand-md .navbar-collapse:not(.show){
        display: none !important;
    }
    .navbar-light .navbar-toggler-icon{
        display: none;
    }
    .navbar-light .navbar-toggler:before{
        content: '';
        background: #FBFBFF;
        width: 100%;
        height: 3px;
        display: block;
        margin-bottom: 12px;
        transition: all 0.5s;
    }
    .navbar-light .navbar-toggler:after{
        content: '';
        background: #FBFBFF;
        width: 100%;
        height: 3px;
        display: block;
        transition: all 0.5s;
        margin-top: 0;
    }
    .navbar-light .navbar-toggler[aria-expanded="true"]:before{
        background: #020516;
        transform: rotate(-45deg);
        margin: 0;
    }
    .navbar-light .navbar-toggler[aria-expanded="true"]:after{
        background: #020516;
        transform: rotate(45deg);
        margin-top: -2px;
    }
    .navbar-light .navbar-brand{
        position: relative;
        z-index: 1;
        mix-blend-mode: difference;
        transition: all 0.5s;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 25px;
        line-height: 29px;
        color: #020516;
    }
    .navbar-expand-md .navbar-nav{
        display: block;
        margin-top: 142px;
    }
    .navbar-nav li {
        margin-right: 0;
        text-align: center;
        margin-bottom: 51px;
    }
    .navbar-expand-md .navbar-collapse .btn{
        background: #D8451F;
        color: #fff;
        margin: 68px auto 0 auto;
        width: 334px;
        height: 74px;
    }
    header .left h1 {
        font-size: 110px;
        margin-bottom: 31px;
    }
    header .box {
        margin-top: 53px;
    }
    header .left {
        width: 80%;
        position: relative;
        z-index: 1;
    }
    header .left .text {
        margin-bottom: 72px;
        width: 75%;
    }
    header .right {
        width: 20%;
    }
    header{
        padding-bottom: 290px;
    }
    header .right img {
        top: -136px;
        right: -235px;
        width: 975px;
        max-width: 975px;
    }
    .navbar-expand-md {
        z-index: 2;
    }
    #sector_1 {
        margin-top: 202px;
    }
    #sector_1:before{
        top: -71px;
        transform: rotate(4.4deg);
    }
    #sector_1 .title {
        margin: 0 0 60px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_1 .form .items:last-child{
        margin-right: 0;
    }
    #sector_1 .form .items {
        width: 48.5%;
    }
    #sector_1 .form{
        margin-bottom: 0;
    }
    #sector_1 .box .item {
        width: 48%;
        padding: 40px 30px 41px 43px;
    }
    #sector_1 .box .item .date {
        padding: 6px 18px 6px 18px;
        font-size: 16px;
        line-height: 19px;
        margin-right: 10px;
        height: 39px;
        margin-bottom: 10px;
    }
    #sector_1 .box .item .leng {
        height: 39px;
        padding: 10px 19px 10px 18px;
        font-size: 16px;
        line-height: 19px;
        margin: 0 10px 10px 0;
    }
    #sector_1 .box .item .name,
    #sector_1 .box .item .price{
        font-size: 16px;
        line-height: 19px;
        height: 39px;
        margin: 0 10px 10px 0;
    }
    #sector_1 .box .item .top {
        margin-bottom: 30px;
        width: 285px;
    }
    #sector_1 .box .item .text {
        font-size: 14px;
        margin-bottom: 30px;
        width: 90%;
    }
    #sector_1 .box .item .zag {
        font-size: 20px;
        margin-bottom: 22px;
    }
    #sector_1 .box .item .bot .price {
        font-size: 20px;
        line-height: 24px;
    }
    #sector_1 .box .item .bot .btn {
        width: 160px;
        height: 46px;
    }
    #sector_1 .box .item.it-2 {
        padding: 40px 32px 52px 41px;
    }
    #sector_1 .box .item.it-2 .zag {
        margin-bottom: 22px;
    }
    #sector_1 .box .item.it-2 .text {
        margin-bottom: 48px;
    }
    #sector_1 .box .item .img {
        margin: 99px 0 0 -41px;
        width: 332px;
    }
    #sector_1 .box .item.it-2 .img {
        margin: -165px 0 0 auto;
    }
    #sector_1 .box .item.it-3 .zag {
        margin-bottom: 21px;
    }
    #sector_1 .box .item.it-3 {
        padding: 40px 30px 42px 43px;
    }
    #sector_1 .box .item.it-4 {
        margin: 30px 0;
        padding: 40px 30px 42px 43px;
    }
    #sector_1 .box .item.it-5 {
        padding: 40px 30px 42px 43px;
    }
    #sector_1 .box .item.it-6 {
        padding: 40px 32px 39px 41px;
    }
    #sector_1 .box .item.it-7 {
        padding: 40px 30px 42px 43px;
    }
    #sector_1 .box .item.it-7 .img {
        margin: -215px 0 0 auto;
        width: 30%;
    }
    #sector_1 .box .item.it-8 {
        padding: 40px 30px 172px 43px;
    }
    #sector_1 .box .item.it-9 {
        padding: 40px 18px 42px 43px;
    }
    #sector_1 .box .item.it-11 {
        padding: 40px 32px 39px 41px;
    }
    #sector_1 .box .item.it-12{
        padding: 40px 32px 39px 41px;
    }
    #sector_1 .box .item.it-10 {
        margin-bottom: -319px;
        height: 675px;
    }
    #sector_1 .box .item.it-13{
        padding: 40px 30px 41px 43px;
    }
    #sector_1 .box .item.it-13 .img {
        margin: -180px 0 0 auto;
        width: 27%;
    }
    #sector_1:after{
        transform: rotate(6deg);
        left: -15px;
        bottom: -193px;
    }
    #sector_2 .box .title {
        font-size: 35px;
        line-height: 45px;
    }
    #sector_2 {
        padding-top: 295px;
    }
    #sector_2 .box .item .text {
        font-size: 20px;
    }
    #sector_2 .box .item .icon {
        height: 50px;
        margin: 0 auto 25px auto;
    }
    #sector_3 {
        margin-top: 192px;
    }
    #sector_3:before {
        width: 115%;
        left: -50px;
        top: -93px;
        transform: rotate(4deg);
    }
    #sector_3 .box .left {
        width: 63%;
    }
    #sector_3 .box .left .title {
        font-size: 25px;
    }
    #sector_3 .box .left .text {
        font-size: 24px;
        width: 90%;
    }
    #sector_3 .box .right {
        width: 31%;
        margin-top: 66px;
    }
    #sector_3:after {
        width: 115%;
        left: -50px;
        bottom: -106px;
        transform: rotate(-3deg);
    }
    #sector_4 {
        padding-top: 210px;
        padding-bottom: 53px;
    }
    #sector_4 .title {
        margin: 0 0 60px 0;
        font-size: 35px;
        line-height: 40px;
    }
    #sector_4 .box {
        flex-wrap: wrap;
    }
    #sector_4 .box .item {
        width: 100%;
        height: 82px;
        transition: .5s height;
    }
    #sector_4 .box .item .name {
        font-size: 50px;
        line-height: 58px;
        width: 100%;
        margin-top: 11px;
        left: 65px;
        transform: rotate(0deg);
    }
    #sector_4 .box .item.it-2 {
        width: 100%;
    }
    #sector_4 .box .item.it-3 {
        width: 100%;
    }
    #sector_4 .box .item.it-4 {
        width: 100%;
    }
    #sector_4 .box .item.it-5 {
        width: 100%;
    }
    #sector_4 .box .item.it-6 {
        width: 100%;
    }
    #sector_4 .box:hover .item {
        width: 100%;
        height: 60px;
    }
    #sector_4 .box .item:hover {
        width: 100%;
        height: 690px;
    }
    #sector_4 .box:hover .item .name {
        font-size: 50px;
        line-height: 58px;
        width: 100%;
        margin-top: 0;
    }
    #sector_4 .box:hover .item:hover .name {
        font-size: 50px;
        line-height: 58px;
    }
    #sector_4 .box .item .plyr--video {
        width: 90%;
        left: 0;
        right: 0;
        top: 20%;
        margin: auto;
    }
    #sector_5 .box .title {
        font-size: 35px;
        line-height: 42px;
        padding-top: 0;
    }
    #sector_5 {
        padding-top: 201px;
        padding-bottom: 201px;
    }
    #sector_5 .box .btn {
        width: 211px;
        height: 49px;
        margin: -4px 3px 0 0;
    }
    #sector_5 .box {
        margin: 0 auto 64px auto;
    }
    #sector_5 .box .item .text {
        font-size: 20px;
    }
    #sector_5 .box .item .icon {
        height: 50px;
        margin-bottom: 29px;
    }
    #sector_5 .box .item:nth-child(2) .icon {
        margin-top: 0;
        margin-bottom: 43px;
        height: 36px;
    }
    #sector_5 .box .item:nth-child(3) .icon {
        height: 38px;
        margin-top: -3px;
        margin-bottom: 47px;
    }
    #sector_6{
        padding-top: 0;
        padding-bottom: 107px;
    }
    #sector_6 .box {
        padding: 20px 54px 22px 24px;
    }
    #sector_6 .box .curs {
        height: 39px;
        font-size: 16px;
        line-height: 19px;
    }
    #sector_6 .box .name {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 30px;
    }
    #sector_6 .box .text {
        font-size: 15px;
    }
    #sector_6 .box .text p {
        margin-bottom: 23px;
    }
    #sector_6 .title {
        margin: 0 0 60px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_6:after {
        transform: rotate(1deg);
        width: 115%;
        height: 70px;
        left: -40px;
        bottom: -7px;
    }
    #sector_7 {
        padding-top: 54px;
        padding-bottom: 59px;
    }
    #sector_7 .title {
        font-size: 35px;
        line-height: 42px;
    }
    #sector_7 .box .item .name {
        font-size: 15px;
        margin-bottom: 5px;
    }
    #sector_7 .box .item .text {
        font-size: 13px;
    }
    #sector_7 .box .item {
        padding: 11px 25px 27px 17px;
        width: 47.5%;
    }
    #sector_7 .box .left {
        width: 65.4%;
    }
    #sector_7 .box .item.it-2{
        width: 46%;
    }
    #sector_7 .box .right {
        width: 30%;
    }
    #sector_7 .box .item.it-7 {
        padding: 11px 25px 5px 10px;
    }
    #sector_7 .box .item.it-8{
        padding: 11px 25px 8px 10px;
    }
    #sector_7 .box .item .video {
        height: 506px;
    }
    #sector_7 .box .item.it-3 {
        margin-top: -161px;
        padding-bottom: 14px;
    }
    #sector_7 .box .item.it-5 .video {
        height: 464px;
    }
    #sector_7 .box .item.it-5{
        margin: 0;
    }
    #sector_7:after{
        width: 115%;
        bottom: -24px;
        height: 90px;
    }
    #sector_8 {
        padding-top: 63px;
        padding-bottom: 49px;
    }
    #sector_8 form {
        width: 56%;
    }
    #sector_8 label {
        font-size: 17px;
        line-height: 20px;
        margin: 0 0 7px 14px;
    }
    #sector_8 select, #sector_8 .new-select{
        height: 42px;
        padding: 12px 13px;
        font-size: 15px;
        line-height: 17px;
    }
    #sector_8 form .col-md-12 {
        margin-bottom: 9px;
    }
    #sector_8 form .col-12{
        padding: 0;
    }
    #sector_8 input{
        height: 42px;
        padding: 0 13px;
        font-size: 15px;
        line-height: 17px;
    }
    #sector_8 .btn {
        margin: 41px 5px 15px auto;
        width: 240px;
    }
    #sector_8 .text {
         font-size: 10px;
         line-height: 12px;
         width: 67%;
    }
    #sector_8 .title {
        font-size: 30px;
        margin-top: 122px;
    }
    #sector_8 .yes .title {
        font-size: 26px;
    }
    footer {
        padding: 48px 0 55px;
    }
    footer .box .item .logo {
        width: 94px;
        margin-bottom: 22px;
    }
    footer .box .item .copy {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 13px 2px;
    }
    footer .box .item .polit a {
        font-size: 10px;
        line-height: 12px;
    }
    footer .box .item ul li a {
        font-size: 15px;
        line-height: 17px;
    }
    footer .box .item ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    footer .box .item:nth-child(3){
        position: absolute;
        left: 0;
        right: 0;
        width: 34%;
        margin: 0 auto;
        top: 43px;
        padding: 0 22px 0 0;
    }
    footer .box .item .soc a {
        margin-right: 0;
    }
    footer .box{
        position: relative;
    }
    footer .box .item .btn {
        margin: 4px 0 15px auto;
        height: 47px;
        width: 174px;
        font-size: 16px;
        line-height: 19px;
    }
    footer .box .item ul li {
        margin-bottom: 0;
        margin-right: 20px;
    }
    footer .box .item .tel {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 15px;
    }
    footer .box .item .mail {
        font-size: 15px;
        line-height: 17px;
    }
    footer .box .item {
        width: 33%;
    }
    .modal-content{
        background: #1B2777;
    }
    .modal-body .box .left {
        background: none;
        width: 100%;
        margin: 12px 0 0 0;
        padding: 39px 50px 0 90px;
    }
    .modal-title {
        font-size: 30px;
        margin: 48px 0 0 0;
        width: 85%;
    }
    .modal-body label{
        color: #FBFBFF;
    }
    .modal-body .box .right {
        width: 100%;
        padding: 37px 116px 60px 140px;
    }
    .modal-body select, .modal-body .new-select{
        border: 1px solid #FBFBFF;
        background-color: #FBFBFF;
    }
    .modal-body input{
        border: 1px solid #FBFBFF;
        background-color: #FBFBFF;
    }
    .modal-body .btn {
        margin: 50px 0 20px auto;
        width: 100%;
        height: 60px;
    }
    .modal-body .text {
        font-size: 14px;
        line-height: 16px;
        color: #FBFBFF;
        width: 100%;
    }
    .modal-body .text a{
        color: #FBFBFF;
    }
    .modal-dialog {
        max-width: 690px;
    }
    #modal_1_yes .modal-body {
        background: none;
    }
    #modal_2 .modal-content {
        background: #FBFBFF;
    }
    #modal_2 .modal-body label {
        color: #020516;
    }
    #modal_2 .modal-body select, #modal_2 .modal-body .new-select {
        border: 1px solid #020516;
        background-color: transparent;
    }
    #modal_2 .modal-body input {
        border: 1px solid #020516;
        background-color: transparent;
    }
    #modal_2 .modal-body .text{
        color: #020516;
    }
    #modal_2 .modal-body .text a{
        color: #020516;
    }
    #modal_2_yes .modal-content {
        background: #FBFBFF;
    }
    body.curs .navbar-light .navbar-toggler:before,
    body.curs .navbar-light .navbar-toggler:after{
        background: #020516;
    }
    body.curs .navbar-light .navbar-brand {
        mix-blend-mode: darken;
    }
    body.curs header .box {
        margin-top: 35px;
    }
    header .left ul li {
        font-size: 15px;
        line-height: 17px;
        height: 37px;
        margin-right: 10px;
    }
    body.curs header .left {
        width: 100%;
    }
    header .left ul {
        margin: 3px 0 51px 0;
    }
    body.curs header .left .text {
        font-size: 15px;
        width: 48%;
        margin-bottom: 28px;
    }
    body.curs header .left .btn {
        width: 213px;
        height: 55px;
    }
    body.curs header .left h1 {
        font-size: 30px;
        width: 50%;
        margin-bottom: 21px;
    }
    header .left .robot {
        margin-top: 52px;
        width: 100%;
    }
    header .left .robot .item {
        width: 25%;
    }
    header .left .robot .item span {
        font-size: 16px;
    }
    body.curs header .right img {
        top: 0;
        right: -120px;
        max-width: 600px;
    }
    body.curs header {
        padding-bottom: 0;
    }
    #sector_9 .box .text {
        font-size: 17px;
    }
    #sector_9 {
        padding: 92px 0 95px 0;
    }
    #sector_9 .box .title {
        width: 70%;
        font-size: 25px;
        margin: 24px auto 0 auto;
    }
    #sector_10 {
        margin: 80px 0 0 0;
    }
    #sector_10 .title {
        margin: 0 0 45px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_10 .box .item {
        padding: 39px 30px 32px 43px;
        width: 48%;
    }
    #sector_10 .box .item .date {
        padding: 0 18px;
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 20px;
        height: 39px;
    }
    #sector_10 .box .item .zag {
        font-size: 22px;
        margin-bottom: 10px;
    }
    #sector_10 .box .item .text {
        font-size: 15px;
    }
    #sector_10 .box .item .box .item span {
        font-size: 15px;
    }
    #sector_10 .box .item .box .item img {
        width: 21px;
        margin-right: 4px;
    }
    #sector_10 .box .item .box {
        margin: 33px 0 0 0;
    }
    #sector_10 .box .item .box .item{
        margin-bottom: 9px;
    }
    #sector_10 .box .item.it-3 {
        padding: 39px 30px 32px 43px;
    }
    #sector_10 .box .item.it-4 {
        padding: 39px 30px 32px 43px;
    }
    #sector_11 .box .title {
        font-size: 25px;
    }
    #sector_11 {
        padding: 185px 0 115px 0;
        margin: 0;
    }
    #sector_11 .box .btn{
        width: 35%;
    }
    #sector_12 {
        padding: 177px 0 187px 0;
    }
    #sector_12 .title {
        margin: 0 0 69px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_12 .box .item .img img {
        height: 51px;
    }
    #sector_12 .box .item .text {
        font-size: 16px;
    }
    #sector_12 {
        padding: 177px 0 135px 0;
    }
    #sector_13 {
        margin: 95px 0 0 0;
    }
    #sector_13 .title {
        margin: 0 0 71px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_13 .box .text {
        font-size: 17px;
    }
    #sector_13 .box .iten ul li {
        font-size: 19px;
    }
    #sector_13 .box .iten {
        width: 25.6%;
    }
    #sector_13 .zag {
        margin: 38px 0 31px 0;
        font-size: 25px;
    }
    #sector_13 .box .img {
        width: 50%;
    }
    #sector_13 .box .img + .text {
        width: 100%;
        padding: 12px 0 0 0;
        font-size: 17px;
    }
    #sector_13 .zag.it-1 {
        margin: 66px 0 35px 0;
    }
    #sector_13 .box .video {
        height: 200px;
    }
    #sector_13 .box .video + .text {
        font-size: 17px;
    }
    #sector_13 .box .video + .text p:last-child{
        display: none;
    }
    #sector_13 .zag.it-1 + .box {
        margin-bottom: 65px;
    }
    #sector_13 .plyr {
        height: 355px;
    }
    #sector_14 {
        margin: 128px 0 0 0;
    }
    #sector_14 .title {
        margin: 0 0 55px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_14 .box .item {
        height: 200px;
        width: 30.5%;
    }
    #sector_14 .box .item .name {
        font-size: 20px;
    }
    #sector_14 .box .item.it-2 {
        height: 254px;
    }
    #sector_14 .box .item.it-3 {
        margin: -55px 0 0 0;
        height: 209px;
    }
    #sector_14 .box .item.it-5 {
        width: 25%;
        height: 154px;
    }
    #sector_14 .box .item.it-4 {
        width: 36%;
        height: 155px;
    }
    #sector_14 .box .item.it-6 {
        height: 367px;
    }
    #sector_15 {
        margin: 115px 0 0 0;
        padding: 72px 0 182px 0;
    }
    #sector_15 .box .title {
        font-size: 25px;
        width: 100%;
    }
    #sector_15 .box .btn {
        margin: 28px 0 0 auto;
    }
    body.curs #sector_4 {
        padding-top: 74px;
    }
    body.curs #sector_4 .title {
        margin: 0 0 50px 0;
    }
    body.curs #sector_4 .box .item {
        height: 140px;
    }
    body.curs #sector_4 .box .item .name {
        font-size: 30px;
        line-height: 36px;
        left: 38px;
    }
    #sector_4 .item .box .left .text{
        font-size: 18px;
    }
    #sector_4 .item .box .left .spis .items .txt {
        font-size: 16px;
    }
    body.curs #sector_4 .item .box{
        padding: 0;
    }
    #sector_16 {
        padding: 134px 0 134px 0;
    }
    #sector_16 .title {
        margin: 0 0 50px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_16 .box .video {
        height: 233px;
    }
    #sector_16 .box .text {
        font-size: 20px;
        margin-top: 86px;
    }
    #sector_17 {
        padding: 207px 0 150px 0;
    }
    #sector_17 .box .video {
        height: 230px;
    }
    #sector_17 .box .text {
        font-size: 20px;
        width: 29%;
        margin-top: 91px;
        text-align: left;
        margin-left: 13px;
    }
    body.curs #sector_8 {
        padding-top: 86px;
    }
    body.curs footer {
        padding: 38px 0 55px;
    }
    #sector_1 .box .item.it-4 .img img {
        margin-left: 0;
        margin-top: 0;
    }
    #sector_1 .box .item.it-1 {
        padding: 40px 30px 42px 43px;
    }

    body.python header .box {
        margin-top: 35px;
    }
    body.python header .left {
        width: 100%;
    }
    body.python header .right img {
        top: 97px;
        right: -25px;
        max-width: 391px;
    }
    body.python header .left ul {
        margin: 3px 0 61px 0;
    }
    body.python header .left h1 {
        font-size: 30px;
        width: 48%;
        margin-bottom: 11px;
    }
    body.python header .left .text {
        font-size: 15px;
        width: 55%;
    }
    body.python header .left .btn {
        width: 31%;
        height: 55px;
    }
    body.python header .left .robot {
        margin-top: 50px;
        width: 100%;
    }
    body.python #sector_9 {
        padding: 98px 0 85px 0;
    }
    body.python #sector_9 .box .text {
        font-size: 24px;
        width: 48%;
        height: 100%;
    }
    body.python #sector_9 .box .title {
        font-size: 24px;
        margin: 115px 0 0 auto;
        width: 48%;
    }
    body.python #sector_10 {
        margin: 79px 0 0 0;
    }
    body.python #sector_10 .box .item {
        padding: 38px 0 32px 40px;
    }
    body.python #sector_10 .box .item .text {
        margin-bottom: 13px;
    }
    body.python #sector_11 {
        padding: 173px 0 133px 0;
        margin: -51px 0 0 0;
    }
    #sector_11 .text {
        font-size: 15px;
        line-height: 16px;
        width: 100%;
        margin: 51px 0 0 auto;
    }
    body.python #sector_11 .box .btn {
        margin: 5px 0 0 auto;
        height: 58px;
    }
    body.python #sector_12 {
        padding: 129px 0 175px 0;
    }
    body.python #sector_13 {
        background-size: 74%;
        margin: 35px 0 0 0;
    }
    body.python #sector_13 .box .item {
        font-size: 16px;
        left: 4px;
        top: 41px;
        width: 300px;
    }
    body.python #sector_13 .box .item:nth-child(2) {
        top: -13px;
        right: 0;
        width: 283px;
    }
    body.python #sector_13 .box .item:nth-child(3) {
        left: 4px;
        bottom: 159px;
        width: 355px;
    }
    body.python #sector_13 .box .item:nth-child(4) {
        right: 0;
        bottom: 135px;
        width: 213px;
    }
    body.python #sector_13 .box {
        height: 552px;
    }
    #sector_18 {
        padding: 148px 0 176px 0;
    }
    #sector_18 .title {
        font-size: 35px;
        line-height: 42px;
        margin: 0 0 39px 0;
    }
    #sector_18 .text {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 15px;
    }
    #sector_19 .text {
        font-size: 18px;
        line-height: 21px;
    }
    #sector_19 {
        padding: 91px 0 113px 0;
    }
    #sector_20 {
        margin: 79px 0 0 0;
    }
    #sector_20 .box .btn {
        margin: -4px 0 0 auto;
        height: 69px;
        width: 35%;
    }
    #sector_21 {
        margin: 119px 0 0 0;
    }
    #sector_21 .title {
        margin: 0 0 54px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_21 .item .box .right {
        width: 53%;
    }
    #sector_21 .item {
        margin: 0 auto 29px auto;
        padding: 31px 34px 16px 33px;
    }
    #sector_21 .item .name {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    #sector_21 .item .box .left .text {
        font-size: 18px;
        width: 90%;
        margin-bottom: 28px;
    }
    #sector_21 .item .box .left .spis .items .txt {
        font-size: 18px;
    }
    #sector_21 .item .box .left .spis .items img {
        margin-right: 7px;
    }
    #sector_21 .item .box .left .spis .items{
        margin-bottom: 15px;
    }
    #sector_21 .item.it-2 {
        padding: 31px 34px 16px 33px;
    }
    #sector_21 .item.it-2 .box .right {
        width: 53%;
    }
    #sector_21 .item.it-2 .box .left {
        width: 43%;
    }
    body.comics .navbar-light .navbar-toggler:before,
    body.comics .navbar-light .navbar-toggler:after{
        background: #020516;
    }
    body.comics .navbar-light .navbar-brand{
        mix-blend-mode: initial;
    }
    body.comics header .box {
        margin-top: 35px;
    }
    body.comics header .left {
        width: 100%;
    }
    body.comics header .right img {
        max-width: 361px;
    }
    body.comics header .left ul {
        margin: 3px 0 61px 0;
    }
    body.comics header .left h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    body.comics header .left .text {
        font-size: 15px;
        width: 50%;
    }
    body.comics header .left .btn {
        width: 212px;
        height: 57px;
    }
    body.comics header .left .robot {
        width: 100%;
    }
    body.comics header {
        padding-bottom: 0;
    }
    body.comics #sector_9 {
        margin: -2px 0 0 0;
        padding: 117px 0 180px 0;
    }
    body.comics #sector_9 .box .title {
        margin: -7px 0 0 auto;
    }
    #sector_22 {
        margin: -29px 0 0 0;
    }
    #sector_22 .title {
        margin: 0 0 60px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_22 .box .item .text {
        font-size: 15px;
    }
    #sector_22 .box .item .num {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 7px;
    }
    body.comics #sector_11 {
        padding: 148px 0 124px 0;
    }
    body.comics #sector_11 .box .btn {
        margin: 92px 0 0 0;
        height: 58px;
    }
    #sector_23 {
        padding: 204px 0 127px 0;
    }
    #sector_23 .box .img {
        width: 10%;
    }
    #sector_23 .title {
        margin: 0 0 70px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_23 .box .text {
        width: 86%;
        font-size: 16px;
        padding: 0;
    }
    #sector_23 .box .text p {
        margin-bottom: 26px;
    }
    #sector_24 .title {
        font-size: 170px;
        line-height: 205px;
    }
    #sector_24 {
        margin: 19px 0 0 0;
    }
    #sector_24 .text {
        font-size: 16px;
        line-height: 150%;
        margin: 1px 0 48px auto;
        text-align: left;
        width: 88%;
    }
    #sector_24 ul li {
        font-size: 15px;
        line-height: 17px;
        margin-right: 73px;
        margin-bottom: 10px;
        border: 1px solid #020516;
        padding: 9px 19px;
    }
    #sector_24 ul li:nth-child(3){
        margin-right: 0;
    }
    #sector_24 ul li:nth-child(5) {
        margin-right: 58px;
    }
    #sector_24 ul li:nth-child(4) {
        margin-right: 73px;
    }
    #sector_24 ul li:nth-child(6) {
        margin-right: 0;
    }
    #sector_24 ul li:nth-child(7) {
        margin-right: 73px;
    }
    #sector_24 ul li:nth-child(8) {
        margin-right: 73px;
    }
    #sector_24 ul li:nth-child(9), #sector_24 ul li:nth-child(10), #sector_24 ul li:nth-child(11) {
        margin-right: 36px;
    }
    #sector_24 .btn {
        margin: 40px 0 0 auto;
        width: 243px;
        height: 58px;
    }
    body.comics #sector_21 {
        margin: 70px 0 0 0;
    }
    body.comics #sector_21 .title {
        margin: 0 0 54px 0;
    }
    body.comics #sector_21 .item {
        padding: 30px 37px 44px 34px;
        background: #380064;
    }
    body.comics #sector_21 .item .box .left {
        width: 43%;
    }
    body.comics #sector_21 .item .box .right {
        width: 54%;
    }
    body.comics #sector_21 .item .name {
        margin-bottom: 20px;
    }
    body.comics #sector_21 .item .box .left .text {
        width: 100%;
        margin-bottom: 18px;
        overflow: hidden;
        height: 189px;
    }
    body.comics #sector_21 .item .box .left .spis .items img {
        margin-right: 17px;
    }
    #sector_25 {
        padding: 120px 0 175px 0;
    }
    #sector_25 .title {
        margin: 0 0 70px 0;
        font-size: 37px;
        line-height: 48px;
    }
    #sector_25 .box img:nth-child(3) {
        margin: 58px 0 0 -45px;
    }
    #sector_25 .box img:nth-child(4) {
        margin: 91px 0 0 -22px;
    }
    #sector_25 .box img:nth-child(5) {
        width: 35%;
        margin: 91px -16px 0 -18px;
    }
    #sector_26 {
        margin: -51px 0 0 0;
        padding: 146px 0 141px 0;
    }
    #sector_26 .box .text {
        font-size: 15px;
        width: 32%;
    }
    #sector_26 .title {
        margin: 0 0 88px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_27 {
        padding: 163px 0 122px 0;
    }
    #sector_27 .box .text {
        font-size: 15px;
        width: 32%;
    }
    #sector_28 .box .text {
        font-size: 15px;
        width: 32%;
    }
    #sector_28 {
        padding: 151px 0 164px 0;
    }
    body.comics #sector_8 {
        padding-top: 34px;
        padding-bottom: 149px;
    }
    body.comics footer {
        padding: 36px 0 55px;
    }
    body.scratch .navbar-light .navbar-toggler:before,
    body.scratch .navbar-light .navbar-toggler:after{
        background: #020516;
    }
    body.scratch header .box {
        margin-top: 35px;
    }
    body.scratch header .left {
        width: 100%;
    }
    body.scratch header .right img {
        top: 95px;
        right: -19px;
        max-width: 450px;
    }
    body.scratch header .right .video {
        top: 108px;
        right: 37px;
        height: 208px;
        width: 336px;
    }
    body.scratch header .left ul {
        margin: 3px 0 61px 0;
    }
    body.scratch header .left h1 {
        font-size: 30px;
        margin-bottom: 11px;
        width: 49%;
    }
    body.scratch header .left .text {
        font-size: 15px;
        width: 40%;
        margin-bottom: 42px;
    }
    body.scratch header .left .btn {
        width: 213px;
        height: 54px;
    }
    body.scratch header .left .robot {
        width: 100%;
        margin-top: 42px;
    }
    body.scratch header {
        padding-bottom: 14px;
    }
    body.scratch #sector_12 {
        padding: 150px 0 160px 0;
    }
    #sector_29 {
        margin: 107px 0 0 0;
    }
    #sector_29 .title {
        margin: 0 0 78px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_29 .box .name {
        font-size: 15px;
        line-height: 17px;
        padding: 8px 19px;
    }
    #sector_29 .box .robot {
        width: 36.6%;
    }
    #sector_29 .box .robot .item span {
        font-size: 15px;
    }
    #sector_29 .box .robot .item img {
        margin-right: 10px;
        width: 23px;
    }
    #sector_29 .box .text {
        width: 47%;
        font-size: 15px;
    }
    #sector_29 .box .text p {
        margin-bottom: 25px;
    }
    #sector_30 {
        margin: 47px 0 0 0;
        padding: 114px 0 160px 0;
    }
    #sector_30 .title {
        margin: 0 0 50px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_30 .box .img {
        width: 10%;
    }
    #sector_30 .box .text {
        font-size: 17px;
        width: 85.7%;
    }
    #sector_30 .box .text p {
        margin-bottom: 29px;
    }
    #sector_30 .zag {
        width: 100%;
        margin: 17px 0 0 auto;
        font-size: 22px;
    }
    #sector_31 {
        margin: 74px 0 0 0;
    }
    #sector_31 .title {
        margin: 0 0 59px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_31 .plyr {
        height: 405px;
    }
    #sector_31 .plyr:nth-child(3) {
        height: 419px;
    }
    #sector_31 .plyr:nth-child(4) {
        height: 422px;
    }
    body.scratch #sector_21 {
        margin: 130px 0 0 0;
    }
    body.scratch #sector_21 .title {
        margin: 0 0 46px 0;
    }
    body.scratch #sector_21 .item {
        padding: 29px 35px 16px 37px;
    }
    body.scratch #sector_21 .item .box .right {
        width: 54%;
    }
    body.scratch #sector_21 .item .box .left {
        width: 43%;
    }
    body.scratch #sector_8 {
        padding-top: 101px;
        padding-bottom: 223px;
    }
    body.scratch footer {
        padding: 35px 0 55px;
    }
    body.unity .navbar-light .navbar-toggler:before,
    body.unity .navbar-light .navbar-toggler:after{
        background: #020516;
    }
    body.unity header .box {
        margin-top: 35px;
    }
    body.unity header .left {
        width: 100%;
    }
    body.unity header .left ul li {
        border: 1px solid #020516;
    }
    body.unity header .left ul {
        margin: 3px 0 61px 0;
    }
    body.unity header .left h1 {
        font-size: 30px;
        margin-bottom: 11px;
        width: 45%;
    }
    body.unity header .left .text {
        font-size: 15px;
        width: 40%;
        margin-bottom: 42px;
    }
    body.unity header .left .btn {
        width: 212px;
        height: 56px;
    }
    body.unity header .left .robot {
        margin-top: 40px;
        width: 100%;
    }
    body.unity header .right img {
        top: 95px;
        right: -12px;
        max-width: 457px;
    }
    body.unity header .right .video {
        top: 108px;
        right: 47px;
        height: 211px;
        width: 339px;
    }
    body.unity header {
        padding-bottom: 0;
    }
    #sector_32 {
        padding: 143px 0 195px 0;
    }
    #sector_32 .title {
        margin: 0 0 51px 0;
        font-size: 24px;
    }
    #sector_32 .box {
        width: 88.4%;
    }
    #sector_32 .box .item {
        border: 1px solid #FFFFFF;
        padding: 9px 20px;
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 20px;
    }
    body.unity #sector_10 {
        margin: 0;
    }
    body.unity #sector_10 .box .item {
        padding: 39px 19px 32px 43px;
    }
    body.unity #sector_10 .box .item.it-3 {
        padding: 39px 19px 32px 43px;
    }
    body.unity #sector_11 {
        padding: 182px 0 126px 0;
        margin: 4px 0 0 0;
    }
    body.unity #sector_11 .box .title {
        width: 67%;
        font-size: 24px;
    }
    body.unity #sector_11 .box .btn {
        margin: 29px 0 0 auto;
        height: 58px;
    }
    body.unity #sector_12 .title {
        margin: 0 0 81px 0;
    }
    body.unity #sector_12 {
        padding: 159px 0 164px 0;
    }
    #sector_33 {
        padding: 208px 0 224px 0;
    }
    #sector_33 .title {
        margin: 0 0 50px 0;
        font-size: 35px;
        line-height: 42px;
    }
    body.unity #sector_15 {
        padding: 49px 0 40px 0;
    }
    body.unity #sector_15 .box .title {
        width: 70%;
    }
    body.unity #sector_15 .box .btn {
        margin: 6px 0 0 auto;
        width: 245px;
        height: 58px;
    }
    body.unity #sector_21 {
        padding: 159px 0 138px 0;
    }
    #sector_21 .title {
        margin: 0 0 88px 0;
    }
    #sector_21 .item .box .left {
        width: 46%;
    }
    body.unity #sector_8 {
        padding-bottom: 193px;
        padding-top: 50px;
    }
    body.unity footer {
        padding: 35px 0 55px;
    }
    body.scratch.roblox header .left h1 {
        margin-bottom: 11px;
        width: 45%;
    }
    body.scratch.roblox header .left .text {
        width: 40%;
    }
    body.scratch.roblox header .left .robot {
        width: 100%;
    }
    body.scratch.roblox header .right img {
        top: 95px;
        max-width: 472px;
    }
    body.scratch.roblox header .right .video {
        top: 109px;
        right: 42px;
        height: 218px;
        width: 350px;
    }
    body.scratch.roblox #sector_12 {
        padding: 139px 0 158px 0;
    }
    body.scratch.roblox #sector_29 {
        margin: 60px 0 0 0;
    }
    body.roblox #sector_29 .title {
        margin: 0 0 53px 0;
    }
    body.roblox #sector_30 {
        padding: 127px 0 165px 0;
    }
    body.roblox #sector_30 .btn {
        margin: 10px 0 0 auto;
        width: 243px;
    }
    body.roblox #sector_31 {
        margin: 74px 0 0 0;
    }
    body.roblox #sector_31 .title {
        margin: 0 0 50px 0;
    }
    body.scratch.roblox #sector_21 {
        margin: 125px 0 0 0;
    }
    body.scratch.roblox #sector_21 .title {
        margin: 0 0 45px 0;
    }
    body.scratch.roblox #sector_8 {
        padding-top: 92px;
        padding-bottom: 213px;
    }
    body.about .navbar-light .navbar-toggler:before,
    body.about .navbar-light .navbar-toggler:after{
        background: #020516;
    }
    body.about header .name {
        font-size: 15px;
        line-height: 17px;
        margin: 38px 0 50px 0;
        padding: 9px 20px;
    }
    body.about header .text {
        font-size: 28px;
    }
    body.about header .sub {
        width: 65%;
        margin: 20px 0 0 auto;
        font-size: 16px;
    }
    body.about header {
        padding-bottom: 0;
    }
    #sector_34 {
        padding: 176px 0 80px 0;
    }
    #sector_34 .box .btn {
        width: 243px;
        height: 56px;
    }
    #sector_34 .box .title {
        font-size: 35px;
        line-height: 42px;
    }
    #sector_34 .box .item img {
        height: 52px;
        margin: 0 auto 27px auto;
    }
    #sector_35 {
        margin: 50px 0 0 0;
    }
    #sector_35 .title {
        margin: 0 0 40px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_35 .plyr {
        height: 404px;
    }
    #sector_36 {
        margin: 0 0 0 0;
        padding: 159px 0 232px 0;
    }
    #sector_36 .title {
        margin: 0 0 40px 0;
        font-size: 35px;
        line-height: 42px;
    }
    #sector_36 .box .item ul li{
        margin: 0 10px 26px 0;
    }
    #sector_36 .box .item {
        padding: 34px 13px 41px 37px;
        margin-bottom: 30px;
        width: 48%;
    }
    #sector_37 {
        margin: -420px 0 -34px 0;
        padding: 338px 0 212px 0;
    }
    #sector_37 .title {
        margin: 0 0 31px 0;
        font-size: 30px;
    }
    #sector_37 .box .btn {
        margin: 39px 0 0 auto;
        width: 214px;
        height: 52px;
    }
    #sector_37 .box .text {
        font-size: 19px;
        width: 84%;
    }
    #sector_38 .name {
        margin: 38px 0 61px 0;
        font-size: 15px;
        line-height: 17px;
    }
    #sector_38 .text {
        font-size: 16px;
    }
    #error {
        margin: 137px 0 91px 0;
    }
    #error .title {
        font-size: 200px;
        line-height: 241px;
    }
    #error .text {
        margin-bottom: 86px;
        margin-top: 10px;
    }
    body.scratch.jr header .left {
        width: 100%;
    }
    body.scratch.jr header .left h1 {
        width: 49%;
    }
    body.scratch.jr header .left .text {
        width: 45%;
    }
    body.scratch.web header .left {
        width: 100%;
    }
    body.scratch.web header .left .text {
        width: 40%;
    }
    body.scratch.web #sector_31 .img,
    body.scratch.comp #sector_31 .img,
    body.scratch.graf #sector_31 .img {
        width: 100%;
    }
    body.scratch.comp header .left {
        width: 100%;
    }
    body.scratch.comp header .left h1 {
        width: 60%;
    }
    body.scratch.comp header .left .text {
        width: 40%;
    }
    body.scratch.graf header .left {
        width: 100%;
    }
    body.scratch.graf header .left .text {
        width: 40%;
    }
    body.scratch.lego header .left {
        width: 100%;
    }
    body.scratch.lego header .left h1 {
        width: 44%;
    }
    body.scratch.lego header .left .text {
        width: 45%;
    }
    body.scratch.lego #sector_12{
        padding: 150px 0 160px 0;
    }
    body.scratch.webo header .left {
        width: 100%;
    }
    body.scratch.webo header .left h1 {
        width: 60%;
    }
    body.scratch.webo #sector_12 {
        padding: 150px 0;
    }
    body.scratch.videoblog header .left {
        width: 100%;
    }
    body.scratch.videoblog header .left .text {
        width: 40%;
    }
    body.scratch.videoblog #sector_21 .item .box .right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
}
@media (max-width: 767px) {
    header .container,
    .container{
        max-width: 540px;
    }
    header .left h1 {
        font-size: 80px;
    }
    header .right img {
        top: -36px;
        right: -210px;
        width: 775px;
        max-width: 775px;
    }
    #sector_1 .box .item {
        padding: 15px 15px 15px 15px;
    }
    #sector_1 .box .item .date{
        margin-right: 9px;
    }
    #sector_1 .box .item .bot .btn {
        width: 130px;
    }
    #sector_1 .form .items {
        width: 48%;
    }
    #sector_1 .box .item.it-1 {
        padding: 15px;
        width: 100%;
    }
    #sector_1 .box .item.it-1 .top{
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-2 {
        padding: 15px;
    }
    #sector_1 .box .item.it-2 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-2 .date {
        padding: 10px 10px 10px 10px;
    }
    #sector_1 .box .item.it-2 .img {
        margin: -140px 0 0 auto;
        width: 34%;
    }
    #sector_1 .box .item .img {
        margin: 150px 0 0 -30px;
        width: 274px;
    }
    #sector_1 .box .item.it-3 {
        padding: 15px;
        width: 100%;
    }
    #sector_1 .box .item.it-3 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-4 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-4 {
        padding: 15px;
    }
    #sector_1 .box .item.it-4 .left {
        width: 55%;
    }
    #sector_1 .box .item.it-4 .img {
        width: 45%;
    }
    #sector_1 .box .item.it-5 {
        padding: 15px;
        width: 100%;
        margin-bottom: 30px;
    }
    #sector_1 .box .item.it-5 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-6 {
        padding: 15px;
        width: 100%;
    }
    #sector_1 .box .item.it-6 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-7 {
        padding: 15px;
    }
    #sector_1 .box .item.it-7 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-7 .img {
        margin: -183px 0 0 auto;
        width: 33%;
    }
    #sector_1 .box .item.it-8 {
        padding: 15px;
        width: 100%;
    }
    #sector_1 .box .item.it-8 .top {
        margin-bottom: 10px;
        width: 100%;
    }
    #sector_1 .box .item.it-9 {
        padding: 15px;
        width: 100%;
    }
    #sector_1 .box .item.it-9 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-9 .zag {
        margin-bottom: 0;
    }
    #sector_1 .box .item.it-10 {
        margin-bottom: 30px;
        height: auto;
        width: 100%;
    }
    #sector_1 .box .item.it-10 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-11 {
        padding: 15px;
        width: 100%;
        margin-bottom: 30px;
    }
    #sector_1 .box .item.it-11 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-12 {
        padding: 15px;
        margin: 0 0 30px 0;
        width: 100%;
    }
    #sector_1 .box .item.it-12 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-13 {
        padding: 15px;
    }
    #sector_1 .box .item.it-13 .top {
        margin-bottom: 10px;
    }
    #sector_1 .box .item.it-13 .img {
        margin: -145px 0 0 auto;
        width: 30%;
    }
    #sector_1 .btn{
        margin: 30px auto 0 auto;
        font-size: 18px;
        line-height: 27px;
    }
    #sector_3 .box .left {
        width: 57%;
    }
    #sector_3 .box .right {
        width: 42%;
    }
    #sector_5 .box .btn {
        width: 170px;
    }
    #sector_7 .box .item{
        display: none;
    }
    #sector_7 .box .item.it-2,
    #sector_7 .box .item.it-5,
    #sector_7 .box .item.it-6{
        display: block;
        width: 100%;
        margin-bottom: 29px;
    }
    #sector_7 .box .left {
        width: 100%;
    }
    #sector_7 .box .right {
        width: 100%;
    }
    #sector_8 .text {
        width: 91%;
    }
    footer .box .item:last-child{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    footer .box .item {
        width: 50%;
    }
    footer .box .item:nth-child(3) {
        left: auto;
        right: 0;
        width: 50%;
        padding: 0;
    }
    footer .box .item .btn {
        order: 3;
        margin: 10px 0 0 auto;
    }
    footer .box .item .tel{
        margin-bottom: 0;
        width: 30%;
        order: 1;
        text-align: left;
    }
    footer .box .item .mail {
        order: 2;
        width: 30%;
        text-align: center;
    }
    .modal-body .box .left {
        padding: 40px 16px 0 16px;
    }
    .modal-title {
        font-size: 25px;
        margin: 32px 0 0 0;
        width: 100%;
    }
    .modal-body .box .right {
        padding: 37px 16px 60px 16px;
    }
    .modal-body form {
        margin: 0;
    }
    .modal-body form .col-md-12,
    .modal-body form .col-12{
        padding: 0;
    }
    .modal-body label {
        font-size: 17px;
        line-height: 20px;
    }
    .modal-body select, .modal-body .new-select{
        font-size: 15px;
    }
    .modal-body input{
        font-size: 15px;
    }
    .modal-body .btn {
        margin: 40px 0 12px auto;
    }
    #modal_1_yes .modal-body{
        padding: 31px 16px 0 16px;
    }
    #modal_1_yes .modal-title{
        width: 100%;
    }
    #modal_2_yes .modal-body {
        padding: 31px 16px 0 16px;
    }
    #modal_2_yes .modal-title{
        width: 100%;
    }
    header .left .robot .item img {
        margin-right: 10px;
    }
    body.curs header .right{
        display: none;
    }
    body.curs header .left h1{
        width: 100%;
    }
    body.curs header .left .text {
        width: 100%;
    }
    header .left .robot .item {
        width: 40%;
    }
    #sector_9 .box .text p {
        width: 100%;
    }
    #sector_9 .box .text p:last-child{
        display: none;
    }
    #sector_9 .box .text {
        font-size: 16px;
    }
    #sector_9 .box .title {
        width: 100%;
        font-size: 20px;
    }
    #sector_10 .box .item {
        width: 100%;
    }
    #sector_11 .box .title {
        font-size: 20px;
        width: 100%;
    }
    #sector_11 .box .btn {
        width: 35%;
        margin: 20px 0 0 auto;
    }
    #sector_12 .box .item {
        width: 100%;
        margin-bottom: 30px;
    }
    #sector_13 .box .logo {
        width: 100%;
    }
    #sector_13 .box .text {
        font-size: 15px;
        width: 100%;
    }
    #sector_13 .box .iten {
        display: none;
    }
    #sector_13 .box .img {
        width: 100%;
    }
    #sector_13 .box .img:nth-child(2){
        display: none;
    }
    #sector_13 .box .img + .text {
        font-size: 15px;
    }
    #sector_13 .box .video + .text {
        font-size: 15px;
        width: 100%;
    }
    #sector_13 .box .video {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_13 .zag{
        font-size: 20px;
    }
    #sector_13 .plyr {
        height: auto;
    }
    #sector_14 .box .item {
        width: 100%;
    }
    #sector_14 .box .item.it-2 {
        width: 100%;
    }
    #sector_14 .box .item.it-3 {
        margin: 0 0 31px 0;
    }
    #sector_14 .box .item.it-4 {
        width: 100%;
    }
    #sector_14 .box .item.it-5 {
        width: 100%;
    }
    #sector_14 .box .item.it-6 {
        height: auto;
    }
    #sector_15 .box .title {
        font-size: 20px;
    }
    body.curs #sector_4 .box .item {
        height: 100px;
    }
    body.curs #sector_4 .box .item .name{
        margin-top: 32px;
        left: 25px;
    }
    body.curs #sector_4 .box:hover .item:hover .name {
        font-size: 20px;
        line-height: 24px;
    }
    body.curs #sector_4 .item .box .left {
        padding: 35px 0 0 0;
        width: 100%;
    }
    body.curs #sector_4 .item .box .left .text {
        font-size: 14px;
    }
    body.curs #sector_4 .item .box .left .spis .items .txt {
        font-size: 14px;
    }
    body.curs #sector_4 .item .box .right {
        width: 100%;
        margin-top: 20px;
    }
    body.curs #sector_4 .box .item:hover {
        height: auto;
        padding-bottom: 25px;
    }
    body.curs #sector_4 .item .box .left .spis .items {
        flex-wrap: nowrap;
        width: 100%;
    }
    #sector_16 .box .text {
        font-size: 17px;
        margin-top: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_16 .box .video {
        height: auto;
        width: 100%;
    }
    #sector_17 .box .video {
        height: auto;
        order: 1;
        width: 100%;
    }
    #sector_17 .box .text {
        font-size: 17px;
        width: 100%;
        margin-top: 0;
        text-align: left;
        margin-left: 0;
        margin-bottom: 20px;
    }
    #sector_1 .box .item.it-4 .img img {
        margin-left: 0;
        margin-top: 15px;
    }
    body.python header .left ul li{
        padding: 0 12px 0 12px;
    }
    body.python header .right {
        display: none;
    }
    body.python header .left h1{
        width: 100%;
    }
    body.python header .left .text{
        width: 100%;
    }
    body.python header .left .btn {
        width: 45%;
    }
    body.python #sector_9 .box .text {
        font-size: 18px;
        width: 100%;
        height: 100%;
        display: block;
    }
    body.python #sector_9 .box .title {
        font-size: 18px;
        margin: 35px 0 0 auto;
        width: 100%;
    }
    body.python #sector_11 .box .btn{
        width: 40%;
    }
    body.python #sector_13 .box .item {
        font-size: 14px;
        left: 0;
        top: 41px;
        width: 100%;
    }
    body.python #sector_13 .box .item:nth-child(2) {
        top: -35px;
        right: 0;
        width: 70%;
    }
    body.python #sector_13 {
        background-size: 60%;
        margin: 35px 0 0 0;
        background-position: 50% 23%;
    }
    body.python #sector_13 .box .item:nth-child(3) {
        left: 0;
        bottom: 159px;
        width: 40%;
    }
    body.python #sector_13 .box .item:nth-child(4) {
        right: 0;
        bottom: 135px;
        width: 40%;
    }
    #sector_18 .text {
        font-size: 15px;
    }
    #sector_19 .text {
        font-size: 15px;
        line-height: 17px;
    }
    #sector_20 .box .text {
        font-size: 24px;
        width: 100%;
    }
    #sector_20 .box .btn {
        margin: 40px 0 0 auto;
        height: 69px;
        width: 45%;
    }
    #sector_21 .item .name {
        font-size: 20px;
        line-height: 24px;
    }
    #sector_21 .item .box .left .text {
        font-size: 14px;
        width: 100%;
    }
    #sector_21 .item .box .left .spis .items .txt {
        font-size: 14px;
    }
    #sector_21 .item .box .left {
        width: 100%;
    }
    #sector_21 .item .box .right {
        width: 100%;
    }
    #sector_21 .item.it-2 .box .left {
        width: 100%;
    }
    #sector_21 .item.it-2 .box .right {
        width: 100%;
        margin-bottom: 20px;
    }
    body.comics header .right {
        display: none;
    }
    body.comics header .left ul li {
        border: 1px solid #020516;
        padding: 0 10px 0 10px;
    }
    body.comics header .left .text {
        width: 100%;
    }
    body.comics #sector_9 .box .text {
        font-size: 15px;
    }
    body.comics #sector_9 .box .text p:last-child{
        display: block;
    }
    body.comics #sector_9 .box .title {
        font-size: 18px;
    }
    #sector_22 .title {
        margin: 0 0 60px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_22 .box .item {
        width: 45%;
        margin-bottom: 20px;
    }
    #sector_22 .box .item .num {
        font-size: 30px;
        line-height: 36px;
    }
    body.comics #sector_11 .box .btn {
        margin: 40px 0 0 auto;
    }
    #sector_23 .title {
        margin: 0 0 70px 0;
        font-size: 28px;
        line-height: 130%;
    }
    #sector_24 .title {
        font-size: 80px;
        line-height: 96px;
    }
    #sector_24 .text {
        font-size: 15px;
    }
    #sector_24 ul li{
        margin-right: 18px;
        padding: 9px 8px;
    }
    #sector_24 ul li:nth-child(4) {
        margin-right: 18px;
    }
    #sector_24 ul li:nth-child(5) {
        margin-right: 18px;
    }
    #sector_24 ul li:nth-child(6) {
        margin-right: 18px;
    }
    #sector_24 ul li:nth-child(7) {
        margin-right: 18px;
    }
    #sector_24 ul li:nth-child(8) {
        margin-right: 0;
    }
    #sector_24 ul li:nth-child(9), #sector_24 ul li:nth-child(10), #sector_24 ul li:nth-child(11) {
        margin-right: 18px;
    }
    #sector_21 .title {
        margin: 0 0 54px 0;
        font-size: 28px;
        line-height: 34px;
    }
    body.comics #sector_21 .item .box .left {
        width: 100%;
    }
    body.comics #sector_21 .item .box .left .text {
        overflow: visible;
        height: auto;
    }
    body.comics #sector_21 .item .box .right {
        width: 100%;
    }
    #sector_25 .title {
        margin: 0 0 70px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_25 .box img {
        width: 100%;
    }
    #sector_25 .box img:nth-child(5){
        display: none;
    }
    #sector_25 .box img:nth-child(4) {
        margin: 91px 0 0 0;
        width: 42%;
    }
    #sector_25 .box img:nth-child(3) {
        margin: 58px 0 0 0;
        width: 50%;
    }
    #sector_26 .title {
        margin: 0 0 88px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_26 .box .text {
        font-size: 13px;
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_27 .box .text {
        font-size: 13px;
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_28 .box .text {
        font-size: 13px;
        width: 100%;
        margin-bottom: 20px;
    }
    body.scratch header .right{
        display: none;
    }
    body.scratch header .left ul li {
        border: 1px solid #020516;
        margin-bottom: 10px;
    }
    body.scratch header .left h1 {
        width: 100%;
    }
    body.scratch header .left .text{
        width: 100%;
    }
    #sector_29 .title {
        margin: 0 0 78px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_29 .box .text {
        width: 100%;
        font-size: 15px;
        margin-top: 20px;
    }
    #sector_29 .box .robot {
        width: 100%;
    }
    #sector_30 .title {
        margin: 0 0 50px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_30 .box .text {
        font-size: 15px;
    }
    #sector_30 .zag {
        font-size: 18px;
    }
    #sector_31 .title {
        margin: 0 0 59px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_31 .plyr {
        height: 303px;
    }
    #sector_31 .plyr:nth-child(3) {
        height: 312px;
    }
    #sector_31 .plyr:nth-child(4) {
        height: 313px;
    }
    body.scratch #sector_21 .item .box .left {
        width: 100%;
    }
    body.scratch #sector_21 .item .box .right {
        width: 100%;
        order: 1;
    }
    body.unity header .right {
        display: none;
    }
    body.unity header .left ul li {
        padding: 0 10px 0 10px;
    }
    body.unity header .left h1{
        width: 100%;
    }
    body.unity header .left .text{
        width: 100%;
    }
    #sector_32 .title {
        margin: 0 0 51px 0;
        font-size: 18px;
        width: 100%;
    }
    #sector_32 .box {
        width: 100%;
    }
    #sector_32 .box .item {
        padding: 9px 9px;
    }
    body.unity #sector_10 .title {
        margin: 0 0 45px 0;
        font-size: 28px;
        line-height: 34px;
    }
    body.unity #sector_11 .box .title {
        width: 100%;
        font-size: 24px;
    }
    body.unity #sector_11 .box .btn{
        width: 43%;
    }
    body.unity #sector_12 .title {
        margin: 0 0 81px 0;
        font-size: 28px;
        line-height: 130%;
    }
    #sector_33 .title {
        margin: 0 0 50px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_33 .box .item {
        width: 100%;
        margin-bottom: 20px;
    }
    body.unity #sector_15 .box .title {
        width: 100%;
        font-size: 24px;
    }
    body.scratch.roblox header .left h1 {
        width: 100%;
    }
    body.scratch.roblox header .left .text {
        width: 100%;
    }
    body.about header .text {
        font-size: 21px;
    }
    body.about header .sub {
        font-size: 14px;
    }
    #sector_34 .box .title {
        font-size: 28px;
        line-height: 34px;
    }
    #sector_34 .box .item .text {
        font-size: 18px;
    }
    #sector_34 .box .item {
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_35 .title {
        margin: 0 0 40px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_35 .plyr {
        height: 304px;
    }
    #sector_36 {
        padding: 159px 0 315px 0;
    }
    #sector_36 .title {
        margin: 0 0 40px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_36 .box .item {
        width: 100%;
    }
    #sector_37 .title {
        margin: 0 0 31px 0;
        font-size: 28px;
    }
    #sector_37 .box .text {
        font-size: 16px;
        width: 100%;
    }
    #sector_38 .text {
        font-size: 14px;
    }
    #error .title {
        font-size: 150px;
        line-height: 181px;
    }
    #error .text {
        font-size: 25px;
        line-height: 30px;
    }
    #modal_3_yes .modal-body {
        padding: 31px 16px 0 16px;
    }
    body.scratch.jr header .left h1 {
        width: 100%;
    }
    body.scratch.jr header .left .text {
        width: 100%;
    }
    body.scratch.web header .left .text {
        width: 100%;
    }
    body.scratch.comp header .left h1 {
        width: 100%;
    }
    body.scratch.comp header .left .text {
        width: 100%;
    }
    body.scratch.graf header .left .text {
        width: 100%;
    }
    body.scratch.lego header .left h1 {
        width: 100%;
    }
    body.scratch.lego header .left .text {
        width: 100%;
    }
    body.scratch.webo header .left h1 {
        width: 100%;
    }
    body.scratch.webo #sector_12 {
        padding: 150px 0 120px 0;
    }
    body.scratch.webo #sector_29 .box .text {
        width: 100%;
    }
    body.scratch.webo #sector_29 .box .robot {
        width: 100%;
    }
    body.scratch.videoblog header .left .text {
        width: 100%;
    }
}
@media (max-width: 575px) {
    header .container,
    .container{
        max-width: 100%;
    }
    .navbar-light .navbar-brand{
        width: 141px;
        margin: 0 0 0 4px;
    }
    .navbar-light .navbar-brand img{
        width: 100%;
    }
    .navbar-expand-md {
        padding-top: 27px;
    }
    .navbar-light .navbar-toggler{
        width: 50px;
    }
    .navbar-expand-md .navbar-nav {
        margin-top: 129px;
    }
    .navbar-light .navbar-nav .nav-link {
        border: 1px solid #000000;
        width: 142px;
        padding: 14px 0;
        margin: 0 auto;
    }
    .navbar-nav li {
        margin-bottom: 10px;
    }
    .navbar-expand-md .navbar-collapse .btn {
        margin: 41px auto 0 auto;
        width: 237px;
        height: 62px;
    }
    .navbar-expand-md .navbar-collapse{
        height: 715px;
        background-size: cover;
    }
    header .left h1 {
        font-size: 60px;
        margin-bottom: 23px;
    }
    header .left {
        width: 100%;
    }
    header .box {
        margin-top: 48px;
    }
    header .left .text {
        margin-bottom: 47px;
        width: 100%;
        font-size: 18px;
    }
    header .left .btn {
        height: 55px;
        margin: -2px 5px 0 auto;
        width: 192px;
    }
    header .right {
        width: 100%;
    }
    header .right img {
        top: -11px;
        right: -120px;
        width: 705px;
        max-width: 705px;
    }
    #sector_1:before {
        top: -29px;
        width: 115%;
    }
    #sector_1 {
        margin-top: 199px;
    }
    #sector_1 .title {
        margin: 0 0 32px 0;
        font-size: 30px;
        line-height: 36px;
    }
    #sector_1 .form .items {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #sector_1 .form .items label{
        margin: 0 0 10px 0;
        font-size: 18px;
        line-height: 21px;
    }
    #sector_1 .form .items .select,
    #sector_1 .form .items select{
        font-size: 16px;
        line-height: 19px;
    }
    #sector_1 .form .items .new-select__list{
        z-index: 1;
    }
    #sector_1 .form .items .new-select__list .new-select__item{
        font-size: 16px;
        line-height: 19px;
    }
    #sector_1 .box .item {
        padding: 15px;
        width: 100%;
        margin-bottom: 17px;
    }
    #sector_1 .box .item .bot .btn {
        width: 160px;
    }
    #sector_1 .box .item .img {
        margin: 102px 0 0 -40px;
        width: 126%;
    }
    #sector_1 .box .item.it-1{
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-3 {
        margin-top: 0;
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-4 {
        margin: 0 0 17px 0;
    }
    #sector_1 .box .item.it-4 .left {
        width: 100%;
    }
    #sector_1 .box .item.it-4 .text {
        margin-bottom: 48px;
        width: 100%;
    }
    #sector_1 .box .item.it-4 .bot {
        width: 100%;
    }
    #sector_1 .box .item.it-4 .img {
        width: 100%;
        margin-top: 104px;
    }
    #sector_1 .box .item.it-5 {
        padding: 15px;
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-6 {
        padding: 15px;
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-2 {
        padding: 15px;
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-2 .top{
        width: 100%;
    }
    #sector_1 .box .item.it-2 .img {
        margin: 30px 0 0 0;
        width: 100%;
    }
    #sector_1 .box .item.it-7 {
        margin: 0 0 17px 0;
    }
    #sector_1 .box .item.it-7 .img {
        margin: 30px 0 0 0;
        width: 100%;
    }
    #sector_1 .box .item.it-7 .zag {
        width: 100%;
    }
    #sector_1 .box .item.it-8 {
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-9{
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-10{
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-11 {
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-12{
        margin-bottom: 17px;
    }
    #sector_1 .box .item.it-13 .img {
        margin: 30px 0 0 0;
        width: 100%;
    }
    #sector_1:after {
        bottom: -75px;
        width: 115%;
        height: 150px;
    }
    #sector_2 {
        padding-top: 144px;
    }
    #sector_2 .box .title {
        font-size: 30px;
        line-height: 36px;
    }
    #sector_2 .box .text {
        font-size: 16px;
        line-height: 19px;
        margin-top: 27px;
        width: 100%;
        text-align: right;
    }
    #sector_2 .box {
        margin: 0 0 39px auto;
    }
    #sector_2 .box .item {
        width: 100%;
        margin-bottom: 49px;
    }
    #sector_3 {
        margin-top: 143px;
    }
    #sector_3 .box .left {
        width: 100%;
    }
    #sector_3 .box .left .text {
        font-size: 17px;
        width: 100%;
    }
    #sector_3 .box .left .title {
        font-size: 19px;
        margin-top: 6px;
        text-align: center;
        margin-bottom: 24px;
    }
    #sector_3 .box .right {
        width: 100%;
        margin-top: 62px;
    }
    #sector_3 .box .right .btn {
        margin: 0 0 0 auto;
    }
    #sector_3:after {
        bottom: -76px;
    }
    #sector_4 {
        padding-top: 192px;
        padding-bottom: 53px;
    }
    #sector_4 .title {
        margin: 0 0 32px 0;
    }
    #sector_4 .box .item {
        height: 65px;
    }
    #sector_4 .box .item .name {
        font-size: 35px;
        line-height: 45px;
        left: 25px;
    }
    #sector_4 .box:hover .item .name {
        font-size: 35px;
    }
    #sector_4 .box:hover .item:hover .name {
        font-size: 35px;
    }
    #sector_4 .box .item .plyr--video{
        top: 70px;
    }
    #sector_4 .box .item:hover {
        height: 290px;
    }
    #sector_5 {
        padding-top: 210px;
        padding-bottom: 234px;
        margin: 0;
    }
    #sector_5 .box .title {
        font-size: 30px;
        line-height: 36px;
        width: 100%;
        margin-bottom: 20px;
    }
    #sector_5 .box .btn {
        width: 211px;
        margin: 0 auto;
        position: absolute;
        bottom: 161px;
        left: 0;
        right: 0;
    }
    #sector_5 .box {
        margin: 0 auto 36px auto;
    }
    #sector_5 .box .item {
        width: 100%;
    }
    #sector_5 .box .item {
        width: 100%;
        margin-bottom: 48px;
    }
    #sector_5 .box .item .text {
        width: 75%;
        margin: 0 auto;
    }
    #sector_5 .box .item:nth-child(2) .icon {
        margin-bottom: 31px;
    }
    #sector_5 .box .item:nth-child(3) .icon {
        margin-top: 0;
        margin-bottom: 31px;
    }
    #sector_6 {
        padding-bottom: 93px;
    }
    #sector_6 .title {
        margin: 0 0 32px 0;
        font-size: 30px;
        line-height: 36px;
    }
    #sector_6 .box {
        padding: 20px 24px 19px 21px;
    }
    #sector_6 .box .ava {
        width: 100%;
        order: 1;
        height: 340px;
        overflow: hidden;
        margin-bottom: 22px;
    }
    #sector_6 .box .curs {
        height: 39px;
        font-size: 16px;
        line-height: 19px;
        order: 2;
        margin: 0 0 -40px auto;
    }
    #sector_6 .box .info {
        width: 100%;
        order: 3;
    }
    #sector_6 .box .name {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 35px;
    }
    #sector_7 {
        padding-top: 68px;
        padding-bottom: 59px;
    }
    #sector_7 .title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 65px;
    }
    #sector_7 .box .item .video {
        height: 506px;
    }
    #sector_7 .box .item.it-2, #sector_7 .box .item.it-5, #sector_7 .box .item.it-6 {
        margin-bottom: 20px;
    }
    #sector_8 {
        padding-top: 130px;
        padding-bottom: 81px;
    }
    #sector_8 .title {
        font-size: 26px;
        width: 100%;
        margin-bottom: 45px;
        margin-top: 0;
    }
    #sector_8 form {
        width: 100%;
        margin: 0;
    }
    #sector_8 form .col-md-12 {
        margin-bottom: 6px;
        padding: 0;
    }
    #sector_8 .btn {
        margin: 38px 0 15px auto;
        width: 100%;
    }
    #sector_8 .text {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
    }
    footer .box .item ul li {
        margin-bottom: 0;
        margin-right: 0;
    }
    footer .box .item:nth-child(3) {
        width: 54%;
        top: 3px;
    }
    footer .box .item:nth-child(2){
        margin-top: 90px;
    }
    footer .box .item .copy {
        margin: 0 0 18px 0;
    }
    footer .box .item .polit {
        margin-left: 0;
        width: 83%;
    }
    footer .box .item:last-child{
        position: relative;
    }
    footer .box .item .tel {
        width: auto;
        position: absolute;
        left: 0;
        top: 38px;
    }
    footer .box .item .btn {
        margin: 41px 0 0 auto;
    }
    footer .box .item .mail {
        width: auto;
        position: absolute;
        left: 0;
        top: 71px;
    }
    body.curs header .box {
        margin-top: 33px;
    }
    header .left ul li{
        margin-bottom: 12px;
    }
    header .left ul {
        margin: 3px 0 37px 0;
    }
    header .left .robot {
        margin-top: 58px;
        margin-bottom: 120px;
    }
    header .left .robot .item img {
        margin-right: 9px;
        width: 23px;
    }
    header .left .robot .item {
        width: 50%;
        margin-bottom: 13px;
    }
    body.curs header .left .btn {
        width: 254px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    #sector_9 {
        padding: 93px 0 95px 0;
        margin: 66px 0 0 0;
    }
    #sector_9 .box .title{
        margin: 42px auto 0 auto;
    }
    #sector_10 {
        margin: 60px 0 0 0;
    }
    #sector_10 .title {
        margin: 0 0 49px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_11 {
        padding: 174px 0 96px 0;
    }
    #sector_11 .box .btn {
        width: 72%;
        margin: 49px 0 0 auto;
    }
    #sector_12 {
        padding: 162px 0 95px 0;
    }
    #sector_12 .title {
        margin: 0 0 99px 0;
        font-size: 28px;
        line-height: 42px;
    }
    #sector_12 .box .item .text {
        width: 57%;
        margin: 0 auto;
    }
    #sector_12 .box .item {
        margin-bottom: 55px;
    }
    #sector_13 {
        margin: 69px 0 0 0;
    }
    #sector_13 .title {
        margin: 0 0 19px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_13 .box .logo {
        margin-bottom: 8px;
    }
    #sector_13 .box .text p {
        margin-bottom: 24px;
    }
    #sector_13 .zag {
        margin: 38px 0 13px 0;
    }
    #sector_13 .box .img {
        margin-bottom: 13px;
    }
    #sector_13 .zag.it-1 {
        margin: 58px 0 20px 0;
    }
    #sector_13 .box .video {
        margin-bottom: 30px;
    }
    #sector_13 .box .video + .text {
        width: 90%;
    }
    #sector_13 .zag.it-1 + .box {
        margin-bottom: 61px;
    }
    #sector_13 .plyr {
        height: 177px;
        margin: 19px auto 0 auto;
    }
    #sector_14 {
        margin: 105px 0 0 0;
    }
    #sector_14 .title {
        margin: 0 0 44px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_14 .box .item {
        height: 327px;
        margin-bottom: 20px;
    }
    #sector_14 .box .item.it-2 {
        height: 193px;
    }
    #sector_14 .box .item.it-3,
    #sector_14 .box .item.it-4,
    #sector_14 .box .item.it-5{
        display: none;
    }
    #sector_14 .box .item.it-6 {
        height: 183px;
    }
    #sector_15 .box .btn {
        margin: 41px 0 0 auto;
    }
    body.curs #sector_4 {
        padding-top: 60px;
    }
    body.curs #sector_4 .title {
        margin: 0 0 44px 0;
        font-size: 28px;
        line-height: 34px;
    }
    #sector_16 {
        padding: 68px 0 100px 0;
    }
    #sector_16 .title {
        font-size: 28px;
        line-height: 34px;
    }
    #sector_16 .box .text{
        margin-bottom: 26px;
    }
    #sector_17 {
        padding: 183px 0 98px 0;
    }
    body.curs #sector_8 {
        padding-top: 67px;
        padding-bottom: 101px;
    }
    #sector_1 .box .item.it-4 .img{
        height: auto;
    }
    #sector_1 .box .item.it-4 .img img {
        margin-left: -25px;
        margin-top: -60px;
    }
    body.python header .box {
        margin-top: 31px;
    }
    body.python header .left ul {
        margin: 3px 0 37px 0;
    }
    body.python header .left h1 {
        margin-bottom: 21px;
    }
    body.python header .left .btn {
        width: 73%;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    body.python header .left .robot {
        margin-top: 58px;
    }
    body.python header {
        padding-bottom: 142px;
    }
    body.python #sector_9 {
        padding: 84px 0 85px 0;
    }
    body.python #sector_9 .box .title {
        margin: 43px 0 0 auto;
    }
    body.python #sector_10 {
        margin: 91px 0 0 0;
    }
    body.python #sector_11 .box .title {
        width: 100%;
        font-size: 28px;
    }
    body.python #sector_11 {
        padding: 212px 0 133px 0;
        margin: -20px 0 0 0;
    }
    #sector_11 .text {
        font-size: 15px;
        line-height: 150%;
        width: 100%;
        margin: 36px 0 0 auto;
    }
    #sector_11 .text p {
        margin-bottom: 22px;
    }
    body.python #sector_11 .box .btn {
        width: 73%;
        margin: 28px 0 0 auto;
    }
    body.python #sector_12 {
        padding: 133px 0 175px 0;
        margin: -125px 0 0 0;
    }
    body.python #sector_13 {
        background-size: 77%;
        margin: 25px 0 0 0;
        background-position: 50% 33%;
    }
    body.python #sector_13 .box .item:nth-child(2) {
        width: 74%;
    }
    body.python #sector_13 .box .item {
        top: 73px;
    }
    body.python #sector_13 .box .item:nth-child(3) {
        bottom: 140px;
        width: 48%;
    }
    body.python #sector_13 .box .item:nth-child(4) {
        bottom: 117px;
        width: 49%;
    }
    #sector_18 {
        padding: 141px 0 265px 0;
        margin: -91px 0 0 0;
    }
    #sector_18 .title {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 41px 0;
    }
    #sector_18 .text {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 31px;
    }
    #sector_19 {
        padding: 63px 0 86px 0;
    }
    #sector_19 .text {
        width: 97%;
        margin: 0 0 30px 0;
    }
    #sector_20 {
        margin: 66px 0 0 0;
    }
    #sector_20 .box .btn {
        margin: 52px 0 0 auto;
        height: 69px;
        width: 74%;
    }
    #sector_21 {
        margin: 99px 0 0 0;
    }
    #sector_21 .title {
        margin: 0 0 47px 0;
        font-size: 28px;
        line-height: 34px;
    }
    body.python #sector_8 {
        padding-top: 100px;
        padding-bottom: 101px;
    }
    body.python footer{
        padding: 36px 0 55px;
    }
    body.comics header .box {
        margin-top: 31px;
    }
    body.comics header .left ul li {
        padding: 0 18px 0 19px;
        margin-right: 13px;
    }
    body.comics header .left ul {
        margin: 3px 0 37px 0;
    }
    body.comics header .left h1 {
        margin-bottom: 21px;
    }
    body.comics header .left .btn {
        width: 256px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    body.comics header .left .robot {
        margin-top: 59px;
    }
    body.comics #sector_9 {
        padding: 155px 0 218px 0;
    }
    body.comics #sector_9 .box .text p {
        width: 100%;
        margin-bottom: 25px;
    }
    body.comics #sector_9 .box .title {
        width: 74%;
        margin: 14px 0 0 auto;
    }
    #sector_22 .title {
        margin: 0 0 65px 0;
    }
    #sector_22 .box .item .num{
        margin-bottom: 1px;
    }
    #sector_22 .box .item {
        width: 46%;
        margin-bottom: 25px;
    }
    body.comics #sector_11 {
        padding: 128px 0 110px 0;
    }
    #sector_23 {
        padding: 189px 0 84px 0;
    }
    #sector_23 .title {
        margin: 0 0 48px 0;
    }
    #sector_23 .box .text {
        width: 75%;
    }
    #sector_23 .box .img {
        width: 20%;
    }
    #sector_24 {
        margin: 7px 0 0 0;
    }
    #sector_24 .text {
        width: 74%;
        margin: 1px 0 31px auto;
    }
    #sector_24 ul li {
        margin-right: 0;
        padding: 9px 20px;
        margin-bottom: 16px;
    }
    #sector_24 ul {
        justify-content: space-around;
    }
    #sector_24 ul li:nth-child(4),
    #sector_24 ul li:nth-child(5),
    #sector_24 ul li:nth-child(6),
    #sector_24 ul li:nth-child(7),
    #sector_24 ul li:nth-child(9),
    #sector_24 ul li:nth-child(10),
    #sector_24 ul li:nth-child(11){
        margin-right: 0;
    }
    #sector_24 ul li:nth-child(1){
        order: 1;
        margin-left: -11px;
    }
    #sector_24 ul li:nth-child(2){
        order: 7;
    }
    #sector_24 ul li:nth-child(3){
        order: 6;
        margin-left: auto;
        margin-right: 5px;
    }
    #sector_24 ul li:nth-child(4){
        order: 9;
        width: 140px;
        padding: 9px 14px;
        font-size: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 3px;
    }
    #sector_24 ul li:nth-child(4):before{
        content: 'Мультфильмы';
        font-size: 15px;
    }
    #sector_24 ul li:nth-child(5){
        order: 3;
    }
    #sector_24 ul li:nth-child(6){
        order: 8;
        margin-right: 25px;
    }
    #sector_24 ul li:nth-child(7){
        order: 2;
        margin-right: -13px;
    }
    #sector_24 ul li:nth-child(8){
        display: none;
    }
    #sector_24 ul li:nth-child(9){
        display: none;
    }
    #sector_24 ul li:nth-child(10){
        order: 4;
        margin-right: 35%;
    }
    #sector_24 ul li:nth-child(11){
        order: 10;
        margin-left: 35px;
    }
    #sector_24 ul li:nth-child(12) {
        order: 5;
        width: 76px;
        padding: 9px 14px;
        font-size: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 26px;
    }
    #sector_24 ul li:nth-child(12):before{
        content: 'Игры';
        font-size: 15px;
    }
    #sector_24 .btn {
        margin: 31px 0 0 auto;
    }
    body.comics #sector_21 {
        margin: 84px 0 0 0;
    }
    body.comics #sector_21 .item .name {
        margin-bottom: 17px;
    }
    body.comics #sector_21 .item .box .left .spis .items img {
        margin-right: 10px;
        width: 19px;
    }
    #sector_21 .item .box .left .spis .items {
        margin-bottom: 8px;
    }
    body.comics #sector_21 .item .box .left .text {
        margin-bottom: 27px;
    }
    body.comics #sector_21 .item .box .left {
        margin-bottom: 10px;
    }
    body.comics #sector_21 .item {
        padding: 30px 42px 35px 34px;
    }
    #sector_25 {
        padding: 159px 0 141px 0;
        background: url('../img/bg33.svg') 50% 0 no-repeat;
        margin: 40px 0 0 0;
    }
    #sector_25 .title {
        margin: 0 0 45px 0;
    }
    #sector_25 .box img:nth-child(3) {
        margin: -6px -28px 0 -60px;
        width: 70%;
        order: 1;
    }
    #sector_25 .box img:nth-child(4) {
        margin: 22px 0 0 -15px;
        width: 59%;
        z-index: 1;
    }
    #sector_26 {
        padding: 133px 0 86px 0;
    }
    #sector_26 .title {
        margin: 0 0 34px 0;
    }
    #sector_26 .box .text {
        margin-bottom: 26px;
    }
    #sector_27 {
        padding: 139px 0 112px 0;
    }
    #sector_27 .box .text {
        margin-bottom: 32px;
    }
    #sector_28 {
        padding: 117px 0 110px 0;
    }
    #sector_28 .box .text {
        margin-bottom: 35px;
    }
    body.comics #sector_8 {
        padding-top: 22px;
        padding-bottom: 101px;
    }
    body.scratch header .box {
        margin-top: 32px;
    }
    body.scratch header .left ul li {
        margin-bottom: 12px;
    }
    body.scratch header .left ul {
        margin: 3px 0 37px 0;
    }
    body.scratch header .left h1 {
        margin-bottom: 22px;
    }
    body.scratch header .left .btn {
        width: 253px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    body.scratch header .left .robot {
        margin-top: 58px;
    }
    body.scratch header .left .robot .item {
        margin-bottom: 12px;
    }
    body.scratch #sector_12 {
        padding: 165px 0 127px 0;
    }
    body.scratch #sector_12 .title {
        margin: 0 0 56px 0;
    }
    body.scratch #sector_12 .box .item .text {
        width: 95%;
    }
    body.scratch #sector_12 .box .item {
        margin-bottom: 69px;
    }
    #sector_29 {
        margin: 8px 0 0 0;
    }
    #sector_29 .title {
        margin: 0 0 40px 0;
    }
    #sector_29 .box .text {
        width: 85%;
    }
    #sector_29 .box .robot {
        margin-top: 8px;
    }
    #sector_29 .box .robot .item img {
        margin-right: 9px;
        width: 20px;
    }
    #sector_29 .box .robot .item {
        margin-bottom: 11px;
    }
    #sector_30 {
        margin: 58px 0 0 0;
        padding: 71px 0 160px 0;
    }
    #sector_30 .title {
        margin: 0 0 39px 0;
    }
    #sector_30 .box .img {
        width: 20%;
    }
    #sector_30 .box .text {
        width: 73.7%;
    }
    #sector_30 .zag {
        margin: 12px 0 0 auto;
    }
    #sector_31 {
        margin: 41px 0 0 0;
    }
    #sector_31 .title {
        margin: 0 0 43px 0;
    }
    #sector_31 .plyr {
        height: 198px;
        margin-bottom: 23px;
    }
    #sector_31 .plyr:nth-child(3) {
        height: 209px;
        margin-bottom: 32px;
    }
    #sector_31 .plyr:nth-child(4) {
        height: 208px;
    }
    body.scratch #sector_21 {
        margin: 100px 0 0 0;
    }
    body.scratch #sector_21 .title {
        margin: 0 0 40px 0;
    }
    body.scratch #sector_21 .item {
        padding: 32px 43px 25px 37px;
    }
    body.scratch #sector_21 .item .name{
        margin-bottom: 15px;
    }
    body.scratch #sector_21 .item .box .left .text {
        margin-bottom: 25px;
    }
    body.scratch #sector_21 .item .box .left {
        margin-bottom: 10px;
    }
    body.scratch #sector_21 .item .box .left .spis .items img {
        margin-right: 8px;
        width: 19px;
    }
    body.scratch body.scratch #sector_21 .item .box .left {
        margin-bottom: 10px;
    }
    body.scratch #sector_21 .item .box .right {
        height: auto;
        overflow: hidden;
    }
    body.scratch #sector_8 {
        padding-top: 71px;
        padding-bottom: 100px;
    }
    body.unity header .box {
        margin-top: 32px;
    }
    body.unity header .left ul li {
        padding: 0 19px 0 19px;
    }
    body.unity header .left ul {
        margin: 3px 0 37px 0;
    }
    body.unity header .left h1 {
        margin-bottom: 21px;
    }
    body.unity header .left .btn {
        width: 254px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    body.unity header .left .robot {
        margin-top: 59px;
    }
    #sector_32 {
        padding: 151px 0 186px 0;
        margin: 8px 0 0 0;
    }
    #sector_32 .title {
        margin: 0 0 39px 0;
    }
    #sector_32 .box {
        display: block;
    }
    #sector_32 .box .item {
        padding: 9px 19px;
        margin: 0 auto 20px auto;
        width: fit-content;
    }
    body.unity #sector_10 {
        margin: -46px 0 0 0;
    }
    body.unity #sector_10 .title {
        margin: 0 0 48px 0;
    }
    body.unity #sector_11 {
        padding: 211px 0 139px 0;
        margin: 4px 0 0 0;
    }
    body.unity #sector_11 .box .btn {
        width: 75%;
        margin: 39px 0 0 auto;
    }
    body.unity #sector_12 .title {
        margin: 0 0 102px 0;
    }
    #sector_33 {
        padding: 160px 0 167px 0;
        margin: -210px 0 0 0;
    }
    #sector_33 .title {
        margin: 0 0 38px 0;
    }
    #sector_33 .box .item {
        margin-bottom: 15px;
    }
    #sector_33 .box .item .plyr {
        height: 321px;
    }
    body.unity #sector_15 .box .btn {
        margin: 39px 0 0 auto;
        width: 260px;
    }
    body.unity #sector_15 {
        padding: 49px 0 32px 0;
    }
    body.unity #sector_21 {
        padding: 134px 0 115px 0;
    }
    body.unity #sector_21 .title {
        margin: 0 0 43px 0;
    }
    body.unity #sector_21 .item {
        padding: 32px 42px 24px 36px;
    }
    body.unity #sector_21 .item .name {
        margin-bottom: 15px;
    }
    body.unity #sector_21 .item .box .left .spis .items img {
        margin-right: 7px;
        width: 20px;
    }
    body.unity #sector_21 .item .box .left .text {
        margin-bottom: 22px;
    }
    body.unity #sector_21 .item .box .left {
        margin-bottom: 11px;
    }
    body.unity #sector_21 .item .box .right {
        overflow: hidden;
        height: 205px;
    }
    body.unity #sector_8 {
        padding-bottom: 101px;
        padding-top: 23px;
    }
    body.scratch.roblox header .left h1 {
        margin-bottom: 26px;
    }
    body.scratch.roblox #sector_12 {
        padding: 166px 0 158px 0;
    }
    body.scratch #sector_12 .title {
        margin: 0 0 16px 0;
    }
    body.scratch.roblox #sector_29 {
        margin: 0;
    }
    body.roblox #sector_29 .title {
        margin: 0 0 40px 0;
    }
    body.roblox #sector_30 {
        padding: 78px 0 165px 0;
        margin: 36px 0 0 0;
    }
    body.roblox #sector_30 .btn {
        margin: 20px 0 0 auto;
    }
    body.roblox #sector_31 {
        margin: 33px 0 0 0;
    }
    body.scratch.roblox #sector_21 {
        margin: 35px 0 0 0;
    }
    body.scratch.roblox #sector_21 .title {
        margin: 0 0 40px 0;
    }
    body.scratch.roblox #sector_8 {
        padding-top: 51px;
        padding-bottom: 80px;
    }
    body.about header .name {
        margin: 30px 0 40px 0;
    }
    body.about header .sub {
        width: 74%;
        margin: 31px 0 0 auto;
    }
    #sector_34 {
        padding: 243px 0 152px 0;
        background-size: cover;
        margin: -121px 0 0 0;
        position: relative;
    }
    #sector_34 .box {
        margin: 0 auto 57px auto;
    }
    #sector_34 .box .item {
        width: 60%;
        margin: 0 auto 74px auto;
    }
    #sector_34 .box .btn {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 176px;
        margin: auto;
    }
    #sector_35 {
        margin: 30px 0 0 0;
    }
    #sector_35 .title {
        margin: 0 0 31px 0;
    }
    #sector_35 .plyr {
        height: 203px;
    }
    #sector_36 .title {
        margin: 0 0 48px 0;
    }
    #sector_36 .box .item {
        margin-bottom: 19px;
    }
    #sector_36 {
        padding: 324px 0 390px 0;
        margin: -136px 0 0 0;
    }
    #sector_37 .title {
        margin: 0 0 25px 0;
    }
    #sector_37 .box .btn {
        margin: 48px 0 0 auto;
        width: 259px;
    }
    #sector_37 {
        margin: -530px 0 -60px 0;
        padding: 315px 0 212px 0;
    }
    #sector_38 .name {
        margin: 31px 0 40px 0;
    }
    #sector_38 .text p {
        margin-bottom: 18px;
    }
    #error {
        margin: 131px 0 61px 0;
    }
    #error .text {
        margin-bottom: 72px;
        margin-top: 8px;
    }
    body.scratch.lego #sector_12 {
        padding: 165px 0 127px 0;
    }
    body.scratch.lego #sector_30{
        padding: 100px 0 100px 0;
    }
    #sector_8 form .col-md-12:first-child,
    .modal-body form .col-md-12:first-child{
        display: none;
    }
}
.modal-body .new-select__list {
z-index: 2;
}
.new-select__list {
z-index: 2;
}

#scr-jr-btn {
background: #470F48;
box-shadow: 0px 12px 18px rgba(4, 21, 43, 0.3);
}
#scr-jr-btn:hover {
background: #702963;
}