@font-face {
   font-family: "Montserratarm Regular";
   src: url("../fonts/Montserratarm-Regular.otf") format("opentype");
}
@font-face {
   font-family: "Montserratarm Medium";
   src: url("../fonts/Montserratarm-Medium.otf") format("opentype");
}
@font-face {
   font-family: "Montserratarm Bold";
   src: url("../fonts/Montserratarm-Bold.otf") format("opentype");
}
@font-face {
   font-family: "Montserratarm SemiBold";
   src: url("../fonts/Montserratarm-SemiBold.otf") format("opentype");
}
html, body{
   padding: 0px;
   margin: 0px;
   font-family: "Montserratarm Regular";
   background-color: #F2EFE5;
   overflow: hidden;
   overflow-y: auto;
}
ul{
   padding: 0px;
   margin: 0px;
}
li{
   list-style: none;
}
a{
   text-decoration: none;
   color: unset;
   cursor: pointer;
}
h1, h2, h3, h4, h5, p{
   margin: 0px;
}
input, button, textarea, select{
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   font-family: "Montserratarm Regular";
}
body.noscroll{
   overflow: hidden;
}

/* HEADER */
header{
   width: 100%;
   height: auto;
   float: left;
   padding: 45px 0;
}
.center{
   width: 90%;
   max-width: 1440px;
   height: auto;
   margin: 0 auto;
}
.header__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.header__item{
   width: fit-content;
   height: auto;
}
.header__item-logo img{
   width: 200px;
   height: 22px;
   object-position: center;
   object-fit: contain;
}
.header__item ul{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.header__item ul > li{
   float: left;
   margin: 0 0 0 70px;
}
.header__item ul > li > a{
   font-weight: 700;
   font-size: 17px;
   line-height: 22px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.header__item ul > li > a > img{
   width: 30px;
   height: 26px;
   object-fit: contain;
   object-position: center;
   float: left;
   margin: 0 10px 00;
}
.header__item-mobile{
   display: none;
}
/* HEADER */

/* MAIN */
.main{
   width: 100%;
   height: auto;
   float: left;
   padding: 60px 0 0;
}
.main__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.main__item{
   width: 50%;
   height: auto;
   position: relative;
}
.main__item:nth-child(1):before{
    content: "";
    width: 110px;
    height: 185px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/vectory/java.png);
    position: absolute;
    right: 30px;
    bottom: 0;
}
.main__item-title{
   width: 90%;
   height: auto;
   float: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
   margin: 40px 0 0 0;
}
.main__item-description{
   width: 95%;
   height: auto;
   float: left;
   font-size: 18px;
   line-height: 37px;
   letter-spacing: 0.05em;
   text-align: left;
   margin: 49px 0 0 0;
   font-family: "Montserratarm Medium";
}
.main__item-button {
   width: fit-content;
   height: auto;
   font-size: 21px;
   line-height: 24px;
   text-transform: uppercase;
   color: #000000;
   background: #F4CD55;
   border: 1px solid #000000;
   box-sizing: border-box;
   padding: 30px 100px 30px;
   font-family: "Montserratarm Bold";
   margin: 85px 0 0 0;
   float: left;
}
.main__item-form{
   width: 100%;
   max-width: 600px;
   height: auto;
   background: #DCBCF4;
   border: 1px solid #DCBCF4;
   box-sizing: border-box;
   box-shadow: 13px 16px 38px -1px #DCBCF4;
   border-radius: 20px;
   padding: 56px 47px 49px;
   float: right;
}
.main__item-form-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 22px;
   line-height: 30px;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
}
.main__item-form-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 14px;
   line-height: 166.9%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   margin: 18px 0 0 0;
}
.main__item-form label{
   width: 100%;
   height: auto;
   float: left;
   margin: 40px 0 0 0;
}
.main__item-form label > input{
   width: 100%;
   height: auto;
   float: left;
   border: unset;
   font-size: 14px;
   line-height: 164.9%;
   letter-spacing: 0.05em;
   color: rgba(0, 0, 0, 0.58);
   padding: 23px;
   box-sizing: border-box;
   border: 1px solid #fff;
   transition: .3s;
}
.main__item-form input.error{
   border-color: red;
   transition: .3s;
}
.main__item-form button{
   width: 100%;
   height: auto;
   font-size: 16px;
   line-height: 24px;
   text-transform: uppercase;
   color: #000000;
   background: #F4CD55;
   border: 1px solid #000000;
   box-sizing: border-box;
   padding: 23px 0 23px;
   font-family: "Montserratarm Bold";
   margin: 40px 0 0 0;
   cursor: pointer;
   transition: .3s;
}
.main__item-form button.active{
   background: #67c86b;
   color: #fff;
   transition: .3s;
}
/* MAIN */

/* BANNER */
.banner{
   width: 100%;
   height: auto;
   float: left;
   padding: 107px 0;
   padding: 95px 0 0 0;
}
.banner__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   border-top: 2px solid #000000;
   border-bottom: 2px solid #000000;
   padding: 10px 0;
}
.banner__item{
   width: fit-content;
   height: auto;
}
.banner__item-info{
   width: 100%;
   height: auto;
   font-size: 15px;
   line-height: 182.9%;
   letter-spacing: 0.05em;
   color: #000000;
   font-family: "Montserratarm SemiBold";
   padding: 0 0 0 65px;
   box-sizing: border-box;
   position: relative;
}
.banner__item-info:before{
   content: "";
   width: 51px;
   height: 51px;
   position: absolute;
   background-image: url('../images/icon/element-b.svg');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   left: 0%;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}
/* BANNER */

/* JOB */
.job{
   width: 100%;
   height: auto;
   float: left;
   padding: 100px 0 0;
   position: relative;
}
.job__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: flex-start;
   align-content: flex-start;
}
.job__item{
   width: 50%;
   height: auto;
}
.job__item-image{
   width: 100%;
   height: auto;
   float: left;
}
.job__item-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: right;
   margin: 50px 0 0;
}
.job__item-title br{
   display: none;
}
.job__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 18px;
   line-height: 35px;
   letter-spacing: 0.05em;
   color: #000000;
   font-family: "Montserratarm Medium";
   text-align: justify;margin: 32px 0 0 0;
}
.job:before{
   content: "";
   width: 600px;
   height: 152px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/job-elem.png);
   position: absolute;
   right: 0;
   bottom: -0;
}
/* JOB */

/* STAGE */
.stage{
   width: 100%;
   height: auto;
   float: left;
   padding: 40px 0 135px;
}
.stage__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.stage__item{
   width: 31%;
   height: auto;
}
.stage__box{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
}
.stage__box-num{
   font-size: 58.1124px;
   line-height: 71px;
   text-transform: uppercase; 
   color: #F4CD55;
   font-family: "Montserratarm Bold";
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #000000;
   margin: 0 30px 0 0;
}
.stage__box-title{
   font-size: 16px;
   line-height: 24px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
}
.stage__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 14.5281px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   margin: 23px 0 0 0;
}
/* STAGE */

/* SALARY */
.salary{
   width: 100%;
   height: auto;
   float: left;
   padding: 54px 0;
   background: rgb(220,188,244);
   background: linear-gradient(90deg, rgba(220,188,244,1) 48%, rgba(242,239,229,1) 65%);
   position: relative;
}
.salary__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.salary__item:nth-child(1){
   width: 60%;
   height: auto;
}
.salary__item:nth-child(2){
   width: 40%;
   height: auto;
   position: relative;
}
.salary__item-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   text-align: left;
   font-family: "Montserratarm Bold";
}
.salary__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 15px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   font-family: "Montserratarm Medium";
   margin: 14px 0 0 0;
}
.salary__item-icon{
   width: 115px;
   height: 140px;
   object-fit: contain;
   object-position: center;
   position: absolute;left: 0%;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
 }
.salary__item-summ{
   font-size: 46.3777px;
   line-height: 57px;
   text-transform: uppercase;
   color: #F4CD55;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #000000;
   font-family: "Montserratarm Bold";
   float: right;
   margin: 0 90px 0 0;
}
.salary__item-text{
   font-family: "Montserratarm Medium";
   font-size: 15px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   float: right;
}
.salary:before{
   content: "";
   width: 600px;
   height: 120px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/salary-elem-before.png);
   position: absolute;
   left: 0;
   bottom: -30px;
}
.salary:after{
   content: "";
   width: 650px;
   height: 124px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/salary-elem-after.png);
   position: absolute;
   right: 0;
   top: -40px;
}
/* SALARY */

/* PARTICIPATION */
.participation{
   width: 100%;
   height: auto;
   float: left;
   padding: 137px 0 70px;
}
.participation__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.participation__item:nth-child(1){
   width: 56%;
   height: auto;
}
.participation__item:nth-child(2){
   width: 40%;
   height: auto;
}
.participation__item-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   text-align: left;
   font-family: "Montserratarm Bold";
}
.participation__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 19px;
   line-height: 34px;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   font-family: "Montserratarm Medium";
   margin: 55px 0 0;
   padding: 0 0 0 100px;
   position: relative;
}
.participation__item-description:before {
   content: "";
   width: 51px;
   height: 51px;
   position: absolute;
   background-image: url(../images/icon/element-b.svg);
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   left: 0%;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}
.participation__item-image{
   width: 90%;
   height: auto;
   float: left;
}
.participation__item-button{
   width: fit-content;
   height: auto;
   font-size: 21px;
   line-height: 24px;
   text-transform: uppercase;
   color: #000000;
   background: #F4CD55;
   border: 1px solid #000000;
   box-sizing: border-box;
   padding: 30px 100px 30px;
   font-family: "Montserratarm Bold";
   margin: 100px 0 0 0;
   float: right;
}
/* PARTICIPATION */

/* PROGRAMS */
.programs{
   width: 100%;
   height: auto;
   float: left;
   padding: 41px 0;
   background: #E8E2ED;
}
.programs__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.programs__item{
   width: fit-content;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.programs__item-title{
   width: fit-content;
   height: auto;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   margin: 0 60px 0 0;
}
.programs__item-link{
   width: fit-content;
   height: auto;
   font-size: 17px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   text-decoration-line: underline;
   color: #000000;
   font-family: "Montserratarm Bold";
}
/* PROGRAMS */

/* TEACHERS */
.teachers{
   width: 100%;
   height: auto;
   float: left;
   padding: 70px 0 121px;
   position: relative;
   background-image: url('../images/bg/teachers.png');
   background-position: center;
   background-size: 1550px;
   background-repeat: no-repeat;
}
.teachers .center{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.teachers__row{
   width: 83% !important;
   height: auto;
   float: left;
   margin: 40px auto 0;
   display: table;
}
.teachers-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   text-align: center;
   font-family: "Montserratarm Bold";
}
.teachers__item{
   width: -webkit-fill-available;
   width: -moz-available;height: auto;
   background: #E8E2ED;
   box-shadow: 9px 7px 23px 5px rgba(220, 188, 244, 0.77);
   border-radius: 15px;
   margin: 30px 0 0 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding: 29px 0 57px;
   margin: 28px;
}
.teachers__item-avatar{
   width: 213.22px;
   height: 226.82px;
   object-position: center;
   object-fit: contain;
}
.teachers__item-name{
   width: 100%;
   height: auto;
   float: left;
   font-size: 15px;
   line-height: 18px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: center;
   margin: 15px 0 0 0;
}
.teachers__item-bio{
   width: 100%;
   height: auto;
   float: left;
   font-size: 13px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   font-family: "Montserratarm Medium";
   text-align: center;
   margin: 22px 18px 0;
   box-sizing: border-box;
}
.teachers:before{
   content: "";
   width: 500px;
   height: 120px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/teachers-elem-before.png);
   position: absolute;
   left: 0;
   top: 115px;
   z-index: 10005;
}
.teachers:after{
   content: "";
   width: 450px;
   height: 185px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/teachers-elem-after.png);
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 10005;
}
.teachers .owl-dots{
   width: 100%;
   height: auto;
   float: left;
   display: none !important;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 30px 0 0;
}
.teachers .owl-dot{
   width: 17px;
   height: 17px;
   border-radius: 100px;
   background-color: #E8E2ED !important;
   cursor: pointer !important;
   margin: 0 10px;
   transition: .3s;
}
.teachers .owl-dot.active{
   background-color: #DCBCF4 !important;
   transition: .3s;
}
/* TEACHERS */

/* BOOKING */
.bookings{
   width: 100%;
   height: auto;
   float: left;
   padding: 107px 0;
   background: rgb(232,226,237);
   background: linear-gradient(90deg, rgba(232,226,237,1) 37%, rgba(242,239,229,1) 55%);
   position: relative;
}
.bookings__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}
.bookings__item{
   width: 50%;
   height: auto;
}
.bookings__item-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 27px;
   line-height: 37px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
   margin: 0;
}
.bookings__item-price{
   width: 100%;
   height: auto;
   float: left;
   font-size: 18px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   margin: 40px 0 0 0;
   font-family: "Montserratarm Medium";
}
.bookings__item-price b{
   font-size: 55.4642px;
   line-height: 77px;
   text-transform: uppercase;
   color: #F4CD55;
   font-family: "Montserratarm Bold";
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #000000;
}
.bookings__item-text{
   width: 100%;
   height: auto;
   float: left;
   font-size: 27px;
   line-height: 37px;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
   margin: 40px 0 0 0;
}
.bookings__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 18px;
   line-height: 196.4%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   margin: 40px 0 0 0;
}
.bookings__item-banks{
   display: block;
   margin: 15px 0 0 0;
}
.bookings__item-description img{
   width: 28px;
   height: 28px;
   object-position: center;
   object-fit: contain;
}
.bookings__item-form{
   width: 100%;
   max-width: 600px;
   height: auto;
   background: #DCBCF4;
   border: 1px solid #DCBCF4;
   box-sizing: border-box;
   box-shadow: 13px 16px 38px -1px #DCBCF4;
   border-radius: 20px;
   padding: 56px 47px 49px;
   float: right;
}
.bookings__item-form-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 22px;
   line-height: 30px;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
}
.bookings__item-form-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 14px;
   line-height: 166.9%;
   letter-spacing: 0.05em;
   color: #000000;
   text-align: left;
   margin: 18px 0 0 0;
}
.bookings__item-form label{
   width: 100%;
   height: auto;
   float: left;
   margin: 40px 0 0 0;
}
.bookings__item-form label > input{
   width: 100%;
   height: auto;
   float: left;
   border: unset;
   font-size: 14px;
   line-height: 164.9%;
   letter-spacing: 0.05em;
   color: rgba(0, 0, 0, 0.58);
   padding: 23px;
   box-sizing: border-box;
   border: 1px solid #fff;
   transition: .3s;
}
.bookings__item-form input.error{
   border-color: red;
   transition: .3s;
}
.bookings__item-form button{
   width: 100%;
   height: auto;
   font-size: 16px;
   line-height: 24px;
   text-transform: uppercase;
   color: #000000;
   background: #F4CD55;
   border: 1px solid #000000;
   box-sizing: border-box;
   padding: 23px 0 23px;
   font-family: "Montserratarm Bold";
   margin: 40px 0 0 0;
   cursor: pointer;
   transition: .3s;
}
.bookings__item-form button.active{
   background: #67c86b;
   color: #fff;
   transition: .3s;
}
.bookings:before{
   content: "";
   width: 750px;
   height: 125px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/bookings-elem-before.png);
   position: absolute;
   left: 0;
   bottom: 80px;
}
.bookings:after{
   content: "";
   width: 680px;
   height: 130px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/bookings-elem-after.png);
   position: absolute;
   right: -100px;
   top: 60px;
}
/* BOOKING */

/* SKILLS */
.skills{
   width: 100%;
   height: auto;
   float: left;
   padding: 92px 0 109px;
   position: relative;
}
.skills-title{
   width: 100%;
   height: auto;
   float: left;
   font-size: 27px;
   line-height: 37px;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
}
.skills__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 5px 0 0 0;
}
.skills__item{
   width: 30%;
   height: auto;
   margin: 71px 0 0 0;
}
.skills__item-title{
   width: 100%;
   height: auto;
   min-height: 56px;
   float: left;
   font-size: 19px;
   line-height: 27px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   text-align: left;
   position: relative;
   padding: 0 0 0 76px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}
.skills__item-title:before{
   content: "";
   width: 56px;
   height: 56px;
   position: absolute;
   background-image: url('../images/icon/element-s.svg');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   left: 0%;
   top: 50%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}
.skills__item-description{
   width: 100%;
   height: auto;
   float: left;
   font-size: 14.5281px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   color: #000000;
   font-family: "Montserratarm Medium";
   text-align: left;
   margin: 13px 0 0 0;
}
.skills:before{
   content: "";
   width: 300px;
   height: 140px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/skills-elem-before.png);
   position: absolute;
   left: 0;
   top: 320px;
}
.skills:after{
   content: "";
   width: 450px;
   height: 130px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/skills-elem-after.png);
   position: absolute;
   right: -100px;
   top: 45px;
}
/* SKILLS */

/* FOOTER */
footer{
   width: 100%;
   height: auto;
   float: left;
   padding: 91px 0 22px;
   background-color: #E8E2ED;
   position: relative;
}
.footer__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   flex-direction: column;
}
.footer__row-logo img{
   width: 180px;
   height: 20.98px;
   object-fit: contain;
   object-position: center;
}
.footer__row-networks{
   width: fit-content;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 33px 0 0 0;
}
.footer__row-networks a{
   margin: 0 15px;
}
.footer__row-networks a > img{
   width: 23px;
   height: 23px;
   object-fit: contain;
   object-position: center;
}
.footer__row-link{
   width: fit-content;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 33px 0 0 0;
}
.footer__row-link a{
   font-size: 16px;
   line-height: 190.4%;
   letter-spacing: 0.2em;
   color: #000000;
   font-family: "Montserratarm Medium";
   margin: 0 20px;
}
.footer__row-copyright{
   width: 100%;
   height: auto;
   float: left;
   font-size: 16px;
   line-height: 190.4%;
   letter-spacing: 0.04em;
   color: #000000;
   text-align: left;
   margin: 59px 0 0 0;
}
footer:before{
   content: "";
   width: 600px;
   height: 152px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(../images/vectory/footer-elem.png);
   position: absolute;
   right: 0;
   top: -29px;
}
/* FOOTER */

/* PROGRAMS MODAL */
.programsModal{
   width: -webkit-fill-available;
   width: -moz-available;
   height: 100vh;
   float: left;
   position: fixed;
   left: 0;
   top: 0;
   background: #E8E2ED;
   border: 1px solid #000000;
   box-sizing: border-box;
   overflow-x: auto;
   display: none;
   scrollbar-color: rgb(220,188,244) #E8E2ED !important;
   scrollbar-width: thin !important;
   z-index: 10006;
}
.programsModal::-webkit-scrollbar {
    width: 8px; 
}
.programsModal::-webkit-scrollbar-track {
   background: #E8E2ED;
}
.programsModal::-webkit-scrollbar-thumb {
   background-color: rgb(220,188,244);
   border-radius: 10px;
   border: unset;
}
.programsModal-hide{
   width: 25px;
   height: 25px;
   position: fixed;
   right: 30px;
   top: 25px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: stretch;
   cursor: pointer;
}
.programsModal-hide span{
   width: 25px;
   height: 2px;
   background-color: #000;
   float: left;
   left: 0;
   position: absolute;
}
.programsModal-hide span:nth-child(1){
   transform: rotate(45deg);
}
.programsModal-hide span:nth-child(2){
   transform: rotate(-45deg);
}
.programsModal-title{
   width: 100%;
   height: auto;
   float: left;
   text-align: left;
   font-size: 40px;
   line-height: 57px;
   text-transform: uppercase;
   color: #000000;
   font-family: "Montserratarm Bold";
   margin: 90px 0 0;
}
.programsModal__row{
   width: 100%;
   height: auto;
   float: left;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 13px 0 40px 0;
}
.programsModal__item{
   width: 19%;
   max-width: 19%;
   height: auto;
   margin: 90px 0 0 0;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}
.programsModal__item p{
   width: 100%;
   height: auto;
   float: left;
   text-align: left;
   font-size: 18px;
   line-height: 40px;
   letter-spacing: 0.05em;
   color: #000000;
   font-family: "Montserratarm Medium";
}
.programsModal-close{
   width: fit-content;
   height: auto;
   font-size: 18px;
   line-height: 197.4%;
   letter-spacing: 0.05em;
   text-decoration-line: underline;
   color: #000000;
   font-family: "Montserratarm Bold";
   margin: 50px auto 57px;
   display: table;
}
/* PROGRAMS MODAL */

@media screen and (max-width: 1440px){
   .bookings:before {
      width: 500px;
      height: 110px;
      left: 0;
      bottom: 60px;
   }
   .skills:before {
      width: 250px;
      height: 100px;
      top: 340px;
   }
   .teachers:before {
      width: 400px;
      height: 100px;
   }
   .teachers:after {
      width: 360px;
      height: 130px;
      right: -120px;
   }
   .teachers{
       background-size: 95%;
   }
}
@media screen and (max-width: 1320px){
   .salary__item:nth-child(1){
      width: 50%;
   }
   .salary__item:nth-child(2){
      width: 48%;
   }
   .salary__item-description br{
      display: none;
   }
   .salary:after {
      width: 300px;
      height: 80px;
      right: 0;
      top: -20px;
   }
   .salary:before {
      width: 300px;
      height: 85px;
      left: 0;
      bottom: -30px;
   }
   .teachers:before {
      width: 300px;
      height: 90px;
      top: 130px;
      z-index: 1005;
   }
   .teachers:after {
      width: 300px;
      height: 85px;
      right: -120px;
      top: unset;
      bottom: 0;
      z-index: 1005;
   }
   .job:before {
      width: 300px;
      height: 100px;
      right: 0;
      bottom: -100px;
   }
   .bookings:after {
      width: 300px;
      height: 60px;
      right: -100px;
      top: 0;
   }
   .bookings:before {
      width: 300px;
      height: 71px;
      left: 0;
      bottom: 0;
   }
   .skills:before {
      width: 170px;
      height: 80px;
      top: 132px;
   }
   .skills:after {
      width: 300px;
      height: 90px;
      right: -100px;
      top: -40px;
   }
   footer:before {
      width: 300px;
      height: 90px;
      right: 0;
      top: -12px;
   }
}
@media screen and (max-width: 1120px){
   .salary__item-icon {
      width: 95px;
      height: 80px;
   }
}
@media screen and (max-width: 1100px){
   .main__item{
      width: 100%;
   }
   .main__item:nth-child(2){
      display: none;
   }
   .bookings__item{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
   .bookings__item:nth-child(2){
      margin: 25px 0 0 0;
   }
   .bookings__item-description br{
      display: none;
   }
   .skills__item{
      width: 48%;
   }
   .job__item{
      width: 100%;
   }
   .job__item:nth-child(1){
      display: none;
   }
   .job__item-title{
      position: relative;
   }
   .job__item-title:before {
      content: "";
      width: 50px;
      height: 90px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(../images/vectory/java.png);
      position: absolute;
      left: 0;
      top: -40px;
   }
   .stage__item {
     width: 100%;
     height: auto;
     margin: 0 0 30px;
   }
   .salary__item:nth-child(1){
      width: 100%;
      order: 2;
      margin: 10px 0 0 0;
   }
   .salary__item:nth-child(2){
      width: 100%;
      order: 1;
   }
   .salary__item-title{
      width: 100%;
      font-size: 27px;
      line-height: 42px;
      text-align: center;
   }
   .salary__item-description{
      text-align: center;
   }
   .salary__item-text{
      font-size: 14px;
      text-align: center;
      width: 100%;
      text-align: center;
   }
   .salary__item-summ{
      width: 100%;
      text-align: center;
      margin: 0;
   }
   .salary__item-icon {
      width: 86px;
      height: 100px;
      object-fit: contain;
      object-position: center;
      position: relative;
      left: unset;
      top: unset;
      -webkit-transform: unset;
      transform: unset;
      margin: 0 auto;
      display: block;
   }
   .teachers .owl-dots{
      display: flex !important;
   }
}
@media screen and (max-width: 980px){
   header{
      padding: 25px 0;
   }
   .header__item{
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      float: left;
   }
   .header__item-logo img {
      width: 140px;
      height: 17px;
   }
   .header__item ul{
      width: 100%;
      margin: 25px 0 0 0;
      display: none;
   }
   .header__item ul > li{
      width: 100%;
      margin: 15px 0;
   }
   .header__item-mobile a{
       width: 23px;
       height: 19px;
       margin: 0 0 0 23px;
       float: left;
       display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
       justify-content: space-between;
   }
   .header__item-mobile a > span{
      width: 23px;
      height: 2px;
      background-color: #000000;
      float: left;
      transition: .3s;
   }
   .navbar.active span:nth-child(1){
        transform: rotate(45deg);
        margin: 0px 0 0;
        transition: .3s;
   }
   .navbar.active span:nth-child(2){
        opacity: 0;
        transition: .3s;
   }
   .navbar.active span:nth-child(3){
        transform: rotate(-45deg);
        margin: -4px 0 0;
        transition: .3s;
        float: right;
   }
   .navbar.active{
        justify-content: center;
   }
   .header__item-mobile a > img{
      width: 23px;
      height: 23px;
      object-fit: contain;
      object-position: center;
      float: left;
   }
   .header__item-mobile{
      display: block;
   }
   .banner{
      padding: 65px 0 0 0;
   }
   .banner__item {
      width: 20%;
      height: auto;
      margin: 7px 0;
   }
   .banner__item-info {
      font-size: 11px;
      line-height: 176.9%;
      letter-spacing: 0.05em;
      padding: 0 0 0 53px;
   }
   .banner__item-info:before{
      width: 40px;
      height: 40px;
   }
   .teachers__item{
      width: -webkit-fill-available;
      width: -moz-available;margin: 26px;
   }
   .teachers{
       padding: 60px 0;
   }
   .teachers__row{
      margin: 40px auto 0;
   }
   .participation__item{
      width: 100% !important;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      align-items: center;
   }
   .participation__item-description {
      font-size: 14px;
      line-height: 25px;
      margin: 30px 0 0;
      padding: 0 0 0 70px;
      box-sizing: border-box;
   }
   .participation__item-description br{
      display: none;
   }
   .participation__item-image{
      width: 100%;
      max-width: 500px;margin: 30px 0 40px;
   }
   .participation__item-button{
      margin: 0 auto 0;
      float: unset;
      display: table;
      padding: 19px 60px 19px;
      font-size: 16px;
   }
}
@media screen and (max-width: 800px){
   .banner__item{
      width: 48%;
   }
   .stage__item{
      width: 100%;
      margin: 40px 0 0 0;
   }
   .skills__item{
      width: 100%;
   }
}
@media screen and (max-width: 700px){
   .job__item-title br{
      display: block;
   }
   .job__item-title:before{
      top: -8px;
   }
}
@media screen and (max-width: 600px){
   .main{
      padding: 20px 0 0;
   }
   .main__item-title{
      width: 90%;
      font-size: 27px;
      line-height: 42px;
   }
   .main__item-description{
      width: 100%;
      font-size: 15px;
      line-height: 197.4%;
      margin: 20px 0 40px 0;
   }
   .main__item-button {
      margin: 0 auto 0;
      float: unset;
      display: table;
      padding: 19px 60px 19px;
      font-size: 16px;
   }
   .main__item:nth-child(1):before {
      width: 50px;
      height: 90px;
      right: 0;
      bottom: unset;
      top: 20px;
    }
   .job{
      padding: 60px 0 0 0;
   }
   .job__item-title{
      width: 100%;
      font-size: 27px;
      line-height: 42px;
      margin: 0 0 0 0;
   }
   .job__item-description{
      font-size: 15px;
      line-height: 197.4%;
   }
   .participation__item-title{
      font-size: 27px;
      line-height: 42px;
   }
   .programs__item-title{
      width: 100%;
      font-size: 27px;
      line-height: 42px;
   }
   .programs__item-link{
      font-size: 15px;
      margin: 10px 0 0 0;
   }
   .teachers-title{
      font-size: 27px;
      line-height: 42px;
   }
   .bookings{
      padding: 55px 0;
   }
   .bookings__item-price b {
      font-size: 45.4642px;
   }
   .bookings__item-price{
      font-size: 14px;
   }
   .footer__row-link a{
      font-size: 14px;
   }
   .footer__row-copyright{
      font-size: 14px;
      text-align: center;
   }
   .programsModal-title {
      font-size: 27px;
      line-height: 40px;
      margin: 30px 0 0;
   }
   .programsModal__item{
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 20px 0 0 0;
   }
   .participation{
       padding: 70px 0;
   }
   .stage{
       padding: 30px 0 40px;
   }
   .teachers__row{
       width: 100% !important;
   }
   .bookings__item-form {
       width: 100%;
       max-width: 600px;
       height: auto;
       padding: 30px;
   }
   .bookings__item-form-title{
       font-size: 20px;
       line-height: 30px;
   }
   .bookings__item-form label{
       margin: 20px 0 0 0;
   }
   .bookings__item-form label > input {
       font-size: 14px;
       padding: 15px 20px;
       transition: .3s;
   }
   .bookings__item-form button {
       width: 100%;
       height: auto;
       font-size: 14px;
       line-height: 24px;
       padding: 18px 0 17px;
       margin: 20px 0 0 0;
       cursor: pointer;
       transition: .3s;
   }
}
@media screen and (max-width: 399px){
   .job__item-title:before{
       top: -6px;
   }
   .main__item:nth-child(1):before {
       width: 35px;
       height: 60px;
       right: 0;
       bottom: unset;
       top: 35px;
   }
   .programsModal__row{
       margin: 13px 0 0px 0;
   }
   .programsModal-close{
       margin: 0px auto 30px;
   }
   .teachers .owl-dots{
       margin: 20px 0 0 0;
   }
   .job__item-title br{
       display: block;
   }
}

.owl-stage {
    margin: 0 auto;
}