/*************************************************************************


    M   A   S   T   E   R       C   L   A   S   S       P   A   G   E


*************************************************************************/

/*************************************************************************

                              B A S I C S

*************************************************************************/

.lessons-page {
}

.lessons-page .page-content-wrapper {
  position: relative;
}

/*************************************************************************

                              I M A G E

*************************************************************************/

.lessons-page .section-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-height: 650px;
}

@media (max-width: 1600px) {
  .lessons-page .section-image {
    max-height: 550px;
  }
}

@media (max-width: 1250px) {
  .lessons-page .section-image {
    max-height: 500px;
  }
}

@media (max-width: 800px) {
  .lessons-page .section-image {
    max-height: 400px;
  }
}

@media (max-width: 400px) {
  .lessons-page .section-image {
    display: none;
  }
}

.lessons-page .section-image img {
  display: block;
  width: 100%;
}

/*************************************************************************

                                T E X T

*************************************************************************/

.lessons-page .section-text {
}

.lessons-page .section-text > .section-inner {
  padding: 80px 0;
}

@media (max-width: 1250px) {
  .lessons-page .section-text > .section-inner {
    padding: 40px 0;
  }
}

@media (max-width: 400px) {
  .lessons-page .section-text {
    color: #fff;
  }

  .lessons-page .section-text:before {
    content: "";
    display: block;
    background: url(/master-class/bg.png) no-repeat center center/cover;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .lessons-page .section-text:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .lessons-page .section-text > * {
    z-index: 2;
  }
}

.lessons-page .section-text > * {
  position: relative;
}

.lessons-page .section-text .header {
  font-family: GoodHeadlineProCondNews;
  font-size: 64px;
  line-height: 60px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 30px;
}

@media (max-width: 1250px) {
  .lessons-page .section-text .header {
    font-size: 42px;
    line-height: 40px;
  }
}

@media (max-width: 800px) {
  .lessons-page .section-text .header {
    text-align: left;
    font-size: 36px;
    line-height: 1em;
    margin: 0 0 30px;
  }
}

.lessons-page .section-text .text {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

@media (max-width: 1250px) {
  .lessons-page .section-text .text {
    font-size: 18px;
    text-align: left;
  }
}

@media (max-width: 800px) {
  .lessons-page .section-text .text {
    margin: 0;
  }
}

/*************************************************************************

                                F O R M

*************************************************************************/

.lessons-page .section-form {
  background: #f5f5f5;
  max-width: initial;
}

.lessons-page .section-form > .section-inner {
  padding: 90px 0 45px;
  max-width: 1640px;
  margin: 0 auto;
}

.lessons-page .section-form .header {
  font-family: GoodHeadlineProCondNews;
  font-size: 64px;
  line-height: 60px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
}

@media (max-width: 1250px) {
  .lessons-page .section-form .header {
    font-size: 42px;
    line-height: 40px;
  }
}

.lessons-page .section-form .cities {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
}

.lessons-page .section-form .cities > * {
  font-size: 20px;
  height: 45px;
  line-height: 45px;
  border: 2px solid #67b7b7;
  box-sizing: border-box;
  border-radius: 3px 0 0 3px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: color 200ms ease, background 200ms ease;
  -moz-transition: color 200ms ease, background 200ms ease;
  -ms-transition: color 200ms ease, background 200ms ease;
  transition: color 200ms ease, background 200ms ease;
  will-change: background, color;
}

@media (max-width: 400px) {
  .lessons-page .section-form .cities > * {
    font-size: 11px;
    line-height: 18px;
    padding: 2px 2px;
    text-align: center;
  }
}

.lessons-page .section-form .cities > * + * {
  border-left: none;
}

.lessons-page .section-form .cities > *:last-child {
  border-radius: 0 3px 3px 0;
}

.lessons-page .section-form .cities > *:hover,
.lessons-page .section-form .cities > *.active {
  color: #fff;
  background: #67b7b7;
}

.lessons-page .section-form .info {
  margin-top: 30px;
}

.lessons-page .section-form .info > * {
  display: none;
}

.lessons-page .section-form .info > *.active {
  display: block;
}

.lessons-page .section-form .info .caption {
  font-family: GoodHeadlineProCondNews;
  font-size: 36px;
  line-height: 47px;
}

.lessons-page .section-form .info .content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 10px;
}

@media (max-width: 1020px) {
  .lessons-page .section-form .info .content {
    flex-direction: column;
  }
}

.lessons-page .section-form .info .content > * {
  width: calc(50% - 150px);
}

@media (max-width: 1400px) {
  .lessons-page .section-form .info .content > * {
    width: calc(50% - 100px);
  }
}

@media (max-width: 1250px) {
  .lessons-page .section-form .info .content > * {
    width: calc(50% - 40px);
  }
}

@media (max-width: 1020px) {
  .lessons-page .section-form .info .content > * {
    width: 100%;
    max-height: 700px;
  }
}

.lessons-page .section-form .info .content .left {
}

.lessons-page .section-form .info .content .left .text {
  font-size: 20px;
  line-height: 26px;
}

@media (max-width: 1250px) {
  .lessons-page .section-form .info .content .left .text {
    font-size: 18px;
  }
}

.lessons-page .section-form .info .content .right {
  font-size: 20px;
  line-height: 26px;
}

@media (max-width: 1250px) {
  .lessons-page .section-form .info .content .right {
    font-size: 18px;
  }
}

@media (max-width: 1020px) {
  .lessons-page .section-form .info .content .right {
    margin-top: 30px;
  }
}

.lessons-page .section-form .info .content .right > * {
  position: relative;
  box-sizing: border-box;
  padding-left: 40px;
}

.lessons-page .section-form .info .content .right > * + * {
  margin-top: 10px;
}

.lessons-page .section-form .info .content .right > *:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: calc(50% - 14px);
}

@media (max-width: 1020px) {
  .lessons-page .section-form .info .content .right > *:before {
    top: 0px;
  }
}

.lessons-page .section-form .info .content .right > *.time:before {
  background: url(/assets/img/time.svg) no-repeat center center/22px auto;
}

.lessons-page .section-form .info .content .right > *.location:before {
  background: url(/assets/img/location.svg) no-repeat center center/contain;
}

.lessons-page .section-form .info .content .right > *.places:before {
  background: url(/assets/img/places.svg) no-repeat center center/auto 23px;
}

.lessons-page .section-form .info .content .right > *.price:before {
  border: 2px solid #67b7b7;
  font-size: 18px;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  left: 2px;
}

.lessons-page .section-form .info .content .right > *.price:after {
  content: "₽";
  display: block;
  position: absolute;
  height: 19px;
  line-height: 19px;
  width: 19px;
  left: 3px;
  top: 0;
  font-size: 18px;
  font-family: "PTC55F";
  color: #67b7b7;
  text-align: center;
}

.lessons-page .section-form .feedback {
  margin-top: 40px;
}

.lessons-page .section-form .feedback .open-form {
  max-width: 165px;
  margin: 0 auto 10px;
}

.lessons-page .section-form .feedback .subscription {
  font-size: 20px;
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 1250px) {
  .lessons-page .section-form .feedback .subscription {
    font-size: 18px;
  }
}

.lessons-page .section-form .phone {
  text-align: center;
  font-family: GoodHeadlineProCondNews;
  font-size: 48px;
  line-height: 1em;
  color: #67b7b7;
  margin-top: 20px;
}

@media (max-width: 1250px) {
  .lessons-page .section-form .phone {
    font-size: 42px;
  }
}

.lessons-page .section-form > .section-inner:after {
  content: "";
  display: block;
  width: 40px;
  height: 52px;
  margin: 40px auto 0;
  background: url(/assets/img/coffee.svg) no-repeat center center/contain;
}

/*************************************************************************

                              N O   F O R M

*************************************************************************/

.lessons-page .section-no-form {
  background: #f5f5f5;
  max-width: initial;
}

.lessons-page .section-no-form > .section-inner {
  padding: 90px 0 45px;
  max-width: 1640px;
  margin: 0 auto;
}

.lessons-page .section-no-form .header {
  font-family: GoodHeadlineProCondNews;
  font-size: 64px;
  line-height: 60px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
}

@media (max-width: 1250px) {
  .lessons-page .section-no-form .header {
    font-size: 42px;
    line-height: 40px;
  }
}

.lessons-page .section-no-form .info {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

@media (max-width: 1250px) {
  .lessons-page .section-no-form .info {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .lessons-page .section-no-form .info br {
    display: none;
  }
}

.lessons-page .section-no-form .feedback {
  margin-top: 40px;
}

.lessons-page .section-no-form .feedback .subscription {
  font-size: 20px;
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 1250px) {
  .lessons-page .section-no-form .feedback .subscription {
    font-size: 18px;
  }
}

.lessons-page .section-no-form .phone {
  text-align: center;
  font-family: GoodHeadlineProCondNews;
  font-size: 48px;
  line-height: 1em;
  color: #67b7b7;
  margin-top: 20px;
}

@media (max-width: 1250px) {
  .lessons-page .section-no-form .phone {
    font-size: 42px;
  }
}

.lessons-page .section-no-form > .section-inner:after {
  content: "";
  display: block;
  width: 40px;
  height: 52px;
  margin: 40px auto 0;
  background: url(/assets/img/coffee.svg) no-repeat center center/contain;
}

/*************************************************************************

                        P O P U P   R E C O R D

*************************************************************************/

.lessons-page-popup-record .form {
}

.lessons-page-popup-record .form .field.city {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lessons-page-popup-record .form .field.city:before {
  content: "ГОРОД";
  width: 100%;
  padding-bottom: 10px;
}

.lang-ru .lessons-page-popup-record .form .field.city:before {
  content: "ГОРОД";
}

.lang-en .lessons-page-popup-record .form .field.city:before {
  content: "CITY";
}

.lessons-page-popup-record .form .field.city > * {
  margin: 0 20px 10px 0;
}

.lessons-page-popup-record .form .field.name {
}

.lang-ru .lessons-page-popup-record .form .field.name:before {
  content: "ИМЯ И ФАМИЛИЯ";
}

.lang-en .lessons-page-popup-record .form .field.name:before {
  content: "NAME";
}

.lessons-page-popup-record .form .field.time {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lessons-page-popup-record .form .field.time:before {
  width: 100%;
  padding-bottom: 10px;
}

.lang-ru .lessons-page-popup-record .form .field.time:before {
  content: "ВЫБОР ВРЕМЕНИ";
}

.lang-en .lessons-page-popup-record .form .field.time:before {
  content: "APPOINTMENT TIME";
}

.lessons-page-popup-record .form .field.time > * {
  margin: 0 20px 10px 0;
}

.lessons-page-popup-record .form .field.time > *.disabled {
  opacity: 0.4;
}

.lessons-page-popup-record .form .field.time > *.disabled,
.lessons-page-popup-record .form .field.time > *.disabled * {
  cursor: default;
}

.lessons-page-popup-record .form .field.email {
}

.lang-ru .lessons-page-popup-record .form .field.email:before {
  content: "ЭЛЕКТРОННАЯ ПОЧТА";
}

.lang-en .lessons-page-popup-record .form .field.email:before {
  content: "E-MAIL";
}

.lessons-page-popup-record .form .field.phone {
}

.lang-ru .lessons-page-popup-record .form .field.phone:before {
  content: "ТЕЛЕФОН";
}

.lang-en .lessons-page-popup-record .form .field.phone:before {
  content: "PHONE NUMBER";
}