@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
  padding: 0px;
  margin: 0px;
  font-family: 'Rubik', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}

:root {
  --black: #514d60;
  --orange: #FF940D;
  --orange_1: #FFAF49;
  --white: #ffffff;
  --blue: #147ABC;
  --blue_1: #49A3DE;
  --l_grey: #878c9c;
  --l_green: #B9F293;
  --d_green: #9DE56E;
}
p,a,span,h1,h2,h3,h4,h5,h6{
  color: var(--black);
  text-decoration: none;
}
.line_container{
  width: 100%;
}
.container{
  display: flex;
  max-width: 1240px;
  margin: 0px auto;
}
.column{
  flex-direction: column;
}
.logo{
  max-width: 180px;
  display: flex;
  align-items: center;
}
.logo img{
  width: 100%;
}
.pre_header{
  display: flex;
  height: 30px;
  width: 100%;
  justify-content:space-between;
  align-items: center;
}
.pre_header__contact ul li{
  display: inline-block;
  margin-left: 30px;
}
.pre_header__contact ul li:last-child{
  margin-left: 10px;
}
.pre_header__contact ul li a, .pre_header p{
  font-size: 14px;
  color: var(--l_grey);
}
.pre_header_line{
  border-bottom: 1px solid var(--l_grey);
  background-color: var(--white);

}
.header_line{
  background-color: var(--white);
}
.header{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}
.main_menu li{
  display: inline-block;
  margin-right: 30px;
}
.header__navigation{
  display: flex;
  align-items: center;
}
.header__button{
  padding: 10px 30px;
  background-color: var(--blue);
  color: var(--white);
  border-radius: 10px;
}
.first_screen_line{
  background-color: var(--blue);
}
.first_screen_container{
  position: relative;
}
.first_screen_caption{
  width: 60%;
  color: var(--white);
}
.first_screen_image{
  position: absolute;
  right: 0;
  width: 300px;
}
.first_screen_caption{
  padding: 200px 0px 50px 0px;
}
.first_screen_caption h1{
  font-size: 65px;
  color: var(--white);
}
.first_screen_caption h2{
  color: var(--white);
}
.first_screen_caption ul{
  list-style-type: none;
  margin-top: 40px;
}
.first_screen_caption ul li{
 font-size: 20px;
 font-weight: 500;
 line-height: 35px;
}
#fs1{
  right: 280px;
  top: 10px;
}
#fs2{
  top: 160px;
  width: 250px;
}
#fs3{
  top: 440px;
  right: 280px;
}
.curve{
width: 100%;
  background-image: url('/img/wave.svg');
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}
.first_screen__buttons_container{
  display: flex;
  width: 100%;
  margin-top: 50px;
}
.first_screen_button{
  padding: 10px 30px;
  color: var(--white);
  font-size: 20px;
  border-radius: 15px;
}
#first_screen__button_about{
  border: 2px solid var(--white);
  background-color: none;
  transition: background-color .5s, color .5s;
}
#first_screen__button_about:hover{
  border: 2px solid var(--orange);
  background-color: var(--orange);
  color: var(--black);
}
#first_screen__button_go:hover{
  color: var(--black);
}
#first_screen__button_go{
  border: 2px solid var(--orange);
  background-color: var(--orange);
  margin-left: 30px;
  transition: background-color .5s, color .5s;
}
.cytata_container{
  font-size: 35px;
  font-weight: 500;
  text-align: center;
}
.program_block{
  margin-top: 60px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  -moz-box-shadow:0 0 20px var(--l_grey);
  -webkit-box-shadow:0 0 20px var(--l_grey);
  box-shadow:0 0 20px var(--l_grey);
  padding: 30px;
}
.program_block h3{
  font-size: 35px;
  line-height: 45px;
}
.program_block h4{
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 30px;
}
.program_block p{
  font-size: 24px;
  line-height: 40px;
}
.blue{
  color: var(--blue);
}
.programs_buttons_block{
  display: flex;
  margin-top: -125px;
  justify-content: flex-end;
  align-items: flex-end;
}
.programs_button{
  font-size: 24px;
  padding: 10px;
  width: 300px;
  text-align: center;
  display: block;
  border-radius: 15px;
}
#programs_button_1{
  border: 2px solid var(--blue);
  color: var(--blue);
  transition: color .5s, background-color .5s;
}
#programs_button_1:hover{
  color: var(--white);
  background-color: var(--blue);
}
#programs_button_2{
  border: 2px solid var(--orange);
  color: var(--white);
  background-color: var(--orange);
  margin-top: 20px;
  transition: color .5s;
}
#programs_button_2:hover{
  color: var(--black);
}
.adv_container{
  flex-wrap: wrap;
  justify-content: space-around;
}
.adv_block{
  max-width: 320px;
  display: flex;
  text-align: center;
  margin-bottom: 60px;
}
.adv_image{
  width: 150px;
  margin: 20px auto;
}
.adv_block h3{
  margin-bottom: 20px;
  font-size: 24px;
  min-height: 85px;
}
.adv_block p{
  font-size: 18px;
}
.adv_second_image{
    width: 116px;
}
.adv_third_image{
  width: 137px;
}
.adv_line h2{
  margin: 60px auto 40px auto;
  font-size: 40px;
  text-align: center;
}
.curve_two{
  background-image: url('/img/wave_2.svg');
  height: 260px;
  margin-top: -130px;
}
.for_who_line{
  background-color: var(--blue);
}
.for_who_block{
  width: 290px;
  background-color: var(--white);
  padding: 30px;
  border-radius: 15px;
  text-align: center;
}
.for_who_container{
  justify-content: space-around;
}
.for_who_block h3{
  font-size: 24px;
  margin-bottom: 20px;
}
.for_who_image{
  width: 120px;
  margin: 0px auto 20px auto;
}
.for_who_image_second{
  width: 130px;
}
.for_who_image_first{
  width: 93px;
}
.for_who_line h2{
  color: var(--white);
  font-size: 40px;
  text-align: center;
  padding: 60px 0px 40px 0px;
}
/*POPUP*/

.overlay_popup {
	display:none;
	position:fixed;
	z-index: 999;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background: var(--black);
	opacity:0.5;
}

.popup {
	display: none;
	position: fixed;
	z-index: 1000;
  width: 100%;
  top: 10px;
  height: calc(100% - 50px);

}



.object{
display: flex;
margin: 0 auto;
width: 80%;
height: 80%;
min-width: 320px;
min-height: 320px;
background-color: var(--white);
border-radius: 30px;
padding: 20px;
overflow-y: scroll;
overflow-x: hidden;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
}

/*POPUP*/

.teacher_block{
  display: flex;
  align-items: center;
  background-color: var(--white);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
}
.teacher_image{
  width: 200px;
  margin-bottom: 20px;
}
.teacher_line{
background-color: var(--blue);
}
.teacher_block h3{
  font-size: 22px;
  margin-bottom: 15px;
}
.teacher_block p{
  margin-bottom: 30px;
}
.teacher_block span{
  cursor: pointer;
  color: var(--blue);
  padding: 10px 20px;
  border: 2px solid var(--blue);
  border-radius: 10px;
  transition: background-color .5s, color .5s;
}
.teacher_block span:hover{
  color: var(--white);
  background-color: var(--blue);
}
.object_teacher_image img{
  width: 100%;
}
.object_teacher_image{
  width: 200px;
}
.object_card{
  display: flex;
  width: 40%;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.object::-webkit-scrollbar {
  width: 10px;
  border-radius: 30px;
}

.object::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
}

.object::-webkit-scrollbar-thumb {
  background-color: var(--blue);

}
.object::-webkit-scrollbar-button{
  border-radius: 30px;
}
.object_info{
  width: 40%;
  line-height: 25px;
}
.object_info ul{
  list-style-type: none;
}
.object_info a{
  color: var(--blue);
}
.object_text{
  margin-top: 30px;
  line-height: 30px;
}
.object_button_container{
  width: 100%;
  padding: 30px 0px;
  text-align: right;
}
.object_button_container span{
  padding: 10px 20px;
  color: var(--white);
  background-color: var(--blue);
  border-radius: 15px;
  cursor: pointer;

}
.object_button_container span:hover{
  color: var(--black);
}
.owl-nav{
  text-align: center;
  margin-top: 30px;
}
.owl-nav button span{
  color: var(--white);
  padding: 10px;
  margin: 30px 30px;
}
.teacher_line h2, .study_line h2, .lessons_line h2, .result_line h2{
  color: var(--white);
  font-size: 40px;
  text-align: center;
  padding: 60px 0px 40px 0px;
}
.study_line, .lessons_line, .result_line {
  background-color: var(--blue);
}
/* TABS */
.tabs {
  width: 100%;
font-size: 0;
}

.tabs>input[type="radio"] {
display: none;
}

.tabs>div {
/* скрыть контент по умолчанию */
display: none;
padding: 10px 15px;
font-size: 16px;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
display: flex;
color: var(--black);
background-color: var(--white);
border-radius: 0px 30px 30px 30px;
}

.tabs>label {
display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: var(--white);
padding: 20px 30px;
margin-right: 30px;
border-radius: 30px 30px 0px 0px;
font-size: 24px;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor: pointer;
position: relative;
top: 1px;
}

.tabs>label:not(:first-of-type) {
border-left: none;
}

.tabs>input[type="radio"]:checked+label {
background-color: #fff;
color: var(--orange);
}

.tabs div ul{
  list-style-type: none;
  margin-top: 50px;
}
.tabs div ul li{
  list-style-type: none;
  font-size: 20px;
  line-height: 60px;
  font-weight: 500;
}
.tabs div ul li::before,.lessons_text ul li::before,.result_text ul li::before{
  content:' ✓ ';
  color: var(--blue);
  font-size: 40px;
}

/* END TABS */
.lessons_text ul li::before{
  color: var(--orange);
}
.lessons_text ul{
  list-style: none;
}
.lessons_image_block img{
  width: 100%;
}
.lessons_image_block{
  width: 30%;
}
.lessons_text{
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.lessons_text ul li{
  color: var(--white);
  font-size: 30px;
  font-weight: 500;
}




.result_text ul li::before{
  color: var(--orange);
}
.result_text ul{
  list-style: none;
}
.result_image_block img{
  width: 100%;
}
.result_image_block{
  width: 30%;
}
.result_text{
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.result_text ul li{
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.curve_three{
  margin-top: -100px;
}
.form_line h2{
  font-size: 40px;
  margin-top: 0px;
  text-align: center;
}
.form_block{
  width: 40%;
  margin: 40px auto 40px auto;
  justify-content: space-around;
  -moz-box-shadow:0 0 20px var(--l_grey);
  -webkit-box-shadow:0 0 20px var(--l_grey);
  box-shadow:0 0 20px var(--l_grey);
  border-radius: 15px;
  padding: 40px 20px;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

#send_form{
  text-align: center;

}
#send_form input, #send_form select{
  color: var(--black);
  font-size: 18px;
  width: 300px;
  margin-bottom: 40px;
  padding: 10px;
  border: 2px solid var(--l_grey);
  border-radius: 10px;
}
#send_form select{
  width: 324px;
}
#send_form select option{
  line-height: 24px;
}
#send_form_button{
  padding: 10px 30px;
  font-size: 20px;
  border: 0px;
  border-radius: 15px;
  background-color: var(--orange);
  color: var(--white);
  transition: color .5s;
}
#send_form_button:hover{
  color: var(--black);
}
#text-form{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}
.footer_line{
background-color: var(--blue);
padding: 30px 0px;
}
.footer_container{
  justify-content: space-between;
}
.footer_container p{
  color: var(--white);
}
.error{
  border: 2px solid #BF3030 !important;
}
.form-caption-block{
  display: none;
  margin-bottom: 30px;
  text-align: center;
  padding: 10px;
  background-color: var(--l_green);
  border: 2px solid var(--d_green);
}
.display{
  display: block;
}
.adv_image img{
  width: 100%;
}
.fixed{
  position: fixed;
  z-index: 9999999;
  border-bottom: 1px solid var(--l_grey);
}