* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  /* background-color: #222222; */
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #474766;
  font-size: 18px;
  overflow-x: hidden;
}

section {
  padding: 30px 0;
  overflow-x: hidden;
}

.hero {
  margin-top: 100px;
}

@media (min-width: 992px) {
  section {
    padding: 70px 0;
  }
}

h1, h2, h3 {
  font-weight: 700;
  font-size: 35px;
}

h1 em, h2 em, h3 em {
  font-style: normal;
  color: #f4b859;
  text-transform: uppercase;
}

h4 {
  font-weight: 700;
  font-size: 25px;
}

h4 em {
  font-style: normal;
  color: #f4b859;
}

h5 {
  font-size: 25px;
  font-weight: 600;
  color: #2589ff;
}

h6 {
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 767.97px) {
  body {
    font-size: 15px;
  }
  h1, h2, h3 {
    font-size: 30px;
  }
  h4, h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 15px;
  }
}

.main-color {
  color: #474766;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000000;
}

a:hover {
  color: #ffffff;
}

.btn {
  padding: 14px;
  min-height: 48px;
  border-radius: 10px;
  background-color: #000;
  border: 1px solid #000;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

.btn:hover {
    background-color: #2d2d2d;
    color: #fff !important;
}

.btn_transp {
  background-color: transparent;
  color: #ffffff;
}

.btn_transp:hover, .btn_transp:focus {
  color: #ffffff;
}

.btn-lg {
  font-size: 20px;
  line-height: 24px;
  min-height: 77px;
  padding: 26px;
  width: 100%;
  max-width: 380px;
}

input[type=text],
input[type=email] {
  padding: 25px;
  width: 100%;
  max-width: 380px;
  height: 76px;
  border-radius: 10px;
  /* background-color: #acacac; */
  text-align: center;
  color: #323232;
  font-size: 20px;
  line-height: 24px;
}

input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder {
  color: #e4e4e4;
}

input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder {
  color: #e4e4e4;
}

input[type=text]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder {
  color: #e4e4e4;
}

input[type=text]::placeholder,
input[type=email]::placeholder {
  color: #e4e4e4;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}

input[type=checkbox] + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: transparent;
  border: solid 1px #4221ff;
}

input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  top: 5px;
  width: 21px;
  height: 15px;
  background-image: url(../img/check.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

input[type=checkbox]:checked + label::before {
  display: block;
}

.popup-youtube {
  cursor: pointer;
}

.privacy-link {
  text-decoration: underline;
}

.navbar {
  position: relative;
  background-color: #e5f3ff;
}

.navbar .nav-link {
  color: #474766;
  font-weight: 400;
  font-size: 15px;
}

.navbar .nav-link:hover {
  color: #f4b859;
}

.navbar .special .nav-link {
  color: #f4b859;
}

.navbar .navbar-toggler {
  padding: 5px;
  font-size: 30px;
  border: none;
  color: #ffffff;
  background-color: transparent;
}

.navbar .dropdown-menu {
  background-color: #282828;
}

.navbar .dropdown-item {
  color: #ffffff;
  background: transparent;
}

.navbar .dropdown-item:hover {
  color: #f4b859;
}

.hero {
  margin-top: 200px;
  padding-top: 0;
  padding-bottom: 30px;
  background-image: url(../img/bg/bg-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero p span {
  color: #f4b859;
}

.hero .play-btn {
  left: 18px;
}

.hero .play-btn::after {
  width: 35px;
  height: 35px;
}

.hero .play-btn::before {
  width: 55px;
  height: 55px;
}

.hero .play-btn span {
  top: 14px;
  left: 7px;
  border-left-width: 14px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.hero .play-btn-wrapper {
  padding-left: 60px;
  font-size: 15px;
}

@media (min-width: 992px) {
  .hero {
    padding-top: 0;
    padding-bottom: 70px;
  }
}

.video img {
  border-radius: 20px;
  border: solid 1px #eccd7b;
}

.sber {
  padding-bottom: 60px;
}

.sber-container {
  padding: 30px;
  background-image: url(../img/bg/bg-prim.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.sber .btn {
  min-width: 290px;
}

@media (min-width: 992px) {
  .sber {
    padding-bottom: 60px;
  }
  .sber-container {
    padding: 60px 0 70px 110px;
  }
}

@media (min-width: 576px) {
  .sber-container {
    padding: 50px;
  }
}

.form input {
  margin-bottom: 16px;
}

.form button {
  margin-bottom: 16px;
}

.form p {
  position: relative;
}

form {
  max-width: 380px;
}

@media (min-width: 992px) {
  form {
    max-width: none;
  }
  /* .form p::after {
    content: "";
    position: absolute;
    bottom: -70px;
    right: -100px;
    width: 279px;
    height: 70px;
    background-image: url(../img/decor/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
  } */
}

.problem {
  background:#222222;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.problem .card {
  max-width: 550px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-color: #282828;
}

.problem .card_1 {
  background-image: url(../img/bg/problem-bg-1.jpg);
}

.problem .card_2 {
  background-image: url(../img/bg/problem-bg-2.jpg);
}

.problem .card img {
  z-index: 2;
}

.problem h6 {
  color: #f4b859;
}

.file {
  padding-bottom: 30px;
}

.file .container {

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* border-radius: 20px; */
}

.file .containerr {
  background-image: url(../img/bg/bg-eksp1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* border-radius: 20px; */
}

.file-img {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .file {
    /* padding-bottom: 80px; */
  }
  .file-img {
    /* margin-bottom: -110px; */
  }
}

.result span {
  font-size: 15px;
  font-weight: 400;
}

.result .card {
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-color: #282828;
}

.result .card_1 {
  background-image: url(../img/bg/result-bg-1.jpg);
}

.result .card_2 {
  background-image: url(../img/bg/result-bg-2.jpg);
}

.result .card img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.experts {
  background-color: #f7f7f7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.experts .play-btn {
  top: 70%;
  left: 60%;
  -webkit-transform: none;
          transform: none;
}

.experts .play-btn::after {
  width: 35px;
  height: 35px;
}

.experts .play-btn::before {
  width: 55px;
  height: 55px;
}

.experts .play-btn span {
  top: 14px;
  left: 7px;
  border-left-width: 14px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.calls .card {
  position: relative;
  border-radius: 10px;
  border: solid 0.3px rgba(255, 255, 255, 0.3);
  background-color: #282828;
  overflow: hidden;
}

.calls .card::after, .calls .card::before {
  content: "";
  position: absolute;
  width: 221px;
  height: 221px;
  background-image: url(../img/decor/circle-yellow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.calls .card::after {
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.calls .card::before {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.calls .card h6 {
  font-size: 23px;
  font-weight: 500;
}

.calls audio {
  width: 100%;
}

.work .container {
  background-image: url(../img/bg/work-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-color: #282828;
  overflow: hidden;
}

.work .block {
  cursor: pointer;
}

.work .block.active {
  background: rgba(255, 255, 255, 0.1);
}

.work .img-wrapper {
  padding: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.work .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}

.work h6 {
  color: #f4b859;
}

@media (min-width: 992px) {
  .work .img-wrapper {
    margin-right: -48px;
  }
}

.about .play-btn {
  left: 18px;
}

.about .play-btn-wrapper {
  padding-left: 80px;
  font-size: 15px;
}

@media (min-width: 992px) {
  .about .block-1 {
    border-right: 2px solid #fff;
  }
}

.testimonials {
  background-image: url(../img/bg/testimonials-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonials .swiper-slide {
  background-color: #fff;
  color: #282828;
  overflow: hidden;
}

.testimonials .swiper-slide > .row {
  min-height: 300px;
}

.testimonials .swiper-slide p {
  font-style: italic;
}

.testimonials .swiper-slide .play-btn {
  left: 40px;
}

.testimonials .swiper-slide .play-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 80px;
}

.testimonials .swiper-slide img {
  width: 170px;
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonials .swiper-btn {
  position: absolute;
  z-index: 2;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: solid 3px #f5b858;
  background-color: #fff;
}

.testimonials .swiper-next {
  background-image: url(../img/next.png);
  background-position: 55% center;
  background-repeat: no-repeat;
}

.testimonials .swiper-prev {
  background-image: url(../img/prev.png);
  background-position: 45% center;
  background-repeat: no-repeat;
}

.tariff thead {
  border: none;
}

.tariff thead td {
  padding: 0;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  border: none;
}

.tariff thead td div {
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: solid 3px #e5f3ff;
  border-bottom: none;
  text-transform: uppercase;
}

.tariff thead td:nth-child(2n + 1) div {
  color: #fff;
}

.tariff thead td:nth-child(2n) div {
  background-color: #e5f3ff;
}

.tariff tbody {
  color: #000000;
  border-top: 3px solid #cdcdcd !important;
  background: #fff;
}

.tariff tbody tr, .tariff tbody td {
  vertical-align: middle;
  border-bottom: 3px solid #cdcdcd;
}

.tariff tbody td:not(:first-child) {
  width: 200px;
  text-align: center;
  border: 3px solid #cdcdcd;
}

.tariff tbody i {
  font-size: 24px;
}

.tariff tbody tr.bold td {
  font-size: 18px;
  font-weight: 700;
}

.tariff tbody tr.bold td span {
  font-size: 22px;
}

.tariff tbody tr.btns {
  border-bottom: none;
}

.tariff tbody tr.btns td {
  border: none;
  background: #0023ff;
}

.form-bottom .container {
  /* background-image: url(../img/bg/work-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-color: #282828; */
}

.form-bottom p {
  color: #aeaeae;
}

.footer {
  padding: 40px 0 0;
  /* background-color: #101010; */
}

.footer .link {
  font-size: 15px;
}

.footer img {
  width: 30px;
}

.footer .mini {
  font-size: 15px;
  font-weight: 400;
  color: #d0d0d0;
}

@media (min-width: 992px) {
  .footer {
    padding-bottom: 100px;
    /* padding: 70px 0 0; */
  }
}

/* Video Play Button */
.play-btn {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 2rem;
  height: 2.75rem;
  padding: 1.125rem 1.25rem 1.125rem 1.75rem;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  display: block;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  background: #2473d2;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  background: #5499ee;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.play-btn span {
  position: relative;
  display: block;
  z-index: 3;
  top: 0.375rem;
  left: 0.25rem;
  width: 0;
  height: 0;
  border-left: 1.625rem solid #fff;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/* end of video play button */
.modal-content {
  border: 1px solid #3755ff;
  background-color: #ffffff;
  color: #000000;
}

.modal-header {
  border-bottom: none;
}

.modal form {
  max-width: 380px;
}

.modal-close {
  color: #000000;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 30px;
}

.numbert {
  color: #f4b859;
  font-weight: 500;
  font-size: larger;
}

.hrtext {
  text-transform: uppercase;
  padding: 130px 0 50px 0px;
  text-align: center;
  font-size: 46px;
  line-height: 50px;
}

.httext {
  font-size: 22px;
  line-height: 1.5;
}

.logo > * {
  display: inline-block;
  vertical-align: top;
}

.no-space-between-inline-blocks {
  *letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}

.mtslogo {
  margin: 20px 0 0 71px;
}
.skillbox_logo {
  margin: 39px 0 0 62px;
}
.layer {
  margin: 33px 0 0 53px;
}
.europlan_logo_rgb {
  margin: 42px 0 0 58px;
}
.gk-granel-logo {
  margin: 35px 0 0 66px;
}

.gruppa-13 {
  margin: 65px auto 0;
  min-height: 173px;
  padding: 57px 39px 54px;
  position: relative;
  width: 1062px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #4a4a4a;
}

.col-3 {
  float: left;
  margin: 0 0 0 73px;
  position: relative;
  width: 175px;
}

.col-14 {
  float: left;
  margin: 0 0 0 76px;
  position: relative;
  width: 368px;
}

.col-13 {
  float: left;
  position: relative;
  width: 235px;
}

.text-5 {
  font-size: 1.875rem; /* 30px / 16px = 1.875rem */
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.text-6 {
  margin: 8px 0 0;
}

.text-7 {
  font-size: 1.875rem; /* 30px / 16px = 1.875rem */
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.text-8 {
  margin: 5px 0 0;
  text-align: center;
}
.col-3 {
  float: left;
  margin: 0 0 0 73px;
  position: relative;
  width: 175px;
}
.text-9 {
  font-size: 1.875rem; /* 30px / 16px = 1.875rem */
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.text-10 {
  margin: 11px 0 0;
  text-align: center;
}

.col {
  height: 584px;
  margin: 0 0 0 0px;
  padding: 39px 27px 33px;
  position: relative;
  width: 1279px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: url(img/bg/bg-prim.png) no-repeat;
}
.text-11 {
  left: 6px;
  margin: 0 auto;
  position: relative;
  width: 1213px;
  color: #f5b858;
  font-size: 1.875rem; /* 30px / 16px = 1.875rem */
  font-weight: bold;
  text-align: center;
}

.risunok1 {
  display: block;
  left: 12px;
  margin: 17px auto 0;
  position: relative;
}

.text-12 {
  left: 6px;
  margin: 44px auto 0;
  position: relative;
  width: 1213px;
  font-size: 1.875rem; /* 30px / 16px = 1.875rem */
  line-height: 1.2;
  text-align: center;
}

.colorf5b858 {
  color: #f5b858;
}

.text-style {
  color: #ffffff;
  font-weight: normal;
  line-height: 1.2;
}

.text-style-2 {
  font-weight: normal;
  line-height: 1.2;
}

.text-style-3 {
  line-height: 45px;
}

.group-3 {
  margin: 127px auto 0;
  position: relative;
  width: 68.333336%; /* 1312px / 1920px = 68.333336% */
  z-index: 49;
}
.text-13 {
  width: 74.54269%; /* 978px / 1312px = 74.54269% */
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
}

.row-6 {
  margin: 2px 0 0 0.152439%; /* 2px / 1312px = 0.152439% */
  position: relative;
  width: 99.847565%; /* 1310px / 1312px = 99.847565% */
}

.group-4 {
  float: left;
  margin: 3px 0 0;
  position: relative;
  width: 17.633587%; /* 231px / 1310px = 17.633587% */
  z-index: 0;
}
.bonus {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 3.679654%;
  width: 160px;
  z-index: 60;
}

.pryamougolnik-63-holder {
  margin: -60px 0 0;
  padding: 67px 0 275px;
  position: relative;
  z-index: 51;
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}

.gruppa-2 {
  margin: 0 auto;
  position: relative;
  width: 72.29437%; /* 167px / 231px = 72.29437% */
}


.col-7 {
  float: left;
  margin: 10px 6.586826% 0 0; /* 11px / 167px = 6.586826% */
  position: relative;
  width: 1.796407%; /* 3px / 167px = 1.796407% */
}
.ellips-2 {
  height: 3px;
  margin: 0 auto;
  width: 100%; /* 3px / 3px = 100% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
}
.ellips-2-kopiya {
  height: 3px;
  margin: 69px auto 0;
  width: 100%; /* 3px / 3px = 100% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
}
.ellips-2-kopiya-2 {
  height: 3px;
  margin: 45px auto 0;
  width: 100%; /* 3px / 3px = 100% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
}
.ellips-2-kopiya-3 {
  height: 3px;
  margin: 70px auto 0;
  width: 100%; /* 3px / 3px = 100% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
}
.ellips-2-kopiya-4 {
  height: 3px;
  margin: 45px auto 0;
  width: 100%; /* 3px / 3px = 100% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
}

.text-14 {
  float: left;
  width: 91.61677%; /* 153px / 167px = 91.61677% */
  font-size: 20px;
  line-height: 1.2;
}

.text-style-4 {
  line-height: 24px;
}

.down-arrow {
  float: left;
  margin: 150px 0 0 0.763359%; /* 10px / 1310px = 0.763359% */
  width: 43px;
}
.col-37 {
  float: right;
  margin: 126px 0 0;
  position: relative;
  width: 24.045801%; /* 315px / 1310px = 24.045801% */
  z-index: 0;
}
.phone-call {
  display: block;
  margin: 0 auto;
  position: relative;
  right: 21.74603%;
  width: 26px;
  z-index: 94;
}

.group-9 {
  height: 177px;
  margin: -15px 0 0;
  position: relative;
  width: 100%; /* 315px / 315px = 100% */
  z-index: 73;
}
.pryamougolnik-63-kopiya-4-holder {
  left: 0;
  min-height: 117px;
  padding: 0 7.301587%; /* 23px / 315px = 7.301587% */
  position: absolute;
  top: 60px;
  width: 90.15873%; /* 284px / 315px = 90.15873% */
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}
.klienty {
  color: #f5b858;
  font-size: 25px;
  font-weight: bold;
  line-height: 117px;
}

.bonus-5 {
  left: 58.412697%;
  position: absolute;
  top: 0;
  width: 131px;
}
.gruppa-3 {
  left: 6.349206%;
  position: absolute;
  top: 2px;
  width: 139px;
}
.wrapper-27 {
  height: 112px;
  margin: 17px 0 0 6.349206%; /* 20px / 315px = 6.349206% */
  position: relative;
  width: 44.126984%; /* 139px / 315px = 44.126984% */
  z-index: 93;
}
.gruppa-3-kopiya {
  left: 0;
  position: absolute;
  top: 35px;
  width: 139px;
}
.gruppa-4 {
  left: 7.913669%;
  min-height: 112px;
  padding: 20px 3.597122% 24px; /* 5px / 139px = 3.597122% */
  position: absolute;
  top: 10px;
  width: 80.57554%; /* 112px / 139px = 80.57554% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #4f44c1;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

.text-style-5 {
  font-size: 17px;
  font-weight: bold;
}
.text-style-6 {
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
}

.col-35 {
  float: right;
  margin: 42px -0.152672% 0 0; /* -2px / 1310px = -0.152672% */
  position: relative;
  width: 26.335878%; /* 345px / 1310px = 26.335878% */
}
.group-7 {
  height: 184px;
  position: relative;
  width: 100%; /* 345px / 345px = 100% */
}
.pryamougolnik-63-kopiya-2-holder {
  left: 0;
  min-height: 142px;
  padding: 38px 8.985507% 44px; /* 31px / 345px = 8.985507% */
  position: absolute;
  top: 42px;
  width: 90.434784%; /* 312px / 345px = 90.434784% */
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}
.text-18 {
  margin: 0 auto;
  position: relative;
  right: 20.2%;
  width: 57.2%; /* 143px / 250px = 57.2% */
  font-size: 20px;
  line-height: 1.2;
}
.bonus-3 {
  left: 55.652172%;
  position: absolute;
  top: 0;
  width: 153px;
}

.group-8 {
  height: 158px;
  margin: 68px 0 0;
  position: relative;
  width: 94.202896%; /* 325px / 345px = 94.202896% */
}
.pryamougolnik-63-kopiya-6-holder {
  left: 0;
  min-height: 142px;
  padding: 39px 8.615385% 42px; /* 28px / 325px = 8.615385% */
  position: absolute;
  top: 16px;
  width: 96%; /* 312px / 325px = 96% */
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}
.text-19 {
  margin: 0 auto;
  position: relative;
  right: 15.234375%;
  width: 67.1875%; /* 172px / 256px = 67.1875% */
  font-size: 20px;
  line-height: 1.2;
}
.bonus-4 {
  left: 65.53846%;
  position: absolute;
  top: 0;
  width: 112px;
}

.text-style-7 {
  color: #f5b858;
  font-size: 25px;
  font-weight: bold;
}

.col-34 {
  float: right;
  margin: 147px 0.458015% 0 0; /* 6px / 1310px = 0.458015% */
  position: relative;
  width: 3.358779%; /* 44px / 1310px = 3.358779% */
}
.down-arrow-kopiya-2 {
  display: block;
  position: relative;
  width: 34px;
}
.down-arrow-kopiya {
  display: block;
  left: 11.363636%;
  margin: 228px auto 0;
  position: relative;
  width: 34px;
}
.col-33 {
  float: right;
  margin: 0 0.076336% 0 0; /* 1px / 1310px = 0.076336% */
  position: relative;
  width: 23.358778%; /* 306px / 1310px = 23.358778% */
}
.group-5 {
  height: 226px;
  margin: 0 auto;
  position: relative;
  width: 98.69281%; /* 302px / 306px = 98.69281% */
}
.pryamougolnik-63-kopiya {
  height: 142px;
  left: 0;
  position: absolute;
  top: 84px;
  width: 95.03311%; /* 287px / 302px = 95.03311% */
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}
.bonus-2 {
  left: 62.251656%;
  position: absolute;
  top: 0;
  width: 114px;
}

.text-15 {
  left: 7.284768%;
  position: absolute;
  top: 123px;
  width: 69.53642%; /* 210px / 302px = 69.53642% */
  font-size: 20px;
  line-height: 1.2;
}

.text-style-8 {
  color: #0fa4c4;
  text-decoration: underline;
}

.down-arrow-kopiya-4 {
  display: block;
  margin: 11px auto 0;
  position: relative;
  right: 12.745098%;
  width: 6px;
}
.group-6 {
  height: 142px;
  margin: 7px 0 0;
  position: relative;
  width: 99.6732%; /* 305px / 306px = 99.6732% */
}
.pryamougolnik-63-kopiya-5-holder {
  left: 0;
  min-height: 142px;
  padding: 39px 7.213115% 42px; /* 22px / 305px = 7.213115% */
  position: absolute;
  top: 0;
  width: 84.2623%; /* 257px / 305px = 84.2623% */
  border: 3px solid #f5b858; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  -moz-box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35);
  box-shadow: 0 0 13px 0 rgba(245, 184, 88, 0.35); /*outer glow*/
}
.text-16 {
  margin: 0 auto;
  position: relative;
  right: 12.441315%;
  width: 72.30047%; /* 154px / 213px = 72.30047% */
  font-size: 20px;
  line-height: 1.2;
}
.ellips-3-holder {
  left: 59.01639%;
  min-height: 125px;
  padding: 33px 5.573771% 32px; /* 17px / 305px = 5.573771% */
  position: absolute;
  top: 8px;
  width: 40.98361%; /* 125px / 305px = 40.98361% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f5b858;
  color: #282828;
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
}

.text-style-9 {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}


.text-21 {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-top: 80px;
}
.row-7 {
  margin: 33px auto 0;
  position: relative;
  width: 66.614586%; /* 1279px / 1920px = 66.614586% */
}

.row-7 > * {
  float: left;
  margin: 0 1.430805% 0 0; /* 18.3px / 1279px = 1.430805% */
}
.row-7 > *:last-child {
  margin-right: 0 !important;
}
.col-18 {
  position: relative;
  width: 32.369038%; /* 414px / 1279px = 32.369038% */
  z-index: 0;
  margin-top: 10px !important;
}

.pryamougolnik-65-kopiya-2 {
  display: block;
  margin: 0 auto;
  max-width: 201px;
  position: relative;
  right: 3.743961%;
  width: 48.550724%; /* 201px / 414px = 48.550724% */
  z-index: 117;
}
.pryamougolnik-64-holder {
  margin: -74px 0 0;
  min-height: 251px;
  padding: 114px 11.352657% 82px; /* 47px / 414px = 11.352657% */
  position: relative;
  z-index: 105;
  border: 1px solid #888686; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #222222;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  -webkit-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  -moz-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08); /*inner glow*/
}
.text-22 {
  margin: 0 auto;
  width: 98.4375%; /* 315px / 320px = 98.4375% */
  text-align: center;
}
.text-22 > * {
  color: #f5b858;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.col-19 {
  position: relative;
  width: 32.369038%; /* 414px / 1279px = 32.369038% */
  z-index: 0;
  margin-top: 28px !important;
}
.gruppa-14 {
  display: block;
  margin: 0 auto;
  max-width: 225px;
  position: relative;
  width: 54.347828%; /* 225px / 414px = 54.347828% */
  z-index: 118;
}

.pryamougolnik-64-kopiya-holder {
  margin: -103px auto 0;
  min-height: 251px;
  padding: 114px 8.212561% 36px; /* 34px / 414px = 8.212561% */
  position: relative;
  z-index: 108;
  border: 1px solid #888686; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #222222;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  -webkit-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  -moz-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08); /*inner glow*/
}
.text-23 {
  margin: 0 auto;
  position: relative;
  right: 2.745665%;
  width: 93.93063%; /* 325px / 346px = 93.93063% */
  text-align: center;
}
.text-23 > * {
  color: #f2b657;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.col-20 {
  position: relative;
  width: 32.369038%; /* 414px / 1279px = 32.369038% */
  z-index: 0;
}
.pryamougolnik-65-kopiya {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 107px;
  z-index: 116;
}
.pryamougolnik-64-kopiya-2-holder {
  margin: -85px auto 0;
  min-height: 251px;
  padding: 115px 7.487923% 60px; /* 31px / 414px = 7.487923% */
  position: relative;
  z-index: 111;
  border: 1px solid #888686; /*stroke*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #222222;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; /*Will not allow bg color to leak outside borders*/
  -webkit-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  -moz-box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 45px 0 rgba(255, 255, 255, 0.08); /*inner glow*/
}
.text-24 {
  margin: 0 auto;
  width: 99.431816%; /* 350px / 352px = 99.431816% */
  text-align: center;
}
.text-24 > * {
  color: #f2b657;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

#slider_bl .wrapper{max-width:60em;margin:1em auto;position:relative}#slider_bl input{display:none}#slider_bl .inner{width:500%;line-height:0}#slider_bl article{width:20%;float:left;position:relative}#slider_bl article img{width:100%}#slider_bl .slider-prev-next-control{height:50px;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#slider_bl .slider-prev-next-control label{display:none;width:40px;height:40px;border-radius:50%;background:#fff;opacity:.7}#slider_bl .slider-prev-next-control label:hover{opacity:1}#slider_bl .slider-dot-control{position:absolute;width:100%;bottom:-50px;text-align:center;display: flex;
    justify-content: center;
    gap: 12px}#slider_bl .slider-dot-control label{cursor:pointer;border-radius:20px;display:inline-block;width:15px;height:15px;background:#0b28ff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#slider_bl .slider-dot-control label:hover{background:#ccc;border-color:#777}#slider_bl .info{position:absolute;font-style:italic;line-height:20px;opacity:0;color:#000;text-align:left;-webkit-transition:all 1s ease-out .6s;-moz-transition:all 1s ease-out .6s;transition:all 1s ease-out .6s}#slider_bl .info h3{color:#fcfff4;margin:0 0 5px;font-weight:400;font-size:1.5em;font-style:normal}#slider_bl .info.top-left{top:30px;left:30px}#slider_bl .info.top-right{top:30px;right:30px}#slider_bl .info.bottom-left{bottom:30px;left:30px}#slider_bl .info.bottom-right{bottom:30px;right:30px}#slider_bl .slider-wrapper{width:100%;overflow:hidden;margin-top: 40px;border-radius:5px;box-shadow:1px 1px 10px #d5d5d5;background:#fff;background:#fcfff4;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}#slider_bl .slider-wrapper .inner{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1)}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4)::after{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;margin:0;line-height:38px;font-size:3em;display:block;color:#777}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1)::after{content:"\f105";padding-left:15px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(2),#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(3),#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(4),#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(5),#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(1){display:block;float:right;margin-right:5px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5),#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1),#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2),#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3),#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4){display:block;float:left;margin-left:5px}#slider_bl #slide1:checked~.slider-prev-next-control label:nth-child(5)::after,#slider_bl #slide2:checked~.slider-prev-next-control label:nth-child(1)::after,#slider_bl #slide3:checked~.slider-prev-next-control label:nth-child(2)::after,#slider_bl #slide4:checked~.slider-prev-next-control label:nth-child(3)::after,#slider_bl #slide5:checked~.slider-prev-next-control label:nth-child(4)::after{content:"\f104";padding-left:8px}#slider_bl #slide1:checked~.slider-dot-control label:nth-child(1),#slider_bl #slide2:checked~.slider-dot-control label:nth-child(2),#slider_bl #slide3:checked~.slider-dot-control label:nth-child(3),#slider_bl #slide4:checked~.slider-dot-control label:nth-child(4),#slider_bl #slide5:checked~.slider-dot-control label:nth-child(5){background:#fff; border: 2px solid #0b28ff;}#slider_bl #slide1:checked~.slider-wrapper article:nth-child(1) .info,#slider_bl #slide2:checked~.slider-wrapper article:nth-child(2) .info,#slider_bl #slide3:checked~.slider-wrapper article:nth-child(3) .info,#slider_bl #slide4:checked~.slider-wrapper article:nth-child(4) .info,#slider_bl #slide5:checked~.slider-wrapper article:nth-child(5) .info{opacity:1}#slider_bl #slide1:checked~.slider-wrapper .inner{margin-left:0}#slider_bl #slide2:checked~.slider-wrapper .inner{margin-left:-100%}#slider_bl #slide3:checked~.slider-wrapper .inner{margin-left:-200%}#slider_bl #slide4:checked~.slider-wrapper .inner{margin-left:-300%}#slider_bl #slide5:checked~.slider-wrapper .inner{margin-left:-400%}@media only screen and (max-width:850px) and (min-width:450px){#slider_bl .slider-wrapper{border-radius:0}}@media only screen and (max-width:450px){#slider_bl .slider-wrapper{border-radius:0}#slider_bl .slider-wrapper .info{opacity:0}}@media only screen and (min-width:850px){#slider_bl body{padding:0 80px}}

.texthl {
  text-align: center;
  font-weight: 800;
  font-size: x-large;
}

.section-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 60px 0 100px 0; */
  max-width: 1920px;
  height: 765px;
  margin: 0 auto;
 background: url('../img/bg/bg-102.png') center / cover no-repeat;
}

.site-width {
  width: 100%;
  max-width: 1170px;
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
}

.section-5 .title {
  text-align: center;
  font-size: 30px;
  color: #fff;
  line-height: 35px;
  font-weight: 900;
  max-width: 880px;
  margin: 10px auto 30px;
}

.section-5 .desk {
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  font-weight: 400;
  max-width: 781px;
  margin: 30px auto;
}

.section-5 .logos {
  display: inline-block;
}

.section-5 .logos img {
  padding: 10px;
  width: 160px;
}

.textpl {
  text-align: center;
  color: #fff;
}

.section-5 .title span {
  color: #f7c14f
}
.complex {
    margin-top: 80px;
}

.complex__text {
    margin-bottom: 40px !important;
}

.btn-lgg {
  font-size: 20px;
  line-height: 24px;
  min-height: 42px;
  padding: 26px;
  width: 100%;
  max-width: 380px;
  /* margin-top: -400px; */
}

.experts .container {

  /* background-image: url(../img/bg/bg-eksp.png); */
  /* background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  background-color: #282828;
  overflow: hidden; */

}

.mw {
  max-width: 1200px;
  margin: 0 auto;
}

.flex-container {
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.va-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*main*/
.main {
  position: relative;
  color: #474766;
  padding-top: 0;
  /* padding-top: 33px; */
  /* padding-bottom: 20px; */
  /* background-image: url(../img/bg/bg-1.png); */
  /* background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */

}
.header {
  width: 100%;
  background-color: #e5f3ff;
}
.nav {
  width: 100%;
  max-width: 550px;
  position: relative;
  top: 6px;
}
.logo {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}
.nav__link {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
.nav__link:hover {
  color: #e8d211;
}
.main__content {
  /* padding-top: 80px; */
}
h1 {
  font-size: 55px;
  font-weight: 900;
  line-height: 1.2;
}
.main__desc {
  margin-top: 37px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
.main__text {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 25px;
}
.main__logos {
  margin-bottom: 30px;
  margin-top: 80px;
  margin-left: 40px;
}
.main__logo {
  margin-right: 20px;
  margin-bottom: 20px;
}
.main__btn {
  margin-top: 48px;
}
.main .content {
  /* position: relative; */
}
.main .content:after {
  content: '';
  position: absolute;
  background: url('../images/bg/bg.png') no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 615px;
  height: 565px;
  left: 795px;
  top: 68px;
}
.main .content > * {
  position: relative;
}
.main .main__bg {
  position: absolute;
  background: url('../images/bg/bg.png') no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100px;
  height: 530px;
  right: -70px;
  top: 60px;
  z-index: 12;
}


.main .main__bg .more{
  position: absolute;
    bottom: -25px;
    max-width: 490px;
    left: 60px;
}


.main .main__bg .more .text{
     background: url(../images/bg_more.png) no-repeat center;
    padding: 30px;
    background-size: contain;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #282828;
}

.main .main__bg .more .text2{
  max-width: 480px;
    margin: -10px auto 0;
}

.main .main__bg .more .text .big{
    font-size: 20px;
}

.main .main__bg .more .text .big b{
    font-weight: 700;
}

.m-advantage__icon {
  height: 43px;
  position: relative;
}
.m-advantages {
  margin-top: 92px;
}

.m-advantages {
  margin-top: 92px;
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
  background: rgb(209 208 208 / 36%);
  margin-right: 80px;
}


.salary__item {
  position: relative;
}
.salary__item::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 54px;
  height: 3px;
  background-color: #f5b858;
}
.course,
.salary__item,
.m-advantage {
  width: 32.34%;
  margin-right: 1.49%;
}
.m-advantage {
  padding: 24px 20px 32px;
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
}
.course:nth-child(3n),
.salary__item:nth-child(3n),
.m-advantage:nth-child(3n) {
  margin-right: 0;
}

.m-advantage.last {
      position: relative;
}





.m-advantage.last .more {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
    background: #ffde00;
    border-radius: 10px;
  display: none;
}

.m-advantage.last .more p{
    font-size: 20px;
    line-height: 25px;
  vertical-align: middle;
    display: table-cell;
  color: #111;
}


.m-advantage.last .more a.exit{
    position: absolute;
    background: url(../images/exit.png) no-repeat;
    width: 22px;
    height: 22px;
    top: 10px;
    right: 10px;
  cursor: pointer;
}

.m-advantage__title {
  margin-top: 41px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
/*end main*/

.content {
  /* position: relative;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 20px; */
}
@media (max-width: 767px){
 .m-advantage {
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0;
   }
}

ul {
    list-style: none;
}

.spacer_bottom,
.spacer_top,
.spacer {
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.spacer > * {
  -ms-flex-item-align: center;
  align-self: center;
}
.spacer_bottom > * {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.spacer_top > * {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.textrp {
  text-align: center;
  padding-bottom: 30px;
}

.textrpp {
  text-align: center;
  font-size: 22px;
  line-height: 1.5;
  padding-bottom: 30px;
}

.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* background: url(background.jpg); */
    /* background-size: cover;
    background-position: center; */
    margin: 20px 0;
    padding: 20px;
    padding: 50px 20px 20px 20px;
    max-width: 1280px;
    margin: 0 auto;

}
.cards:hover .cardd:after {
    opacity: 1;
}
.cards .cardd {
    /* border-radius: 10px; */
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 0 auto;
    width: calc(33.333% - 200px);
    margin: 10px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2); */
    /* opacity: 0.95; */
}
@media screen and (max-width: 767px) {
    .cards .cardd {
        width: calc(50% - 20px);
    }
}
@media screen and (max-width: 520px) {
    .cards .cardd {
        width: calc(100% - 20px);
    }
}
.cards .cardd:hover:before {
    opacity: 1;
}
.cards .cardd:before,
.cards .cardd:after {
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    transition: opacity 500ms;
    width: 100%;
}
.cards .cardd:before {
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(191, 226, 255, 0.4), transparent 40%);
    z-index: 3;
}
.cards .cardd:after {
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(191, 226, 255, 0.9), transparent 40%);
    z-index: 1;
}
.cards .cardd .card-content {
    /* border: 1px solid #888686; */
    border-radius: 10px;
    background-color: #001eff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 78px 16px 16px;
    z-index: 2;
    height: 100%;
    line-height: 1.2;
    margin: 2px;
}
.cards .cardd .card-image {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.cards .cardd .card-image i {
    font-size: 64px;
    color: #16354f;
}
.cards .cardd .card-image img {
    height: 130px;
    margin-top: -60px;
}
.cards .cardd .card-image svg {
    height: 64px;
    fill: #16354f;
}
.cards .cardd .card-title {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 0;
    color: #fff;
    text-transform: none;
    font-weight: 500;
}
.cards .cardd .card-text,
.cards .cardd .card-text p {
    font-size: 15px;
    font-family: Verdana, sans-serif;
    color: #FFF;
    margin: 0;
}
.cards .cardd .card-text p:not(:last-child) {
    margin-bottom: 10px;
}
.texxth {
    color: #2589ff;
}
.video-item a {
    position: relative;
}
.tariff {
    background: url('../img/bg/bg-103.png') center / cover no-repeat;
    max-width: 1920px;
    margin: 0 auto;
}
.table-responsive.table-tarif {
    margin-top: 50px;
}
.form.form-bottom {
    background: url('../img/bg/form-bottom.png') center / cover no-repeat;
    max-width: 1280px;
    margin: 0 auto;
}
.text-lg-start.bottom-form {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.main-figura-1 {
    position: absolute;
    width: 20%;
    /* height: 100%; */
    top: 0;
    left: 0;
}
.main-figura-2 {
    position: absolute;
    width: 20%;
    /* height: 100%; */
    top: 0;
    right: 0;;
}