@font-face {
  font-family: 'Proxima Nova';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("fonts/museosanscyrl-900.woff") format("woff"); }
@font-face {
  font-family: 'Proxima Nova';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/MuseoSansCyrl-500.woff") format("woff"); }
@font-face {
  font-family: 'Proxima Nova';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/MuseoSansCyrl-300.woff") format("woff"); }
 @font-face {
  font-family: 'Proxima Nova';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ProximaNova-Regular.woff") format("woff"); }
@font-face {
  font-family: 'Proxima Nova';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ProximaNova-Light.woff") format("woff"); }
*{
  box-sizing: border-box;
  font-family: 'Proxima Nova' , sans-serif;
}

body,html{
  margin: 0;
  padding: 0;
}
.hide-xl{
  display: none;
}
.clearfix{
  display: table;
  clear: both;
}
.container{
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 15px;
}
.section-block-container{
  position: relative;
}


.header-logo-wrap{
  display: flex;
  align-items: center;
}
.logo-img{
  width: 70px;
  height: 77px;
}
.header-title{
  text-align: left;
  color: #808080;
  font-size: 24px;
  font-weight: 300;
  margin-left: 10px;
}

.main-section{
  /*background: #FAFAFA;*/
  padding: 35px 0;
  color: #808080;
}

.main-section__subtitle{
  text-align: left;
  float: left;
  max-width: 797px;
  font-family: 'Proxima Nova';
  font-weight: 900;
  line-height: 61px;
  font-size: 50px;
  color: #575757;
  text-transform: uppercase;
  margin: 20px 0 35px 0;  
}
.main-section__subtitle span{
  font-family: inherit;
}
.main-section__plain{
  float: right;
  width: 150px;
  position: relative;
  top: -40px;
  left: -94px;
}
.video-block-wrap{
  float: left;
}
.main-section__form-wrap{
  float: right;
}
.main-section__form-wrap>p{
  font-size: 23px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.04em;
  color: #575757;
  margin-top: 0;
}
.main-section__form-wrap>p span{
  margin: 10px 0;
  font-size: 38px;
  color: #5545B1;
  line-height: 1.2;
  font-family: 'Proxima Nova';
  font-weight: 900;
}
.video{
  width: 640px;
  height: 360px;
}
.text-video-link-wrap{
  text-align: center;
}
.text-video-link{
  font-size: 16px;
  text-align: center;
  color: #7A7A7A;
  text-decoration: none;
  border-bottom: 1px solid;  
}
.video-descr-wrap{
  text-align: left;
  display: flex;
  margin-top: 15px;
}
.video-descr{
  display: flex;
  align-items: center;
  width: 50%;
}
.video-descr__img{
  width: 35px;
  height: 35px;
  box-sizing: content-box;
  padding: 5px;
  margin-right: 15px;
}
#my_seminar_time_2{
  max-width: 165px;
}
.video-block__form{
  width: 356px;
  margin-top: 35px;
}
.input{
  width: 100%;
  height: 45px;
  background-color: #F0F0F0;
  border-radius: 40px;
  border: none;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 20px;
  color: #807D7D;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 95% 50%;  
}
.input--name {
  background-image: url("img/user-shape.png");
}
.input--email {
  background-image: url("img/envelope.png");
  background-size: 17px;
}
.input--phone {
  background-image: url("img/phone-receiver.png");
}
.day-time-wrap{
  display: flex;
  justify-content: space-between;  
}
.btn-time{
  background-color: white;
  color: #c3c3c3;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  width: 30%;
  box-sizing: border-box;
  padding: 5px 0;
  border-radius: 50px;
  border: 1px solid #fff;
  transition: all .3s ease;  
}
.btn-time--active, .btn-time:hover {
  color: #A85463;
  border-color: #A85463;
  cursor: pointer;
}
.button{
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #575757;
  width: 100%;
  background-color: #ffdb4d;  
  text-decoration: none;
  border: none;  
  max-width: 380px;  
  padding: 15px 0;
  border-radius: 50px;
  text-transform: uppercase;
}
.button span{
  font-size: 15px;
}
.button:hover{
  cursor: pointer;
  opacity: 0.5;
}
.form-button{

  margin-top: 10px;
}

.section-block{
  text-align: left;
  padding: 60px 0;
}
.we-told{
  position: relative;
  padding-bottom: 140px;
}
.we-told-btn{
  margin-left: 0;
}
.we-told-line{
  width: 97%;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.we-told-container{
  position: relative;
}

.we-told__img{
  width: 400px;
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: -2;
}
@media screen and (max-width: 2100px){
  .we-told__img{
    width: 400px;
    bottom: -80px;
  }
}
@media screen and (max-width: 2000px){
  .we-told__img{
    bottom: -75px;
  }
}
@media screen and (max-width: 1842px){
  .we-told__img{
    bottom: -77px;
  }
}
@media screen and (max-width: 1715px){
  .we-told__img{
    bottom: -83px;
  }
}
@media screen and (max-width: 1605px){
  .we-told__img{
    bottom: -85px;
  }
}
@media screen and (max-width: 1523px){
  .we-told__img{
    bottom: -91px;
  }
}
@media screen and (max-width: 1415px){
  .we-told__img{
    bottom: -93px;
    right: 2%;
  }
}
@media screen and (max-width: 1350px){
  .we-told__img{
    bottom: -95px;
    right: 4%;
  }
}
@media screen and (max-width: 1290px){
  .we-told__img{
    width: 365px;
    bottom: -103px;
    right: 7%;
  }
}
@media screen and (max-width: 1225px){
  .we-told__img{
    right: 8%;
  }
}
@media screen and (max-width: 1056px){
  .we-told__img{
    width: 326px;
    bottom: -107px;
  }
}
@media screen and (max-width: 930px){
  .we-told__img{
    width: 280px;
    bottom: -110px;
  }
}
@media screen and (max-width: 840px){
  .we-told__img{
    width: 250px;
    bottom: -115px;
  }
}
@media screen and (max-width: 767px){
  .we-told__img{
    display: none;
  }
  .we-told-btn{
    margin-left: auto;
    margin-right: auto;
  }
}
.section-title{
  font-weight: 400;
  font-size: 24px;
  color: #8E8E91; 
  margin: 0;
}
.section-title:after{
  content: '';
  display: block;
  width: 162px;
  border-top: 5px solid #575757;
  margin-top: 30px;
  margin-bottom: 30px;
}
.section-subtitle {
  margin-top: 0;
  font-family: 'Proxima Nova';
  font-weight: bold;
  line-height: 61px;
  font-size: 53px;
  color: #575757;
  text-transform: uppercase;
}
.section-subtitle span{
  font-family: inherit;
}
.we-told__subtitle{
  max-width: 541px;
  margin-bottom: 35px;
}
.section-descr {
    max-width: 289px;
    line-height: 32px;
    font-size: 24px;
    color: #808080;
    margin-top: 0;
}
.section-block__button{
  background-color: #7DAF5E;
  display: inline-block;
}

.section__img{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 580px;
}

.section-hours{
  padding: 100px 0;
}
.hours-list{
  margin: 15px 0 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  counter-reset: myCounter;
  flex-wrap: wrap;
}
.hours-item{
  list-style: none;
  line-height: 27px;
  font-size: 19px;
  text-align: left;
  color: #575757;  
  display: flex;
  align-items: flex-start;
}
.hours-item:nth-child(2){
  margin-left: 55px;
  margin-right: 55px;
}
.hours-item:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: #5545B1;
  background-color: #E8E7E6;
  display: block;
  text-align: center;
  font-family: Proxima Nova;
  font-weight: bold;
  height: 55px;
  width: 55px;
  padding: 0 13px 0 20px;
  box-sizing: border-box;
  line-height: 55px;
  font-size: 48px;
  margin: -15px 10px 0 0;
  vertical-align: middle;
  white-space: pre-wrap;
  border: none;
  border-radius: 50%;
}
.section-hours .section-subtitle{
  margin-bottom: 70px;
}
.section-hours__bottom-img{
  width: 90%;
  margin-top: -150px;
}

.section-reviews{
	background-color: #F6F6F6;
	padding: 55px 0;
}
.section-reviews--subtitle{
	text-align: center;
	font-size: 45px;
}
.reviews-btn{
	margin-top: 35px;
}
.reviews-slider{
	width: 95%;
	position: relative;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 25px;
	box-sizing: border-box;
}
.reviews-slider img{
	max-width: 100%;
}
.owl-nav{
    font-size: 60px;
    color: #575757;
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 60px;
}
.owl-prev{
	position: relative;
	left: -25px;
}
.owl-next{
	position: relative;
	right: -25px;
}

.when-block{
  margin-top: 45px;
  padding-top: 0;
  position: relative;
  padding-bottom: 180px;
}
.when-block__subtitle{
  max-width: 315px;
  white-space: pre;
}
.when-block__descr {
  font-size: 16px;
  line-height: 1;
  color: #808080;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.when-block__descr-img{
  display: block;
  width: 35px;
  padding: 5px;
  box-sizing: content-box;
  margin-right: 15px;
  border: none;
}
.when-block__img--small{
  height: 27px;
}
.when-block-btn{
  margin-left: 0;
}

.when-block__img{
  width: 650px;
  z-index: -1;
  bottom: -134px;
  right: 50px;
}
@media screen and (max-width: 1100px){
  .when-block__img{
    width: 600px;
    bottom: -150px;
    right: 0px;
  }  
}
@media screen and (max-width: 1000px){
  .when-block__img{
    width: 500px;
  }  
}
@media screen and (max-width: 900px){
  .when-block__img{
    width: 450px;
  }  
}
@media screen and (max-width: 800px){
  .when-block__img{
    width: 400px;
  }  
}
@media screen and (max-width: 766px){
  .when-block__img{
    display: none;
  }  
  .when-block-btn{
    margin-left: auto;
  }
}
.when-block-line{
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.form-section{
  padding: 65px 0 200px 0;
  background-image: url(img/request_cloud.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 100%;
}
.form-section .container{
  position: relative;
}
.form-section__subtitle{
  margin: 0;
}
.form-section__subtitle::after {
    content: "";
    width: 58px;
    border-top: 5px solid #575757;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}
.form-section__descr {
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
}
.form-section__form-wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  position: relative;
}
.form-section__form-wrap>p{
  font-size: 25px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.04em;
  color: #575757;
  margin-top: 0;
}
.form-section__form-wrap>p span{
  margin: 10px 0;
  font-size: 41px;
  color: #5545B1;
  line-height: 1;
  font-family: 'Proxima Nova';
  font-weight: 900;
}
.form-section-airplane{
  position: absolute;
  right: 55px;
  top: 55px;
  transform: rotate(-155deg);
}

.soc-block{
  text-align: center;
  padding: 0 0 50px 0;
  text-align: center;
  background-color: #fff;  
}

.page-footer{
  padding: 50px 0;
  text-align: center;
  background-color: #C4C4C4;
  color: #373737;
  font-size: 14px;
  line-height: 19px;
}
.page-footer-mail{
  margin-bottom: 10px;
  color: inherit;
  text-decoration: none;
  display: inline-block;
}
.footer__text{
  margin: 0;
}
.footer__polit{
  margin-top: 10px;
  display: inline-block;
}
.footer-title{
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3; 
  max-width: 680px;
  margin: 45px auto 45px auto; 
}
.footer__social-wrap{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  justify-content: space-between;
}
.footer__social-item{
  width: 32%;
  padding: 0 15px;
  margin-bottom: 45px;
}
.footer-soc-header{
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-soc-img{
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.footer-soc-name{
  color: #575757;
  font-size: 18px;
  font-weight: bold;  
}
.footer-soc-descr{
  font-size: 16px;
  color: #575757;
  min-height: 55px;
}
.footer-soc-btn{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #C4C4C4;
  text-transform: none;
  width: 80%;
  margin: 0 auto;  
  display: block;
  padding: 15px 0;
  border-radius: 30px;
  text-decoration: none;
}

.footer__polit , .footer__email , .footer__text{
  font-size: 12px;
  color: #373737;
  text-decoration: none;
}
.footer__text{
  margin-bottom: 0;
}



.modal:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.modal:target:before {
  display: block;
}
.modal-dialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  position: fixed;
  margin-left: -200px;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 360px;
  height: 80%;
  overflow: auto;
  color: #373737;

  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);

  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-dialog2 {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  position: fixed;
  left: 10%;
  top: -100%;
  z-index: 11;
  width: 80%;
  height: 80%;
  overflow: auto;
  color: #373737;

  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);

  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal:target .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 10%;
}
.modal:target .modal-dialog2{
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 10%;
}
.btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
/*добавляем, чтобы остановить прокручивание вверх*/
#close {
  display: none;
}
.modal_head {
  margin: 0;
  padding: 20px  25px 15px;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #9e9e9e;
  text-align: center; 
}
.modal_body{
  padding: 10px;
}
.modal_footer{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px 60px 60px 60px;
  grid-gap: 1em;
  padding-left: 20%;
}
.modal_link{
  position: absolute;
  width: 216px;
  height: 60px;
  background-color: #AD4F60;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 60px;
  text-align: center;
  color: #FFFFFF;
}
.modal_link:hover{
  background-color: #C55A6F;
}

.modal__title {
  margin: 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
  padding-top: 10px;
}
.modal__text {
  font-size: 1.2em;
  padding: 10px 15px;
}
.modal__conclusion {
  margin: 0;
  padding: 20px 0;
  font-size: 1em;
  font-weight: 700; 
  text-align: center;
}
.modal__img {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: auto; 
}

.text_polit {
  width: 70%;
  height: 60%;
  padding: 15px;
  border: 3px solid #AE8E5E;;
  border-radius: 10px;
  color: #808080;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: white;
  z-index: 10;
  text-align: left;
  box-shadow: 0px 0px 10px #000;
  vertical-align: middle;
  overflow: auto;
}
.text_polit ::before {
  white-space: pre-wrap;
  content: "Политика Конфиденциальности\a";
  font-family: Proxima Nova;
  font-size: 20px;
  font-weight: 900;
}
.text_polit ::after {
  white-space: pre-wrap;
  content: "\aСайт уважает ваше право и соблюдает конфиденциальность при заполнении, передачи и хранении ваших конфиденциальных сведений.\a\a Размещение заявки на сайте означает Ваше согласие на обработку данных.\a\a Под персональными данными подразумевается информация, относящаяся к субъекту персональных данных, в частности фамилия, имя и отчество, дата рождения, адрес, контактные реквизиты (телефон, адрес электронной почты), семейное, имущественное положение и иные данные, относимые Федеральным законом от 27 июля 2006 года № 152-ФЗ «О персональных данных» (далее — «Закон») к категории персональных данных.\a\a Целью обработки персональных данных является оказание сайтом услуг.\a\a В случае отзыва согласия на обработку своих персональных данных мы обязуемся удалить Ваши персональные данные в срок не позднее 3 рабочих дней. Отзыв согласия можно отправить в электронном виде на наш электронный адрес.";
  font-family: Proxima Nova;
}
#okno_polit:target {
  display: block;
}
#okno_polit {
  background: rgba(0, 0, 0, 0.65);
  display: none;
  position: absolute;
  top: 0%;
  width: 100%;
  height: 600%;
}

@media screen and (max-width: 1025px){
  .video-block__form{
    width: 315px;
  }
}
@media screen and (max-width: 1020px){
  .video-aero-img{
    right: 0;
  }
  .mails-list{
    justify-content: center;
  }
  .mails-item{
    margin-bottom: 15px;
  }
  .section-mails{
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 995px) {
  .main-section__plain{
    display: none;
  }
  .header-logo-wrap{
    justify-content: center;
  }
  .main-section__subtitle{
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .video-block-wrap , .main-section__form-wrap{
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .video{
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .video-descr-wrap{
    justify-content: center;
    flex-wrap: wrap;
  }
  .video-descr{
    width: 257px;
  }
  .main-section__form-wrap{
    margin-top: 35px;
  }
  .video-block__form{
    margin-left: auto;
    margin-right: auto;
  }
  .owl-nav{
  	top: 30px;
  }  
}
@media screen and (max-width: 800px) {
  .video-aero-img{
    display: none;
  }
  .hours-item:nth-child(2){
    margin-left: 0;
    margin-right: 0;
  }
  .mountain{
    display: none;
  }
  .find-section-cloud-img{
    display: none;
  }
  .footer__social-item{
    width: 49%;
  }
}

@media screen and (max-width: 775px){
  .video{
    width: 450px;
    height: 260px;
  }
  .modal-dialog {
    width: 360px;
    height: 520px;
  }
  .modal-dialog2 {
    height: 50%;
  }
  .modal:target .modal-dialog {
    top: 5%;
  }
  .modal:target .modal-dialog2{
    top: 5%;
  }

}
@media screen and (max-width: 710px){
  .video-btn--prev{
    left: -10%;
  }
  .video-btn--next{
    right: -10%;
  }
  .section-title{
    text-align: center
  }
  .section-title::after{
    margin-left: auto;
    margin-right: auto
  }
  .section-subtitle{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .section-descr{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .hours-item{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
  }
  .hours-item::before{
    margin-top: 0;
    padding: 0;
  }
  .form-section-airplane{
    display: none;
  }
}
@media screen and (max-width: 640px){
  .btn{
    width: 95%;
    max-width: 400px;
  }
  .modal-dialog {
    margin-left: 0px;
    left: 10%;
    top: -100%;

    width: 270px;
    height: 500px;
  }
  .modal_head {
    font-size: 16px;
  }
  .modal__text {
    font-size: .8em;; 
  }
  .modal__conclusion {
    font-size: .8em;
  }
  .modal_link{
    width: 180px;
  }
  .modal_footer {
      padding-left: 15%;
  }  
  .owl-nav{
  	top: 15px;
  }    
}
@media screen and (max-width: 480px){
  .video{
    width: 290px;
    height: 150px;
  }
  .find-section__title{
    font-size: 40px;
  }
  .footer__social-item{
    width: 100%;
  }
  .owl-nav{
  	top: 5px;
  	font-size: 45px;
  }   
}

@media screen and (max-width: 415px){
  .main-section__subtitle{
    font-size: 35px;
    line-height: 1;
  }
  .header-title{
    font-size: 20px;
  }
  .section-subtitle{
    font-size: 35px;
    line-height: 1.3;
  }
  .video-block__form{
    width: 100%;
    max-width: 315px;
  }
  .button span{
    font-size: 14px;
  }
}