.page {
  font-family: 'Roboto', 'Helvetica', sans-serif;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.page__container {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}

.event_header {
  position: relative;
  top: -120px;
  background-image: url('img/event-head-bg1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 150px 0 55px;
  z-index: -2;
}

.event_header_bg {
  position: absolute;
  height: 405px;
  width: 675px;
  background-image: url('img/event-head-bg2.png');
  background-position: 245px -75px;
  background-repeat: no-repeat;
  z-index: -1;
}

.event_header_subtitle {
  font-family: 'Bebas Neue';
  font-size: 44px;
  color: #006699;
}

.event_header_title {
  font-family: 'Bebas Neue';
  font-size: 58px;
  text-transform: none;
  line-height: 1.2;
  color: #006699;
  text-align: left;
  margin: 0;
}

.event_header_date {
  display: flex;
  width: fit-content;
  border: solid 2px #fff;
  border-radius: 22px;
  margin: 60px auto;
  padding: 0 30px;
  font-family: 'Bebas Neue';
  color: #fff;
  font-weight: bold;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0px 0px 11px 1px rgba(34, 60, 80, 0.2), 0px 0px 11px 1px rgba(34, 60, 80, 0.2) inset;
  -webkit-box-shadow: 0px 0px 11px 1px rgba(34, 60, 80, 0.2), 0px 0px 11px 1px rgba(34, 60, 80, 0.2) inset;
  -moz-box-shadow: 0px 0px 11px 1px rgba(34, 60, 80, 0.2), 0px 0px 11px 1px rgba(34, 60, 80, 0.2) inset;
}

.event_header_day {
  font-size: 94px;
  margin-right: 15px;
}

.event_header_month {
  font-size: 64px;
  margin-right: 60px;
}

.event_header_time {
  font-size: 64px;
}

.event_header_address {
  text-align: left;
  color: #fff;
  font-size: 22px;
  line-height: normal;
}

.whom {
  margin-top: 50px;
}

.whom_head {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 45px;
}

.whom_title {
  font-size: 58px;
  color: #006699;
  margin-top: 25px;
}

.whom_content {
  width: 39%;
}

  .whom_content p {
    font-size: 22px;
    color: #4C4C4C;
    margin-bottom: 55px;
  }

  .whom_content a {
    padding: 20px 65px;
    color: #fff !important;
    font-size: 28px;
    border-radius: 85px;
    background: linear-gradient(0deg, rgba(0,102,153,1) 1%, rgba(255,255,255,1) 107%);
    transition: 0.9s;
  }

    .whom_content a:hover {
      background: rgba(0,102,153,1);
    }

.separator {
  border: 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 102, 153, 1) 50%, rgba(255, 255, 255, 0) 100%);
  margin: 85px 0;
}


.format {
  margin-top: 80px;
}

.format_block {
  display: flex;
  justify-content: space-evenly;
}

  .format_block h3 {
    font-size: 32px;
    color: #006699;
    margin: 0;
  }

  .format_block ul {
    margin: 0;
    padding-left: 70px;
    font-size: 26px;
    color: #4D4D4D;
  }

  .format_block li::marker {
    color: #CC0033;
    font-size: 28px;
  }

  .format_block-learn {
    display: flex;
    align-items: center;
  }

.format_block-time {
  display: flex;
  align-items: center;
}

.speakers {
  background: linear-gradient(0deg, rgba(144,196,216,1) 0%, rgba(255,255,255,0) 65%);
  margin-bottom: 55px;
}

.speakers_content {
  padding: 55px 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.speakers_content h2 {
  font-size: 58px;
  color: #006699;
  margin-top: 25px;
}

  .speakers_content ul {
    width: 42%;
    margin: 0;
    padding-left: 70px;
    font-size: 26px;
    color: #4D4D4D;
  }

  .speakers_content li::marker {
    color: #CC0033;
    font-size: 28px;
  }

.contacts {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 55px;
}

  .contacts h3 {
    font-size: 32px;
    color: #006699;
    margin: 0;
    width: 25%;
  }

  .contacts p {
    font-size: 26px;
    color: #4D4D4D;
    margin: 0 0 25px 0;
  }

@media screen and (max-width: 1024px) {
  .page__container {
    max-width: 730px;
  }

}

@media screen and (max-width: 991px) {

  .whom_head {
    flex-direction: column;
  }

  .whom_content {
      width: 100%;
  }

  .format_block {
    flex-direction: column;
  }

  .format_block-learn {
      margin-bottom: 55px;
  }

  .speakers_content {
    flex-direction: column;
    align-items: baseline;
    padding: 0;
  }
    .speakers_content ul {
        width: 100%;
    }

  .contacts {
    flex-direction: column;
    align-items: baseline;
  }

    .contacts h3 {
        width: 100%;
        margin-bottom: 25px;      
    }
}


@media screen and (max-width: 810px) {

  .event_header_title {
    font-size: 45px;
  }

  .event_header_address {
    font-size: 25px;
  }

  .event_header_date {
    flex-wrap: nowrap;
    padding: 0 50px;
  }

  .event_header_day {
    font-size: 69px;
  }

  .event_header_month {
    font-size: 37px;
    margin-right: 50px
  }

  .event_header_time {
    font-size: 55px;
  }

  .event_header_bg {
    height: 0;
    width: 0;
    background: none;
  }

}

@media screen and (max-width: 500px) {
  .format_block-learn, .format_block-time {
    flex-direction: column;
    align-items: flex-start;
  }

  .speakers_content ul, .format_block ul {
    padding-left: 40px;
  }
}


@media screen and (max-width: 425px) {
  .event_header {
    top: 0;
    padding: 20px 0 55px;
  }
  .event_header_subtitle {
    font-size: 34px;
  }
  .event_header_title {
    font-size: 35px;
  }

  .event_header_address {
    font-size: 21px;
  }

  .event_header_date {
    padding: 0 15px;
  }

  .event_header_day {
    font-size: 45px;
  }

  .event_header_month {
    font-size: 35px;
    margin-right: 30px
  }

  .event_header_time {
    font-size: 45px;
  }

  .registration-img {
    width: 300px;
    -webkit-transform: none;
    transform: none;
    padding-left: 0;
    height: 240px;
  }

  .registration-info-header {
    margin-bottom: 20px;
  }

  .registration-benefits {
    margin-top: 0;
  }

  .page__width {
    width: 100%;
  }

  .registration {
    padding: 78px 0 113px 0;
    background-position: center 41px;
  }

  .registration__input {
    width: 275px;
    height: 49px;
  }

  .registration__textarea {
    width: 275px;
    height: 72px;
    padding-top: 6px;
  }

    .registration__textarea::-webkit-input-placeholder {
      white-space: pre-line;
      padding-top: -3px;
    }

    .registration__textarea::-moz-placeholder {
      white-space: pre-line;
      padding-top: -3px;
    }

    .registration__textarea:-ms-input-placeholder {
      white-space: pre-line;
      padding-top: -3px;
    }

    .registration__textarea::placeholder {
      white-space: pre-line;
      padding-top: -3px;
    }

  .registration__input_type_req {
    background-position: 251px 10px;
  }

  .registration__title {
    font-size: 24px;
    max-width: 200px;
  }

  .checkbox__visible {
    width: 37px;
    height: 37px;
  }

  .checkbox__text {
    max-width: 224px;
    font-size: 14px;
  }

  .registration__input_el_agree:checked + .checkbox__visible {
    background-image: url(./icon/checked_event_gray.svg);
    background-repeat: no-repeat;
    background-size: 18px 19px;
    background-position: center;
  }

  .registration__label {
    max-width: 275px;
  }

  .page-event__iframe {
    height: 315px;
  }
}