@charset "UTF-8";


ul {
  list-style: none;
  padding: 0; }

.clear {
  clear: both; }

.page {
  width: 1200px;
  margin: auto;
  position: relative;
  
  -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.75); }

.block1 {
  height: 1100px;
  background-image: url(../img/block1-bg.jpg);
  background-size: cover; }
  .block1 .block1__text {
    color: #ec3f77;
    font-size: 90px;
    padding-top: 100px;
    padding-left: 200px;
    line-height: 90px; }
  .block1 .block1__text span {
    z-index: 10;
    position: relative; }
  .block1 .block1__mark {
    color: white;
    font-size: 25px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    text-align: center;
    font-style: italic;
    position: relative;
    left: 230px;
    top: -40px;
    background: #35bdc3;
    background: -moz-linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
    background: -webkit-linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
    background: linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bdc3', endColorstr='#7db9e8',GradientType=1 ); }
    .block1 .block1__mark span {
      position: relative;
      top: 20%; }

.courses {
  width: 1000px;
  height: 600px;
  background: #fff; }
  .courses .courses__list {
    width: 55%;
    display: inline-block;
    position: relative;
    top: -50px;
    height: 600px; }
    .courses .courses__list > div {
      margin-left: 50px;
      padding-left: 70px;
      border-left: 3px solid black; }
      .courses .courses__list > div label {
        font-size: 25px;
        font-style: italic;
        font-family: Georgia, "Times New Roman", Times, serif; }
      .courses .courses__list > div ul {
        margin-top: 100px; }
        .courses .courses__list > div ul li {
          font-family: Geneva, Arial, Helvetica, sans-serif;
          font-size: 16px;
          font-weight: 100;
          margin-bottom: 35px;
          padding-right: 20px;
          text-transform: uppercase; }
        .courses .courses__list > div ul li.courses__list--active-element {
          color: #ec3f77; }
    .courses .courses__list .courses__list_show_all {
      margin-left: 45px;
      color: #24ae9f;
      font-size: 25px;
      font-family: Geneva, Arial, Helvetica, sans-serif; }
    .courses .courses__list .courses__list_show_all:before {
      content: "+";
      color: #000;
      font-weight: 600;
      font-size: 25px;
      padding-right: 60px; }

.course {
  width: 45%;
  display: inline-block;
  background: #d0f2f3;
  float: right;
  height: 600px; }
  .course .course__header {
    padding-left: 20px;
    padding-right: 20px; }
  .course .course__header_icon {
    float: left;
    padding-right: 30px;
    padding-left: 40px;
    padding-bottom: 20px; }
  .course .course__header_icon img {
    position: relative;
    top: -40px;
    height: 130px; }
  .course .course__header_text1 {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #24ae9f;
    font-size: 20px;
    font-family: Geneva, Arial, Helvetica, sans-serif; }
  .course .course__header_text2 {
    padding-right: 20px;
    color: #929493;
    font-style: italic;
    line-height: 22px; }
  .course .course__body {
    padding-left: 60px;
    padding-right: 60px; }
    .course .course__body .course__description {
      font-size: 20px;
      font-family: Georgia, "Times New Roman", Times, serif;
      line-height: 25px;
      padding-bottom: 20px; }
    .course .course__body .course__duration {
      font-style: italic;
      font-size: 20px;
      color: #929493;
      padding-bottom: 20px; }
    .course .course__body .course__price {
      font-size: 28px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      padding-bottom: 20px; }
    .course .course__body .course__price:after {
      content: url(../img/rub.png); }
    .course .course__body .course__button1 {
      margin-bottom: 20px; }
  .course .course__program {
    border: 2px solid #000; }

.button-box {
  border: 3px solid #000;
  width: 250px;
  padding: 14px; }
  .button-box .button-box__img {
    border-right: 3px solid #000;
    padding: 18px 14px 16px 0;
    display: inline; }
  .button-box .button-box__text {
    text-align: center;
    display: inline;
    padding-left: 60px;
    font-size: 18px;
    font-family: Geneva, Arial, Helvetica, sans-serif; }

.button-box--light_green {
  border: 3px solid #24ae9f !important; }
  .button-box--light_green .button-box__img {
    border-right: 3px solid #24ae9f !important; }
  .button-box--light_green .button-box__text {
    color: #24ae9f !important; }

.block2 {
  margin-top: 200px; }
  .block2 .block2__header {
    border-top: 2px solid #ffe4e1; }
  .block2 .course-detail {
    border-top: 4px solid #ffe4e1;
    margin-left: 80px; }
    .block2 .course-detail label {
      font-size: 40px;
      font-weight: 800;
      font-family: Georgia, "Times New Roman", Times, serif;
      position: relative;
      top: -30px;
      left: 80px;
      background: #fff; }
    .block2 .course-detail .course-detail__body {
      margin-top: 50px; }
      .block2 .course-detail .course-detail__body .course-detail__icons {
        width: 70%;
        display: inline-block; }
        .block2 .course-detail .course-detail__body .course-detail__icons .course-detail__icons_row {
          margin-bottom: 40px; }
          .block2 .course-detail .course-detail__body .course-detail__icons .course-detail__icons_row .icon-block {
            display: inline-block;
            width: 160px;
            margin-right: 15%; }
            .block2 .course-detail .course-detail__body .course-detail__icons .course-detail__icons_row .icon-block span {
              padding-left: 20px; }
          .block2 .course-detail .course-detail__body .course-detail__icons .course-detail__icons_row .icon-block:last-child {
            margin-right: 0 !important; }
      .block2 .course-detail .course-detail__body .course-detail__texts {
        width: 20%;
        display: inline-block; }
        .block2 .course-detail .course-detail__body .course-detail__texts .course-detail__text1 {
          font-family: Geneva, Arial, Helvetica, sans-serif;
          line-height: 30px;
          font-style: italic;
          font-weight: 200; }
        .block2 .course-detail .course-detail__body .course-detail__texts .course-detail__text2 {
          margin-top: 20px;
          margin-left: 10px;
          padding-left: 20px;
          border-left: 1px solid #ec3f77;
          font-size: small;
          line-height: 20px;
          height: 370px; }
          .block2 .course-detail .course-detail__body .course-detail__texts .course-detail__text2 span {
            position: relative;
            top: 150px; }

.block3 {
  background-image: url(../img/block3-bg.jpg);
  background-size: cover;
  height: 800px;
  position: relative;
  top: -80px;
  z-index: 7; }
  .block3 .block3-bg1 {
    background-image: url(../img/block3-img4.png);
    background-size: cover;
    position: absolute;
    z-index: 7;
    height: 680px;
    width: 455px;
    top: -30px;
    left: 50px; }
  .block3 .block3-bg2 {
    position: absolute;
    height: 1000px;
    background: #ffe4e1;
    width: 500px;
    z-index: 4;
    top: 300px; }
  .block3 .block3__slides-container {
    width: 420px;
    display: inline-block;
    margin-top: 200px;
    margin-left: 200px; }
    .block3 .block3__slides-container .slides {
      position: relative;
      z-index: 15;
      top: -120px; }
  .block3 .block3__text {
    display: inline-block;
    width: 200px;
    padding-left: 250px;
    position: relative;
    top: 300px; }
    .block3 .block3__text span {
      font-size: 40px;
      font-weight: 800;
      font-family: Georgia, "Times New Roman", Times, serif; }
    .block3 .block3__text ul li.block3__text--list_space {
      height: 50px;
      border-left: 1px solid #000;
      margin-left: 10px; }
    .block3 .block3__text ul li {
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 20px;
      font-weight: 100;
      margin-top: 10px; }
      .block3 .block3__text ul li span {
        color: #ec3f77;
        padding-right: 50px; }

.slides .slides__paginator {
  text-align: right; }
  .slides .slides__paginator ul li:last-child {
    margin-right: 0; }
  .slides .slides__paginator ul li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #000;
    border: 0px solid #000;
    border-radius: 50%;
    margin-right: 18px; }
  .slides .slides__paginator ul li.slides__paginator--active {
    background: #ec3f77;
    border: 3px solid #ec3f77;
    width: 12px;
    height: 12px; }
.slides .slides__row {
  margin-bottom: 18px; }
  .slides .slides__row .slide {
    display: inline-block; }
  .slides .slides__row .slide--right {
    float: right; }
  .slides .slides__row .slide--left {
    float: left; }
  .slides .slides__row img {
    width: 200px; }

.block4 {
	position: relative;
	z-index: 11;}
.block4 .block4__left {
  display: inline-block;
  width: 45%;
  float: left; 
  z-index: 11;
  }
.block4 .block4__right {
  display: inline-block;
  width: 50%; }

.teacher {
  margin-left: 45px; }
  .teacher .teacher__icon {
    float: left;
    padding-right: 30px;
    padding-left: 40px;
    padding-bottom: 40px; }
  .teacher .teacher__icon img {
    position: relative;
    top: -40px;
    height: 150px; }
  .teacher .teacher__text1 {
    margin-bottom: 20px;
    font-family: Geneva, Arial, Helvetica, sans-serif; }
  .teacher .teacher__text2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: Geneva, Arial, Helvetica, sans-serif; }
  .teacher .teacher__text3 {
    padding-right: 20px;
    color: #929493;
    font-style: italic;
    line-height: 22px; }
  .teacher .teacher__description {
    margin-top: 20px;
    margin-left: 100px;
    padding-top: 10px;
    border-top: 1px solid #000;
    width: 300px; }
    .teacher .teacher__description .teacher__description_label {
      width: 60px;
      position: relative;
      top: -35px;
      background: #ffe4e1; }

.course-information {
  border-right: 3px solid #000;
  width: 300px;
  margin-top: 50px;
  padding-left: 140px; }
  .course-information ul li {
    padding-right: 20px;
    color: #929493;
    font-style: italic;
    line-height: 22px; }
    .course-information ul li img {
      margin-right: 10px; }
  .course-information ul li.course-information__list_second {
    margin-bottom: 5px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-style: normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 100;
    color: #000; }
  .course-information .course__price {
    font-size: 28px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding-bottom: 40px;
    padding-top: 40px; }
  .course-information .course__price:after {
    content: url(../img/rub.png)/***css-loader:: can't load recource***/;
    padding-top: 40px; }

.course-program {
  padding-left: 100px; }
  .course-program label {
    font-size: 40px;
    font-weight: 600;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding-left: 20px;
    display: block; }
  .course-program .course-program__days {
    padding-left: 20px;
    margin-top: 20px; }
    .course-program .course-program__days ul li {
      display: inline;
      margin-right: 50px;
      padding-bottom: 5px;
      font-size: 20px;
      font-weight: 600;
      color: #24ae9f; }
    .course-program .course-program__days ul li.course-program__days--active {
      color: #000;
      border-bottom: 3px solid #000; }
  .course-program .course-program__day {
    margin-top: 40px; }
    .course-program .course-program__day ul li {
      font-size: 16px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-weight: 200;
      margin-bottom: 20px; }
      .course-program .course-program__day ul li > span {
        padding-left: 25px; }
    .course-program .course-program__day ul li:before {
      content: "—";
      color: #ec3f77;
      padding-right: 5px; }
  .course-program .course-program__day_text {
    margin-bottom: 20px;
      margin-bottom-margin-left: 25px; }
    .course-program .course-program__day_text label {
      padding: 0;
      font-size: 14px;
      font-style: italic;
      font-weight: 200;
      color: #929493; }
    .course-program .course-program__day_text div {
      margin-top: 10px; }

.block5 {
  margin-top: 80px;
  background-image: url(../img/block3-bg.jpg)/***css-loader:: can't load recource***/;
  background-size: cover;
  height: 640px;
  position: relative;
  z-index: 7; }
  .block5 .block5-bg1 {
    background-image: url(../img/block5-img4.png);
    background-size: cover;
    position: absolute;
    z-index: 7;
    height: 300px;
    width: 400px;
    top: 200px;
    left: 570px; }
  .block5 .block5__slides-container {
    width: 420px;
    margin-left: 260px; }
	.block5 .block5__slides-container .slides {
		
		
		position: relative;
		z-index: 9;}
    .block5 .block5__slides-container .slides .slides__paginator {
      position: relative;
      top: 40px;
      left: 150px; 
	  
	  }
  .block5 .block5__works {
    margin-left: 160px;
    position: relative;
    top: 140px; }
    .block5 .block5__works label {
      font-size: 36px;
      font-weight: 600; }
    .block5 .block5__works label:before {
      content: "—";
      color: #ec3f77;
      padding-right: 5px; }
    .block5 .block5__works ul li {
      display: inline;
      margin-right: 30px;
      padding-bottom: 5px;
      font-size: 20px;
      font-weight: 600;
      color: #24ae9f; }
    .block5 .block5__works ul li.block5__works--active {
      color: #000;
      border-bottom: 3px solid #000; }

.block6 .block6__left {
  float: left; }
  .block6 .block6__left img {
    width: 500px;
    padding-left: 40px; }
  .block6 .block6__left .block6__v_line {
    border-left: 1px solid #ec3f77;
    position: relative;
    top: -20px;
    left: 90px;
    padding-top: 20px; }
  .block6 .block6__left .block6__left_address {
    margin-left: 60px;
    font-style: italic;
    font-weight: 200;
    font-family: Geneva, Arial, Helvetica, sans-serif; }
.block6 .block6__right {
  float: left;
  padding: 20px 80px 0 80px;
  position: relative;
  background: #fff;
  top: -125px;
  z-index: 9;
  width: 500px; }
  .block6 .block6__right .course_result {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 2px solid #ec3f77; }
    .block6 .block6__right .course_result label {
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      font-weight: 600;
      font-size: 34px; }
    .block6 .block6__right .course_result ul {
      padding-top: 40px; }
      .block6 .block6__right .course_result ul li {
        font-size: 16px;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-weight: 200;
        margin-bottom: 20px; }
        .block6 .block6__right .course_result ul li > span {
          padding-left: 25px; }
      .block6 .block6__right .course_result ul li:before {
        content: "—";
        color: #ec3f77;
        padding-right: 5px; }
  .block6 .block6__right .course-graduate {
    height: 300px; }
    .block6 .block6__right .course-graduate .course-graduate__mark {
      color: white;
      font-size: 25px;
      width: 170px;
      height: 170px;
      border-radius: 50%;
      text-align: center;
      font-style: italic;
      position: relative;
      left: 80px;
      background: #35bdc3;
      background: -moz-linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
      background: -webkit-linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
      background: linear-gradient(45deg, #35bdc3 6%, #b081f1 27%, #b081f1 72%, #7db9e8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35bdc3', endColorstr='#7db9e8',GradientType=1 ); }
      .block6 .block6__right .course-graduate .course-graduate__mark span {
        position: relative;
        top: 30%; }
    .block6 .block6__right .course-graduate .course-graduate--plus {
      color: #000;
      position: relative;
      top: 100px;
      left: 20px;
      font-weight: 600;
      font-style: normal;
      font-size: 30px; }
    .block6 .block6__right .course-graduate .course-graduate--img {
      position: relative;
      top: -260px;
      left: 280px;
      z-index: 8; }
  .block6 .block6__right .course-enroll {
    background: #d0f2f3;
    padding: 0 60px 0 60px; }
    .block6 .block6__right .course-enroll label {
      display: inline-block;
      font-size: 24px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-weight: 200;
      text-transform: uppercase;
      margin-bottom: 20px;
      margin-top: 60px; }
    .block6 .block6__right .course-enroll .course-enroll__text1 {
      color: #929493;
      font-style: italic;
      line-height: 22px;
      margin-bottom: 20px; }
    .block6 .block6__right .course-enroll .course-enroll__text2 {
      margin-bottom: 20px;
      font-size: 20px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-weight: 200;
      line-height: 23px; }
    .block6 .block6__right .course-enroll .course-enroll__price {
      color: #ec3f77;
      font-size: 28px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      padding-bottom: 20px; }
    .block6 .block6__right .course-enroll .course-enroll__price:after {
      content: url(../img/rub-red.png); }
    .block6 .block6__right .course-enroll .course-enroll__form {
      padding-bottom: 60px; }
      .block6 .block6__right .course-enroll .course-enroll__form label {
        display: block;
        margin: 0; }
      .block6 .block6__right .course-enroll .course-enroll__form input {
        background: #d0f2f3;
        border: none;
        border-bottom: 1px solid #000;
        display: block;
        width: 100%;
        font-size: 20px;
        margin-bottom: 15px;
        padding: 5px; }
      .block6 .block6__right .course-enroll .course-enroll__form .button-box {
        width: auto;
        text-align: center;
        margin-top: 60px; }
        .block6 .block6__right .course-enroll .course-enroll__form .button-box .button-box__text {
          padding-left: 0; }

.block7 {
  height: 545px; }
  .block7 .block7__header {
    width: 100%;
    border-bottom: 3px solid #ec3f77; }
    .block7 .block7__header label {
      text-align: center;
      margin: auto;
      display: block;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 34px;
      font-weight: 600;
      background: #fff;
      width: 200px;
      position: relative;
      top: 20px; }
  .block7 .block7__reviews {
    width: 100%;
    margin-top: 60px; }

.reviews {
  text-align: center;
  width: 100%;
  height: 300px; }
  .reviews .review {
    width: 340px;
    margin: auto;
    position: relative; }
    .reviews .review .review_left_icon {
      position: absolute;
      top: 50px;
      left: -100px; }
    .reviews .review .review_right_icon {
      position: absolute;
      top: 50px;
      left: 360px; }
    .reviews .review .review_left_arrow {
      position: absolute;
      font-size: 50px;
      font-weight: 600;
      top: 50px;
      left: -300px; }
    .reviews .review .review_right_arrow {
      position: absolute;
      font-size: 50px;
      font-weight: 600;
      top: 50px;
      left: 580px; }
    .reviews .review .review__name {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 200;
      font-family: Geneva, Arial, Helvetica, sans-serif; }
    .reviews .review .review__text1 {
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 14px;
      font-style: italic;
      font-weight: 200;
      color: #929493; }
    .reviews .review .review__text2 {
      border-top: 1px solid #000;
      padding-top: 10px; }
      .reviews .review .review__text2 .review__text2_mark {
        display: inline-block;
        position: relative;
        top: -20px;
        width: 60px;
        background: #fff; }
    .reviews .review .review__starts {
      margin-top: 10px; }