* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: 'Roboto', sans-serif;
}

.container {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}

.promo {
  height: 800px;
  background: url('../img/bg/main_bg.jpg') center center/cover no-repeat;
  padding: 39px 0 62px 0;
}

.logo .logo_img {
  display: block;
  margin: 0 auto;
}

.logo .logo_text {
  color: #ffffff;
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 14px;
}

h1 {
  margin-top: 53px;
}

.title {
  color: #f9bf3b;
  font-size: 41px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
}

h2.title {
  margin-top: 30px;
}

.simple .title_big {
  color: #ffffff;
  font-size: 80px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  margin-top: 21px;
}

.promo .promo_text {
  padding: 0 13px;
  margin-top: 23px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
  text-align: center;
}

.promo .promo_text span {
  color: #f9bf3b;
  font-family: 'Roboto';
  font-weight: 700;
  text-transform: uppercase;
}

.promo .promo_btn {
  display: block;
  width: 313px;
  height: 72px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  background: linear-gradient(0deg, #2798b9 0%, #3ab6da 100%);
  margin: 73px auto;
  border-radius: 5px;
  cursor: pointer;

  font-weight: 400;
  font-size: 21px;
  line-height: 114%;
  text-transform: uppercase;
  color: #ffffff;

  border: none;
}

.more {
  margin-top: 83px;
}

.more .more_text {
  font-family: 'Roboto';
  font-weight: 100;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.more .more_img {
  display: block;
  margin: 13px auto 0;
}

.waiting {
  min-height: 604px;
  background-color: #efefef;
  padding: 85px 0 76px 0;
}

.waiting .waiting_header,
.finish .finish_header {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  color: #252525;
}

.finish .finish_header {
  color: #fff;
}

.waiting .waiting_divider,
.finish .finish_divider {
  width: 220px;
  height: 7px;
  background: rgb(249, 191, 59);
  margin: 18px auto 0;
}

.waiting .waiting_subheader {
  color: rgb(74, 74, 74);
  font-family: 'Roboto';
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  margin-top: 17px;
}

.waiting .waiting_wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.waiting .waiting_wrapper .waiting_item {
  width: 339px;
  text-align: center;
}

.waiting .waiting_wrapper .waiting_item .waiting_img {
  width: 100%;
}

.waiting .waiting_wrapper .waiting_item .waiting_descr {
  color: rgb(74, 74, 74);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  margin-top: 33px;
}

.optimization {
  min-height: 550px;
  padding: 102px 0 107px;
}

.optimization .optimization_header {
  margin-left: 391px;
  color: rgb(41, 156, 189);
  font-family: 'Roboto';
  font-size: 29px;
  font-weight: 900;
  text-transform: uppercase;
}

.optimization .optimization_text {
  margin-top: 25px;
  margin-left: 391px;
  color: rgb(74, 74, 74);
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
}

.optimization .optimization_text span {
  font-weight: 700;
}

.optimization .optimization_img {
  position: absolute;
  top: 48px;
  left: -240px;
  z-index: -1;
}

.finish {
  min-height: 447px;
  padding: 86px 0 79px;
  background: url('../img/bg/second_bg.png') center center/cover no-repeat;
}

.finish .finish_wrapper {
  margin-top: 41px;
  display: flex;
  justify-content: space-between;
}

.finish .finish_wrapper .finish_item {
  width: 204px;
}

.finish .finish_wrapper .finish_item .finish_round {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 118px;
  height: 118px;
  background: rgb(180, 226, 255);
  border-radius: 100%;
}

.finish .finish_wrapper .finish_item .finish_descr {
  margin-top: 25px;
  text-align: center;
  color: rgb(239, 239, 239);
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
}

.present {
  min-height: 631px;
  background: rgb(239, 239, 239);
}

.present_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.present_img {
  width: 154px;
  margin-top: 88px;
}

.present_text {
  margin-top: 45px;
  max-width: 1161px;
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 43px;
  text-align: center;
}

.present_btn {
  margin-top: 51px;
  width: 313px;
  height: 72px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  background: linear-gradient(0deg, rgb(39, 152, 185), rgb(58, 182, 218) 100%);
  color: rgb(255, 255, 255);
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.webinar {
  display: flex;
  justify-content: center;
}
.webinar_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 81px;
  min-height: 433px;
}

.webinar_text_up {
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 35px;
}
.webinar_text_mid {
  color: rgb(41, 156, 189);
  font-family: 'Roboto';
  font-size: 36px;
  font-weight: 900;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 35px;
}
.webinar_text_down {
  color: rgb(74, 74, 74);
  font-family: 'Roboto';
  font-size: 23px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin-top: 35px;
}

.container_footer {
  min-height: 169px;
  background: rgb(26, 26, 26);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer_textline_up {
  display: flex;
  color: rgb(136, 136, 136);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}
.footer_textline_up_left {
  color: rgb(136, 136, 136);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}
.footer_textline_up_mid {
  color: rgb(136, 136, 136);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
  margin: 0 10px;
}
.footer_textline_up_right {
  color: rgb(136, 136, 136);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}
.footer_textline_down {
  color: rgb(136, 136, 136);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  text-align: center;
}