@charset "UTF-8";
@keyframes anim-effect-marin {
  0% {
    opacity: 1;
  }
  100% {
    box-shadow: inset 0 0 0 3px rgba(111, 148, 182, 0.8);
    opacity: 0;
    transform: scale3d(0.75, 0.75, 1);
  }
}

@keyframes anim-francisco {
  50% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@font-face {
  font-display: swap;
  font-family: "myfont";
  src: url("../../fonts/myfont.eot");
  src: url("../../fonts/myfont.eot?#iefix") format("eot"), url("../../fonts/myfont.woff2") format("woff2"), url("../../fonts/myfont.woff") format("woff"), url("../../fonts/myfont.ttf") format("truetype"), url("../../fonts/myfont.svg#myfont") format("svg");
}

.up:before, .mainContainer__helpModule--icon:before, .mainContainer__slide--more:before, .mainContainer__dashboardBox--weight:before, .mainContainer__dashboardBox--date:before, .mainContainer__dashboardSettingsBox--icon.front:before, .mainContainer__dashboardSettingsBox--icon.side:before, .mainContainer__dashboardSettingsBox--icon.back:before, .mainContainer__tableContent table tr td .magnifier:before, .mainContainer__tableContent table tr td .delete:before, .mainContainer__dashboardBoxFlex--delete:before, .historiesOrder .mainContainer__validyOfServiceBottom--icon:before, .survery .mainContainer__validyOfServiceBottom--icon:before, .header__top--close .close:before, .header__panel--item span.key:before, .header__panel--item span.person:before, .header__socials--item.fb:before, .header__socials--item.ig:before, .header__socials--item.yt:before, .footer__instagramLogo--icon:before, .footer__boxSlide--icon:before, .footer__socials--item.fb:before, .footer__socials--item.ig:before, .footer__socials--item.yt:before, .sliderOwl__arrowDown:before, .owl-nav button.owl-prev:before, .owl-nav button.owl-next:before, .sliderHome__nav .slick-arrow.slick-prev:before, .sliderHome__nav .slick-arrow.slick-next:before, .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--icon:before, .mainContainer__dashboardBottomVideoBoxContent .yt:before, .mainContainer__logout--icon:before, .mainContainer__logout a:before, .mainContainer__logout--icon.alertIcon:before, .mainContainer__logout a.alertIcon:before, .mainContainer__logout--icon.msgIcon:before, .mainContainer__logout a.msgIcon:before, .listComent__title:before, .ListAlert__title:before, .listComent__title.reload:before, .ListAlert__title.reload:before, .listComent__listPosition--latest:before, .ListAlert__listPosition--latest:before, .listComent__listPosition--arrow:before, .ListAlert__listPosition--arrow:before, .contact.planes .mainContainer__dashboardTopBox--icon:before, .contact.recipes .mainContainer__dashboardTopBox--icon:before, .contact.atlas .mainContainer__dashboardTopBox--icon:before, .contact.planes .mainContainer__dashboardTopBoxContentTh--empty:before, .contact.recipes .mainContainer__dashboardTopBoxContentTh--empty:before, .contact.atlas .mainContainer__dashboardTopBoxContentTh--empty:before, .contact.atlas .mainContainer__atlasVideoNav--arrow:before, .boxesOffer__box--icon.muscle:before, .boxesOffer__box--icon.curses:before, .boxesOffer__box--icon.trening:before, .boxesOffer__box--icon.info:before, .boxesOffer__box--btn:before, .boxesActive__box--icon.heart:before, .boxesActive__box--icon.body:before, .boxesActive__box--icon.brain:before, .boxesActive__box--icon.clock:before, .boxesActive__box--icon.juice:before, .boxesActive__box--icon.sexmater:before, .atlasYoutube__moveInfo--time.iconTime:before, .atlasYoutube__morePanel .key:before, .atlasYoutube__morePanel .avatar:before, .atlasYoutube__btns button:before, .metamorphosesHome__slideRightInfoWeight--icon:before, .metamorphosesHome__slideRightInfoType--icon:before, .metamorphosesHome__nav--prev:before, .metamorphosesHome__nav--next:before, .instagram_gallery a:before, .socialHome__icon--fb:before, .socialHome__icon--insta:before, .mainContainer__contactBannerSocials--item.fb:before, .mainContainer__contactBannerSocials--item.ig:before, .mainContainer__contactBannerSocials--item.yt:before, .styledForm__row.name:before, .styledForm__row.phone:before, .styledForm__row.email:before, .styledForm__row.password:before, .styledForm__row.card:before, .styledForm__row.month:before, .styledForm__row.year:before, .styledForm__row.code:before, .mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--icon:before, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount--icon:before, .mainContainer.register .mainContainer__wrap--icon.key:before, .mainContainer.register .mainContainer__wrap--icon.user:before, .mainContainer.register .mainContainer__wrap--icon.payp:before, .mainContainer.register .mainContainer__form .styledForm .styledForm__rodo--input:checked:before, .mainContainer.register .mainContainer__form .styledForm .password:before, .wrapPakceges .packeg__list li:before, .wrapPakceges .packeg__sublist.disable li:before, .wrapPakceges .packeg__sublist.unable li:before, .wrapPakceges .packeg__button .styledForm__rodo--input:checked:before, .visitcard__date:before, .visitcard__place:before, .visitcard__price:before, .visitcard__time:before, .coachBox ul li:before, .coachBox__icon-gym:before, .coachBox__icon-star:before, .coachBox__icon-you:before, .coachSteps .coachStep__icon:before, .coachSteps .coachStep:last-child .coachStep__icon:before, .webinarInfo__title:before, .webinarInfo__link a span:before, .webinarVideo__title:before, .webinarProgram ul li:before, .paywebinar__data:before, .paywebinar__time:before, .paywebinar__delete:before, .carePackages__info:before, .accordion-item-header:before, .careHow ul li:before, .close:before, .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before, .cookiesInfo__close:before, .mobSoc--facebook:before, .closeMobile:before, .mobilePrev:before, .helpBanner__icon:before, .oneNews__figcaptionSocials--facebook:before, .oneNews__figcaptionSocials--instagram:before, .oneNews__infoCategory--icon:before, .oneNews__infoRates label:before, .styledCheckbox input:checked + label:before, .styledRadio input:checked + label:before, .formErrors__item:before, .contentBlock blockquote:before, .customBlock__box4 .customBlock__boxIcon:before, .customBlock__box5 .customBlock__boxIcon:before, .customBlock__box6 .customBlock__boxIcon:before, .customBlock__box7 .customBlock__boxIcon:before, .customBlock__box8 .customBlock__boxIcon:before, .customBlock__box9 .customBlock__boxIcon:before, .customBlock__webinar1 .customBlock__boxIcon:before, .customBlock__webinar2 .customBlock__boxIcon:before, .customBlock__webinar3 .customBlock__boxIcon:before, .customBlock__webinar4 .customBlock__boxIcon:before, .customBlock--about1 .customBlock__title:before, .customBlock--about2 .customBlock__title:before, .customBlock--about3 .customBlock__title:before, .customBlock--about5 .customBlock__title:before, .customBlock--about6 .customBlock__title:before, .customBlock--scool1 .customBlock__title:before, .customBlock--scool2 .customBlock__title:before, .customBlock--scool3 .customBlock__title:before, .customBlock--scool4 .customBlock__title:before, .customBlock--coach1 .customBlock__title:before, .customBlock--coach2 .customBlock__title:before, .customBlock--coach3 .customBlock__title:before, .customBlock--webinar1 .customBlock__title:before, .customBlock--webinar3 .customBlock__title:before, .customBlock--webinar4 .customBlock__title:before, .customBlock--webinar5 .customBlock__title:before, .banerAbout--bottom .banerAbout__content_Box:first-child span:before, .banerAbout--bottom .banerAbout__content_Box:last-child span:before, .galleryList__item:before, .videoSlider .slick-arrow:before, .mainContainer__leftInfoAuthor--icon:before, .mainContainer__leftInfoDate--icon:before, .mainContainer__leftInfoShare--icon:before, .mainContainer__postCategory--icon:before, .mainContainer__postRates label:before, .mainContainer__postTagsLeft--icon:before, .mainContainer__leftNavigationBlock--prev .mainContainer__leftNavigationBlock--icon:before, .mainContainer__leftNavigationBlock--next .mainContainer__leftNavigationBlock--icon:before, .mainContainer__postRight--date .iconCalendar:before, .sidebarMenu__person--name:before, .mainContainer__dashboardBoxFlex--btnGrab:before, .resetPass .remempas:before, .default--aftlogin .plan_list ul li:before, .filesWrap .files__buttons .addFilesButon span:before, .file-delete .iconDel:before, .mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle:before {
  font-family: "myfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
}

html, body {
  font-size: 62.5%;
}

body {
  font-family: "Raleway", sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
  background: #fff;
  padding: 0;
  margin: 0;
  color: #000000;
  position: relative;
}

body * {
  box-sizing: border-box;
  outline: 0;
}

ul {
  margin: 0;
  padding: 0;
}

p {
  line-height: 36px;
}

@media screen and (min-width: 1024px) {
  p {
    line-height: 1.875vw;
  }
}

.up {
  display: none;
  background-color: #ef002d;
  position: fixed;
  width: 3.125vw;
  height: 3.125vw;
  bottom: 7.7vw;
  right: 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

.up:before {
  content: "";
}

.up.visible {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 1024px) {
  .up {
    display: block;
  }
}

.up::before {
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.5625vw;
}

.up:focus, .up:hover, .up:active {
  background: #000000;
}

.up:focus::before, .up:hover::before, .up:active::before {
  color: #fff;
}

.wrapper {
  padding-top: 120px;
}

@media screen and (min-width: 1024px) {
  .wrapper {
    padding-top: 5.2083333333vw;
  }
}

.wrapper.scroll.hidden .header__center ul > li ul.short {
  top: 3.6458333333vw;
}

.wrapper.scroll .header::after {
  content: '';
  position: absolute;
  background: url(/images/boxshadow.png) no-repeat center;
  background-size: cover;
  height: 5px;
  width: 100%;
  bottom: -5px;
  left: 0;
  right: 0;
}

@media screen and (min-width: 1024px) {
  .wrapper.scroll .header::after {
    height: 0.2604166667vw;
    bottom: -0.2604166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .wrapper.scroll {
    padding-top: 5.2083333333vw;
  }
  .wrapper.scroll .header__center ul > li ul {
    top: 5.7291666667vw;
  }
  .wrapper.scroll .header__bottom {
    height: 3.6458333333vw;
  }
}

.wrapper.hidden {
  padding-top: 155px;
}

@media screen and (min-width: 1024px) {
  .wrapper.hidden {
    padding-top: 5.2083333333vw;
  }
}

.wrapper.hidden .header__top {
  height: 0;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}

.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

.textCenter {
  text-align: center;
  overflow: hidden;
}

.sidebarMenu {
  width: 100%;
}

.mainContainer.error {
  margin-top: 70px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.error {
    margin-top: 7.2916666667vw;
  }
}

.mainContainer.error .contentBlock {
  padding: 18.2291666667vw 0;
}

.mainContainer.trainingPersonal {
  padding-bottom: 0;
}

.mainContainer__lines {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  left: 12.5vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__lines {
    display: flex;
  }
}

.mainContainer__lines--line {
  background: #ef002d;
  height: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__lines--line {
    height: 0.5208333333vw;
    margin-bottom: 0.5208333333vw;
  }
}

.mainContainer__lines--line:first-child {
  width: 40px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__lines--line:first-child {
    width: 2.0833333333vw;
  }
}

.mainContainer__lines--line:nth-child(2) {
  width: 80px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__lines--line:nth-child(2) {
    width: 4.1666666667vw;
  }
}

.mainContainer__lines--line:nth-child(3) {
  width: 160px;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__lines--line:nth-child(3) {
    width: 8.3333333333vw;
  }
}

.mainContainer__wrap {
  padding: 2rem;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap {
    padding: 0 0 4.6875vw;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
  }
}

.mainContainer__modules, .mainContainer__offer-single {
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .mainContainer__modules, .mainContainer__offer-single {
    width: 83.3333333333vw;
  }
}

.mainContainer .helpModule {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer .helpModule::before, .mainContainer .helpModule::after {
    content: '';
    height: 1px;
    background: #ef002d;
    position: absolute;
    width: 50%;
  }
}

.mainContainer .helpModule::before {
  left: 0;
}

.mainContainer .helpModule::after {
  right: 0;
}

.mainContainer__helpModule {
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 18px;
  width: 500px;
  height: 80px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 4.7916666667vw 0 1.3020833333vw;
}

.mainContainer__helpModule::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__helpModule {
    font-size: 0.9375vw;
    height: 4.1666666667vw;
    width: 26.0416666667vw;
    border-radius: 0vw;
  }
}

.mainContainer__helpModule:focus, .mainContainer__helpModule:hover, .mainContainer__helpModule:active {
  background: #fff;
  color: #ef002d;
}

.mainContainer__helpModule:focus::before, .mainContainer__helpModule:hover::before, .mainContainer__helpModule:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__helpModule::after {
  content: '';
  position: absolute;
  right: 0;
  background: #fff;
  height: 1px;
  width: 3.125vw;
}

.mainContainer__helpModule:focus, .mainContainer__helpModule:hover, .mainContainer__helpModule:active {
  background: #1c272f;
  color: #fff;
}

.mainContainer__helpModule:focus::before, .mainContainer__helpModule:hover::before, .mainContainer__helpModule:active::before {
  background: #1c272f;
}

.mainContainer__helpModule--icon {
  font-size: 55px;
  display: inline-flex;
  padding-right: 0.625vw;
}

.mainContainer__helpModule--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__helpModule--icon {
    font-size: 2.8645833333vw;
  }
}

.mainContainer__offer-single {
  border-radius: 5px;
  margin-bottom: 80px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__offer-single {
    border-radius: 0.2604166667vw;
    margin-bottom: 4.84375vw;
  }
}

.mainContainer__sidebar, .mainContainer__slider {
  display: none;
  flex-direction: column;
  padding-left: 1.7708333333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar, .mainContainer__slider {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules, .mainContainer__sidebar + .mainContainer__offerList, .mainContainer__sidebar + .mainContainer__offer-single, .mainContainer__slider + .mainContainer__modules, .mainContainer__slider + .mainContainer__offerList, .mainContainer__slider + .mainContainer__offer-single {
    flex: 0 0 66.6666666667vw;
    width: 66.6666666667vw;
    margin-left: 4.1145833333vw;
  }
}

.mainContainer__slider .owl-dots {
  left: initial;
  transform: none;
  bottom: -2.8645833333vw;
  right: 0;
}

.mainContainer__slider .owl-dots .owl-dot {
  width: 0.3125vw;
  height: 0.3125vw;
  background: #000000 !important;
}

.mainContainer__slider .owl-dots .owl-dot.active::before {
  border-color: #000000;
}

.mainContainer__slides {
  width: 19.0625vw;
  height: 28.90625vw;
}

.mainContainer__slides .owl-carousel {
  height: 100%;
}

.mainContainer .owl-item {
  width: 19.0625vw !important;
  height: 28.90625vw;
}

.mainContainer__slide {
  background-size: cover !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
}

.mainContainer__slide--icon {
  font-size: 3.2291666667vw;
  display: inline-flex;
}

.mainContainer__slide--title {
  font-size: 1.40625vw;
  font-weight: 900;
  text-transform: uppercase;
  padding: 1.5625vw 0 2.0833333333vw;
}

.mainContainer__slide--text {
  font-size: 0.8333333333vw;
  line-height: 1.1979166667vw;
  text-align: center;
  padding: 0 2.34375vw;
}

.mainContainer__slide--more {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ef002d;
  width: 3.0208333333vw;
  height: 3.0208333333vw;
  position: absolute;
  bottom: -1.5104166667vw;
  transform: rotate(45deg);
  transition: .3s;
}

.mainContainer__slide--more:before {
  content: "";
}

.mainContainer__slide--more:focus, .mainContainer__slide--more:hover, .mainContainer__slide--more:active {
  background: #000000;
}

.mainContainer__slide--more::before {
  font-size: 1.1979166667vw;
  color: #fff;
  transform: rotate(-45deg);
}

.mainContainer__intro {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__intro {
    padding: 3.4375vw 0 3.125vw;
    width: 75vw;
    margin: 0 auto;
  }
}

.mainContainer__title {
  font-size: 34px;
  color: #000000;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  max-width: 60%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__title {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 600px) {
  .mainContainer__title {
    margin-top: 25px;
  }
}

.mainContainer__comeback a {
  color: #000000;
  background: #fff;
  border-radius: 10px;
  font-size: 14px;
  width: 1600px;
  height: 60px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.mainContainer__comeback a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__comeback a {
    font-size: 0.7291666667vw;
    height: 3.125vw;
    width: 83.3333333333vw;
    border-radius: 0.5208333333vw;
  }
}

.mainContainer__comeback a:focus, .mainContainer__comeback a:hover, .mainContainer__comeback a:active {
  background: #000000;
  color: #fff;
}

.mainContainer__comeback a:focus::before, .mainContainer__comeback a:hover::before, .mainContainer__comeback a:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button {
  color: #fff;
  color: #000000;
  background: #EF002D;
  border-radius: 2px;
  font-size: 14px;
  width: 210px;
  height: 45px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  transition: background 0.3s ease-in-out;
  will-change: background;
}

.button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #EF002D;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .button {
    font-size: 0.7291666667vw;
    height: 2.34375vw;
    width: 10.9375vw;
    border-radius: 0.1041666667vw;
  }
}

.button:focus, .button:hover, .button:active {
  background: #000000;
  color: #EF002D;
}

.button:focus::before, .button:hover::before, .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.remempas .styledForm__row--button {
  justify-content: center;
}

.remempas .styledForm__row--button .button {
  margin-top: 1.0416666667vw;
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 165px;
  height: 40px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  line-height: 0 !important;
}

.remempas .styledForm__row--button .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .remempas .styledForm__row--button .button {
    font-size: 0.7291666667vw;
    height: 2.0833333333vw;
    width: 8.59375vw;
    border-radius: 0vw;
  }
}

.remempas .styledForm__row--button .button:focus, .remempas .styledForm__row--button .button:hover, .remempas .styledForm__row--button .button:active {
  background: #000000;
  color: #eef0f1;
}

.remempas .styledForm__row--button .button:focus::before, .remempas .styledForm__row--button .button:hover::before, .remempas .styledForm__row--button .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.remempas .styledForm__row--button .button::before {
  background: black;
}

.remempas .styledForm__row--button .button--back {
  background: white;
  color: black;
  border-color: white;
}

.remempas .styledForm__row--button .button--back:hover {
  border-color: black;
}

.pageOffer {
  padding-bottom: 7.5520833333vw;
}

.mainContainer__videoPanelInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5rem 1rem;
}

.mainContainer__videoPanelInfo p {
  font-size: 20px;
  line-height: 1.5625vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfo p {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfo {
    padding: 0;
    position: absolute;
    right: -21.09375vw;
    top: 0;
  }
}

.mainContainer__videoPanelInfoTabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoTabs {
    flex-direction: row;
    align-items: center;
  }
}

.mainContainer__videoPanelInfoTab {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 900 16px "Raleway", sans-serif;
  text-transform: uppercase;
  color: #000000;
  background: #eef0f1;
  position: relative;
  text-decoration: none;
  height: 51px;
  width: 205px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoTab:first-child {
    width: 13.0208333333vw;
  }
}

.mainContainer__videoPanelInfoTab:last-child {
  width: 6.25vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoTab {
    font: 900 0.8333333333vw "Raleway", sans-serif;
    width: 10.6770833333vw;
    height: 2.65625vw;
  }
}

.mainContainer__videoPanelInfoTab.active {
  background: #ef002d;
  color: #fff;
}

.mainContainer__videoPanelInfoTab.active::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #ef002d transparent transparent;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoTab.active::after {
    bottom: -0.3125vw;
    display: block;
    width: 0;
    height: 0;
    border: inset 0.3125vw;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ef002d transparent transparent;
  }
}

.mainContainer__videoPanelInfoTab:hover {
  background: #ef002d;
  color: #fff;
  transition: .3s;
}

.mainContainer__videoPanelInfoList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.mainContainer__videoPanelInfoList--title {
  font: 900 24px "Raleway", sans-serif;
  text-transform: uppercase;
  color: #000000;
  padding: 2.0833333333vw 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoList--title {
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.mainContainer__videoPanelInfoList--list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mainContainer__videoPanelInfoList--list li {
  font-size: 18px;
  line-height: 30px;
  padding-left: 30px;
  position: relative;
  max-width: 262px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoList--list li {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    padding-left: 1.5625vw;
    max-width: 13.6458333333vw;
  }
}

.mainContainer__videoPanelInfoList--list li.wrapped::before {
  top: 12px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoList--list li.wrapped::before {
    top: 0.625vw;
  }
}

.mainContainer__videoPanelInfoList--list li::before {
  content: '';
  position: absolute;
  left: 0;
  background: #ef002d;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__videoPanelInfoList--list li::before {
    width: 0.4166666667vw;
    height: 0.4166666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.metricTable .mainContainer__wrap.metricTable {
    width: 57.1875vw;
    margin: 0 17.8125vw 0 25vw;
  }
}

.mainContainer.metricTable .mainContainer__wrap.metricTable .mainContainer__dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer.metricTable .mainContainer__wrap.metricTable .mainContainer__dashboard {
    flex-direction: row;
    align-items: flex-start;
  }
}

.mainContainer__dashboardBoxes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBoxes {
    flex: 0 0 50vw;
    justify-content: space-between;
    flex-direction: row;
  }
}

.mainContainer__dashboardBox {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #eef0f1;
  margin-bottom: 2rem;
}

.mainContainer__dashboardBox strong {
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox {
    padding: 1.0416666667vw;
    margin-bottom: 0;
  }
}

.mainContainer__dashboardBox--image {
  width: 240px;
  height: 410px;
  display: block;
  background-size: cover !important;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--image {
    width: 12.5vw;
    height: 21.3541666667vw;
  }
}

.mainContainer__dashboardBox--image::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  width: 20px;
  height: 5px;
  background: #ef002d;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--image::after {
    bottom: -0.2604166667vw;
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

.mainContainer__dashboardBox--text {
  font-size: 14px;
  padding: 1rem 0;
  text-align: center;
  height: 60px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--text {
    font-size: 0.8333333333vw;
    width: 101%;
    padding: 0.8854166667vw 0;
  }
}

.mainContainer__dashboardBox--name {
  color: #ef002d;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  padding: 1rem 0;
  width: 100%;
  position: relative;
}

.mainContainer__dashboardBox--name::after {
  content: '';
  background: #d5dadc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--name {
    font-size: 0.9375vw;
    padding: 1.40625vw 0 0.8333333333vw;
  }
}

.mainContainer__dashboardBox--weight {
  display: flex;
  align-items: center;
  font-size: 18px;
  padding: 15px 0;
}

.mainContainer__dashboardBox--weight:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--weight {
    padding: 1.1979166667vw 0;
    font-size: 0.9375vw;
  }
}

.mainContainer__dashboardBox--weight::before {
  font-size: 29px;
  color: #c6ced2;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--weight::before {
    padding-right: 1.1458333333vw;
    font-size: 1.5104166667vw;
  }
}

.mainContainer__dashboardBox--date {
  display: flex;
  align-items: center;
  font-size: 18px;
}

.mainContainer__dashboardBox--date:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--date {
    font-size: 0.9375vw;
  }
}

.mainContainer__dashboardBox--date::before {
  padding-right: 15px;
  font-size: 25px;
  color: #c6ced2;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBox--date::before {
    padding-right: 1.1458333333vw;
    font-size: 1.3020833333vw;
  }
}

.mainContainer__dashboardSettings {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardSettings {
    padding-left: 1.1979166667vw;
    flex: 1 0 5.9895833333vw;
  }
}

.mainContainer__dashboardSettings--title {
  color: #ef002d;
  font: 900 18px "Raleway", sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 1.09375vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardSettings--title {
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardSettingsBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mainContainer__dashboardSettingsBox--icon {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: #eef0f1;
  font-size: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardSettingsBox--icon {
    width: 5.9895833333vw;
    height: 5.9895833333vw;
    font-size: 4.6354166667vw;
  }
}

.mainContainer__dashboardSettingsBox--icon:hover, .mainContainer__dashboardSettingsBox--icon.active {
  transition: .3s;
  background: #ef002d;
  color: #fff;
}

.mainContainer__dashboardSettingsBox--icon.front:before {
  content: "";
}

.mainContainer__dashboardSettingsBox--icon.side:before {
  content: "";
}

.mainContainer__dashboardSettingsBox--icon.back:before {
  content: "";
}

.mainContainer__dashboardSettingsBox--name {
  font: 900 14px "Raleway", sans-serif;
  padding: 1.09375vw 0;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardSettingsBox--name {
    font: 900 0.7291666667vw "Raleway", sans-serif;
  }
}

.mainContainer__tableContent {
  overflow-x: auto;
  width: 100%;
}

.mainContainer__tableContent table {
  min-width: 100%;
  width: 100%;
  border-spacing: 0;
  position: relative;
  padding-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableContent table {
    padding-bottom: 1.5625vw;
  }
}

.mainContainer__tableContent table::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background: #d5dadc;
  bottom: 0;
}

.mainContainer__tableContent table tr td {
  font-size: 18px;
  color: #000000;
  height: 60px;
  padding-left: 20px;
}

.mainContainer__tableContent table tr td a {
  position: absolute;
  right: 70px;
}

@media screen and (max-width: 600px) {
  .mainContainer__tableContent table tr td a {
    width: 75px;
    right: 50px;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableContent table tr td {
    padding-left: 1.5625vw;
    font-size: 0.9375vw;
    height: 3.125vw;
  }
  .mainContainer__tableContent table tr td a {
    right: 3.6458333333vw;
  }
}

.mainContainer__tableContent table tr td:last-child {
  display: flex;
  align-items: center;
}

.mainContainer__tableContent table tr td div {
  display: inline-flex;
  color: #1c272f;
  cursor: pointer;
  transition: .3s;
}

.mainContainer__tableContent table tr td .magnifier {
  font-size: 23px;
}

.mainContainer__tableContent table tr td .magnifier:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableContent table tr td .magnifier {
    font-size: 1.1979166667vw;
  }
}

.mainContainer__tableContent table tr td .delete {
  font-size: 30px;
  padding-left: 0.8333333333vw;
  padding-right: 0.5729166667vw;
}

.mainContainer__tableContent table tr td .delete:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableContent table tr td .delete {
    font-size: 1.5625vw;
  }
}

.mainContainer__tableContent table tr td .delete:hover {
  color: #ef002d;
}

.mainContainer__tableContent table tr:nth-child(2n + 2) td {
  background: #eef0f1;
}

.mainContainer__tableContent table thead tr th {
  background: #1c272f;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  height: 80px;
  padding-left: 20px;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableContent table thead tr th {
    height: 4.1666666667vw;
    padding-left: 1.5625vw;
    font-size: 0.9375vw;
  }
}

.mainContainer__tableMetrics {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableMetrics {
    width: 50vw;
    margin-right: auto;
  }
}

.mainContainer__tableMetrics--title {
  font-weight: 900;
  font-size: 24px;
  text-transform: uppercase;
  padding: 2.5vw 0;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableMetrics--title {
    font-size: 1.25vw;
  }
}

.mainContainer__tableMetrics--btn {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 169px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  margin: 4rem auto;
}

.mainContainer__tableMetrics--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableMetrics--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 8.8020833333vw;
    border-radius: 0vw;
  }
}

.mainContainer__tableMetrics--btn:focus, .mainContainer__tableMetrics--btn:hover, .mainContainer__tableMetrics--btn:active {
  background: #000000;
  color: #fff;
}

.mainContainer__tableMetrics--btn:focus::before, .mainContainer__tableMetrics--btn:hover::before, .mainContainer__tableMetrics--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (min-width: 1024px) {
  .mainContainer__tableMetrics--btn {
    margin: 1.9791666667vw auto 4.6875vw auto;
  }
}

.mainContainer__dashboardBoxFlex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  height: 70px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBoxFlex {
    height: 3.6458333333vw;
  }
}

.mainContainer__dashboardBoxFlex--btn {
  margin-top: 10px;
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  cursor: pointer;
}

.mainContainer__dashboardBoxFlex--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBoxFlex--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.mainContainer__dashboardBoxFlex--btn:focus, .mainContainer__dashboardBoxFlex--btn:hover, .mainContainer__dashboardBoxFlex--btn:active {
  background: #000000;
  color: #eef0f1;
}

.mainContainer__dashboardBoxFlex--btn:focus::before, .mainContainer__dashboardBoxFlex--btn:hover::before, .mainContainer__dashboardBoxFlex--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__dashboardBoxFlex--delete {
  font-size: 30px;
  color: #000000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-flex;
  cursor: pointer;
  transition: .3s;
}

.mainContainer__dashboardBoxFlex--delete:before {
  content: "";
}

.mainContainer__dashboardBoxFlex--delete:hover {
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBoxFlex--delete {
    font-size: 1.5625vw;
  }
}

.mainContainer__addMetricContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__addMetricContent {
    width: 50vw;
  }
}

.mainContainer__addMetricContent--title {
  padding: 2.5vw 0;
  font: 900 24px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .mainContainer__addMetricContent--title {
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.mainContainer.metricTable.contact {
  padding-bottom: 7.2916666667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .mainContainer__dashboardBoxes {
    width: 50vw;
    flex: 1 0 100%;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .mainContainer__dashboardBox {
    flex: 0 0 16.1458333333vw;
    max-height: 35.4166666667vw;
  }
}

.mainContainer__wrap.addMetric .mainContainer__dashboardBox--image {
  position: relative;
  background: #fff;
  margin: 0 auto;
}

.mainContainer__wrap.addMetric .mainContainer__dashboardBox--image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: 100%;
}

.mainContainer__wrap.addMetric #contactForm {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric #contactForm {
    padding: 0;
  }
}

.mainContainer__wrap.addMetric #contactForm .styledForm__row--button {
  margin-bottom: 0;
}

.mainContainer__wrap.addMetric #contactForm .button {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 169px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 2.03125vw 0 0;
}

.mainContainer__wrap.addMetric #contactForm .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric #contactForm .button {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 8.8020833333vw;
    border-radius: 0vw;
  }
}

.mainContainer__wrap.addMetric #contactForm .button:focus, .mainContainer__wrap.addMetric #contactForm .button:hover, .mainContainer__wrap.addMetric #contactForm .button:active {
  background: #000000;
  color: #fff;
}

.mainContainer__wrap.addMetric #contactForm .button:focus::before, .mainContainer__wrap.addMetric #contactForm .button:hover::before, .mainContainer__wrap.addMetric #contactForm .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__wrap.addMetric .styledForm__errorList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .styledForm__errorList {
    padding: 0;
    position: absolute;
    bottom: 1.25vw;
    padding-left: 2.3958333333vw;
  }
}

.mainContainer__wrap.addMetric .styledForm__errorList ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mainContainer__wrap.addMetric .styledForm__errorList ul li {
  font-size: 16px;
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .styledForm__errorList ul li {
    font-size: 0.8333333333vw;
  }
}

.mainContainer__wrap.addMetric .styledForm__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2.1354166667vw;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .styledForm__wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #d5dadc;
  }
}

.mainContainer__wrap.addMetric .styledForm__wrap input {
  width: 100%;
  height: 64px;
  background: #fff;
  border-color: #c8d0d4;
  margin-bottom: 10px;
  transition: .3s;
  padding: 0 25px;
}

.mainContainer__wrap.addMetric .styledForm__wrap input:focus, .mainContainer__wrap.addMetric .styledForm__wrap input:hover, .mainContainer__wrap.addMetric .styledForm__wrap input:active {
  border-color: #ef002d;
}

.mainContainer__wrap.addMetric .styledForm__wrap input:last-child {
  margin-bottom: 0.5208333333vw;
}

.mainContainer__wrap.addMetric .styledForm__wrap input:last-child::-webkit-datetime-edit-year-field:not([aria-valuenow]), .mainContainer__wrap.addMetric .styledForm__wrap input:last-child::-webkit-datetime-edit-month-field:not([aria-valuenow]), .mainContainer__wrap.addMetric .styledForm__wrap input:last-child::-webkit-datetime-edit-day-field:not([aria-valuenow]), .mainContainer__wrap.addMetric .styledForm__wrap input:last-child::-webkit-datetime-edit-text {
  color: transparent;
}

@media screen and (min-width: 1024px) {
  .mainContainer__wrap.addMetric .styledForm__wrap input {
    margin-bottom: 0.5208333333vw;
    height: 3.3333333333vw;
  }
}

.mainContainer__wrap.addMetric .styledForm__wrap input.error {
  background: #ffb3b3;
  color: #ef002d;
  border-color: #ef002d;
}

.mainContainer__wrap.addMetric .styledForm__wrap input.error::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ef002d;
}

.mainContainer__wrap.addMetric .styledForm__wrap input.error::-moz-placeholder {
  /* Firefox 19+ */
  color: #ef002d;
}

.mainContainer__wrap.addMetric .styledForm__wrap input.error:-ms-input-placeholder {
  /* IE 10+ */
  color: #ef002d;
}

.mainContainer__wrap.addMetric .styledForm__wrap input.error:-moz-placeholder {
  /* Firefox 18- */
  color: #ef002d;
}

.historiesOrder .mainContainer__historiesOrderContent, .survery .mainContainer__historiesOrderContent {
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__historiesOrderContent, .survery .mainContainer__historiesOrderContent {
    padding: 0;
    margin: 0 25vw;
    width: 50vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__tableContent, .survery .mainContainer__tableContent {
    flex: 0 0 610px;
  }
}

.historiesOrder .mainContainer__tableContent table, .survery .mainContainer__tableContent table {
  padding-bottom: 0;
}

.historiesOrder .mainContainer__tableContent table thead tr th, .survery .mainContainer__tableContent table thead tr th {
  height: 60px;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__tableContent table thead tr th, .survery .mainContainer__tableContent table thead tr th {
    height: 3.125vw;
  }
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__tableContent table td, .historiesOrder .mainContainer__tableContent table th, .survery .mainContainer__tableContent table td, .survery .mainContainer__tableContent table th {
    width: calc(610px / 3);
  }
}

.historiesOrder .mainContainer__tableContent table td.status, .historiesOrder .mainContainer__tableContent table th.status, .survery .mainContainer__tableContent table td.status, .survery .mainContainer__tableContent table th.status {
  position: relative;
  color: #b9c8d2;
  font-weight: bold;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.historiesOrder .mainContainer__tableContent table td.status::before, .historiesOrder .mainContainer__tableContent table th.status::before, .survery .mainContainer__tableContent table td.status::before, .survery .mainContainer__tableContent table th.status::before {
  content: '';
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #b9c8d2;
  margin-left: 30px;
  margin-right: 25px;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__tableContent table td.status::before, .historiesOrder .mainContainer__tableContent table th.status::before, .survery .mainContainer__tableContent table td.status::before, .survery .mainContainer__tableContent table th.status::before {
    width: 0.78125vw;
    height: 0.78125vw;
    margin-left: 1.5625vw;
    margin-right: 1.3020833333vw;
  }
}

.historiesOrder .mainContainer__tableContent table td.status__active, .historiesOrder .mainContainer__tableContent table th.status__active, .survery .mainContainer__tableContent table td.status__active, .survery .mainContainer__tableContent table th.status__active {
  color: #7eaf38;
}

.historiesOrder .mainContainer__tableContent table td.status__active::before, .historiesOrder .mainContainer__tableContent table th.status__active::before, .survery .mainContainer__tableContent table td.status__active::before, .survery .mainContainer__tableContent table th.status__active::before {
  background: #7eaf38;
}

.historiesOrder .mainContainer__tableContent table td.status__deactive, .historiesOrder .mainContainer__tableContent table th.status__deactive, .survery .mainContainer__tableContent table td.status__deactive, .survery .mainContainer__tableContent table th.status__deactive {
  color: #ef002d;
}

.historiesOrder .mainContainer__tableContent table td.status__deactive::before, .historiesOrder .mainContainer__tableContent table th.status__deactive::before, .survery .mainContainer__tableContent table td.status__deactive::before, .survery .mainContainer__tableContent table th.status__deactive::before {
  background: #ef002d;
}

.historiesOrder .mainContainer__tableContent table::after, .survery .mainContainer__tableContent table::after {
  display: none;
}

.historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 310px;
  height: 375px;
  background: #7eaf38;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
    flex: 0 0 16.1458333333vw;
    height: 19.53125vw;
    margin-left: 2.0833333333vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceTop, .historiesOrder .mainContainer__validyOfServiceBottom, .survery .mainContainer__validyOfServiceTop, .survery .mainContainer__validyOfServiceBottom {
  width: 100%;
  height: 50%;
}

.historiesOrder .mainContainer__validyOfServiceTop, .survery .mainContainer__validyOfServiceTop {
  background: #f7f7f7;
  position: relative;
  padding-top: 3.8541666667vw;
}

.historiesOrder .mainContainer__validyOfServiceTop::after, .survery .mainContainer__validyOfServiceTop::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.96875vw;
  width: 160px;
  height: 3px;
  background: #000000;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceTop::after, .survery .mainContainer__validyOfServiceTop::after {
    width: 8.3333333333vw;
    height: 0.15625vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceTop--name, .survery .mainContainer__validyOfServiceTop--name {
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceTop--name, .survery .mainContainer__validyOfServiceTop--name {
    font-size: 1.25vw;
    padding: 0 1.5625vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceBottom, .survery .mainContainer__validyOfServiceBottom {
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.historiesOrder .mainContainer__validyOfServiceBottom--icon, .survery .mainContainer__validyOfServiceBottom--icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7eaf38;
}

.historiesOrder .mainContainer__validyOfServiceBottom--icon:before, .survery .mainContainer__validyOfServiceBottom--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceBottom--icon, .survery .mainContainer__validyOfServiceBottom--icon {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceBottom--icon::before, .survery .mainContainer__validyOfServiceBottom--icon::before {
  display: inline-flex;
  font-size: 45px;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceBottom--icon::before, .survery .mainContainer__validyOfServiceBottom--icon::before {
    font-size: 2.34375vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceBottom--date, .survery .mainContainer__validyOfServiceBottom--date {
  font-weight: bold;
  font-size: 36px;
  padding-top: 2.6041666667vw;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceBottom--date, .survery .mainContainer__validyOfServiceBottom--date {
    font-size: 1.875vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceBottom--btn, .survery .mainContainer__validyOfServiceBottom--btn {
  margin-top: 1.0416666667vw;
  color: #fff;
  background: #7eaf38;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #fff;
}

.historiesOrder .mainContainer__validyOfServiceBottom--btn::before, .survery .mainContainer__validyOfServiceBottom--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #7eaf38;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__validyOfServiceBottom--btn, .survery .mainContainer__validyOfServiceBottom--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.historiesOrder .mainContainer__validyOfServiceBottom--btn:focus, .historiesOrder .mainContainer__validyOfServiceBottom--btn:hover, .historiesOrder .mainContainer__validyOfServiceBottom--btn:active, .survery .mainContainer__validyOfServiceBottom--btn:focus, .survery .mainContainer__validyOfServiceBottom--btn:hover, .survery .mainContainer__validyOfServiceBottom--btn:active {
  background: #fff;
  color: #7eaf38;
}

.historiesOrder .mainContainer__validyOfServiceBottom--btn:focus::before, .historiesOrder .mainContainer__validyOfServiceBottom--btn:hover::before, .historiesOrder .mainContainer__validyOfServiceBottom--btn:active::before, .survery .mainContainer__validyOfServiceBottom--btn:focus::before, .survery .mainContainer__validyOfServiceBottom--btn:hover::before, .survery .mainContainer__validyOfServiceBottom--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.historiesOrder .mainContainer__ankietBox, .survery .mainContainer__ankietBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
  background: url(/images/historiesbg.png) no-repeat center;
  background-size: cover;
  padding: 2rem;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox.surveryBox, .survery .mainContainer__ankietBox.surveryBox {
    height: auto;
  }
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox, .survery .mainContainer__ankietBox {
    padding: 3.5416666667vw 6.0416666667vw;
    height: 36.4583333333vw;
  }
}

.historiesOrder .mainContainer__ankietBox--title, .survery .mainContainer__ankietBox--title {
  text-transform: uppercase;
  font: 900 24px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--title, .survery .mainContainer__ankietBox--title {
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.historiesOrder .mainContainer__ankietBox--subtitle, .survery .mainContainer__ankietBox--subtitle {
  font: 400 24px "Raleway", sans-serif;
  padding: 1.8229166667vw 0;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--subtitle, .survery .mainContainer__ankietBox--subtitle {
    font: 400 1.25vw "Raleway", sans-serif;
  }
}

.historiesOrder .mainContainer__ankietBox--minsub, .survery .mainContainer__ankietBox--minsub {
  font: 400 22px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--minsub, .survery .mainContainer__ankietBox--minsub {
    font: 400 1.1458333333vw "Raleway", sans-serif;
    line-height: 1.5625vw;
  }
}

.historiesOrder .mainContainer__ankietBox--text, .survery .mainContainer__ankietBox--text {
  font: 400 18px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--text, .survery .mainContainer__ankietBox--text {
    font: 400 0.9375vw "Raleway", sans-serif;
    line-height: 1.5625vw;
    padding: 1.5625vw 0;
  }
}

.historiesOrder .mainContainer__ankietBox--red, .survery .mainContainer__ankietBox--red {
  color: #ef002d;
  font: 400 18px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--red, .survery .mainContainer__ankietBox--red {
    font: 400 0.9375vw "Raleway", sans-serif;
    line-height: 1.5625vw;
    padding: 1.5625vw 0;
  }
}

.historiesOrder .mainContainer__ankietBox--strong, .survery .mainContainer__ankietBox--strong {
  font: 700 18px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--strong, .survery .mainContainer__ankietBox--strong {
    font: 700 0.9375vw "Raleway", sans-serif;
    line-height: 1.5625vw;
  }
}

.historiesOrder .mainContainer__ankietBox--btn, .survery .mainContainer__ankietBox--btn {
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 330px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 3.28125vw;
}

.historiesOrder .mainContainer__ankietBox--btn::before, .survery .mainContainer__ankietBox--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .historiesOrder .mainContainer__ankietBox--btn, .survery .mainContainer__ankietBox--btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 17.1875vw;
    border-radius: 0vw;
  }
}

.historiesOrder .mainContainer__ankietBox--btn:focus, .historiesOrder .mainContainer__ankietBox--btn:hover, .historiesOrder .mainContainer__ankietBox--btn:active, .survery .mainContainer__ankietBox--btn:focus, .survery .mainContainer__ankietBox--btn:hover, .survery .mainContainer__ankietBox--btn:active {
  background: #fff;
  color: #ef002d;
}

.historiesOrder .mainContainer__ankietBox--btn:focus::before, .historiesOrder .mainContainer__ankietBox--btn:hover::before, .historiesOrder .mainContainer__ankietBox--btn:active::before, .survery .mainContainer__ankietBox--btn:focus::before, .survery .mainContainer__ankietBox--btn:hover::before, .survery .mainContainer__ankietBox--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__ankietBox.surveryBox .mainContainer__ankietBox--text {
  padding: 0;
}

.mainContainer__ankietBox.surveryBox #contactForm {
  padding: 0;
  width: 100%;
  padding-top: 1.5625vw;
}

.mainContainer__ankietBox.surveryBox #contactForm .styledForm__text {
  font-size: 16px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__ankietBox.surveryBox #contactForm .styledForm__text {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}

.mainContainer__ankietBox.surveryBox #contactForm .button {
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 169px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 1.0416666667vw;
}

.mainContainer__ankietBox.surveryBox #contactForm .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__ankietBox.surveryBox #contactForm .button {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 8.8020833333vw;
    border-radius: 0vw;
  }
}

.mainContainer__ankietBox.surveryBox #contactForm .button:focus, .mainContainer__ankietBox.surveryBox #contactForm .button:hover, .mainContainer__ankietBox.surveryBox #contactForm .button:active {
  background: #000000;
  color: #eef0f1;
}

.mainContainer__ankietBox.surveryBox #contactForm .button:focus::before, .mainContainer__ankietBox.surveryBox #contactForm .button:hover::before, .mainContainer__ankietBox.surveryBox #contactForm .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__wrap.survery .mainContainer__historiesOrderContent {
  flex-direction: column;
}

.mainContainer__wrap.survery .mainContainer__tableContent table tr td {
  width: 100%;
  justify-content: space-between;
}

.mainContainer__wrap.survery .mainContainer__tableContent table {
  margin-top: 2.2916666667vw;
  padding-bottom: 1.5625vw;
}

.mainContainer__wrap.survery .mainContainer__tableContent table::after {
  display: block;
}

.offerSingleDetails__info--title {
  font-size: 34px;
  color: #000000;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .offerSingleDetails__info--title {
    font-size: 1.7708333333vw;
  }
}

.offerSingleDetails__desc {
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  .offerSingleDetails__desc {
    font-size: 0.78125vw;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px -7px 24px 6px rgba(0, 0, 0, 0.75);
  transition: all 0.4s ease-in-out;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .header {
    box-shadow: none;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}

.header__container {
  width: 94.2708333333vw;
  margin: 0 auto;
  display: inline-flex;
  justify-content: space-between;
}

.header__right {
  display: flex;
  justify-content: flex-end;
}

.header__top {
  background: #000000;
  padding: 1rem;
  width: 100%;
  height: 70px;
}

@media screen and (min-width: 1024px) {
  .header__top {
    height: 2.0833333333vw;
    display: flex;
    align-items: center;
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .header__top {
    justify-content: space-between;
  }
}

@media screen and (max-width: 760px) {
  .header__top {
    flex-wrap: wrap;
    height: auto;
  }
}

.header__top--info {
  color: #fff;
  font: 700 15px "Raleway", sans-serif;
}

@media screen and (max-width: 1024px) {
  .header__top--info {
    width: 60%;
  }
}

@media screen and (max-width: 760px) {
  .header__top--info {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .header__top--info {
    font: 700 0.78125vw "Raleway", sans-serif;
    padding-left: 34.8958333333vw;
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .header__top--info::before, .header__top--info::after {
    content: '';
    background-color: #3e3e3e;
    position: absolute;
    left: 0;
    width: 33.3333333333vw;
    height: 1px;
  }
  .header__top--info::after {
    left: 25vw;
    background: #ef002d;
    width: 8.3333333333vw;
  }
}

.header__top--account {
  margin: 1rem 0;
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 14px;
  width: 160px;
  height: 30px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-weight: 700;
}

.header__top--account::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .header__top--account {
    font-size: 0.7291666667vw;
    height: 1.5625vw;
    width: 8.3333333333vw;
    border-radius: 0vw;
  }
}

.header__top--account:focus, .header__top--account:hover, .header__top--account:active {
  background: #fff;
  color: #ef002d;
}

.header__top--account:focus::before, .header__top--account:hover::before, .header__top--account:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (min-width: 1024px) {
  .header__top--account {
    margin: 0 2.6041666667vw 0 1.5104166667vw;
  }
}

.header__top--close {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header__top--close span {
  font: 700 15px "Raleway", sans-serif;
  color: #979797;
}

@media screen and (min-width: 1024px) {
  .header__top--close span {
    font: 700 0.78125vw "Raleway", sans-serif;
  }
}

.header__top--close .close {
  border: none;
  background: none;
  color: #fff;
  font-size: 15px;
  padding: 0 0 0 16px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
}

.header__top--close .close:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .header__top--close .close {
    padding: 0 0 0 0.5208333333vw;
    font-size: 0.78125vw;
  }
}

.header__top--close .close:hover {
  color: #ef002d;
  transition: .3s;
}

.header__top--close .close::before {
  display: inline-flex;
}

.header__bottom {
  width: 100%;
  background: #fff;
  transition: .3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .header__bottom {
    height: 5.2083333333vw;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
  }
}

@media screen and (max-width: 1024px) {
  .header__bottom {
    flex-direction: row;
    overflow: hidden;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 520px) {
  .header__bottom {
    justify-content: flex-start;
  }
}

.header__left {
  text-align: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .header__left {
    padding: 0 4.0104166667vw 0 0;
  }
}

@media screen and (max-width: 520px) {
  .header__left {
    padding-left: 20px;
  }
}

.header__left--logo {
  text-decoration: none;
  font: 900 25px "Raleway", sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .header__left--logo {
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

@media screen and (max-width: 520px) {
  .header__left--logo {
    font-size: 17px;
  }
}

.header__left--name {
  color: #000000;
}

.header__left--dot {
  color: #ef002d;
}

.header__center {
  display: none;
}

@media screen and (min-width: 1024px) {
  .header__center {
    display: flex;
    align-items: center;
    overflow: hidden;
  }
}

.header__center--subPosition {
  position: relative;
}

.header__center ul {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: flex-end;
  overflow: hidden;
}

.header__center ul > li {
  padding: 0 1.0416666667vw;
  display: none;
}

.header__center ul > li:nth-child(-n+7) {
  display: block;
}

.header__center ul > li:hover ul {
  opacity: 1;
  visibility: visible;
}

.header__center ul > li.active > a {
  color: #ef002d;
}

.header__center ul > li.active > a::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s, opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.header__center ul > li.active > span {
  animation: anim-francisco 0.3s forwards;
}

.header__center ul > li > a {
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font: 700 0.9375vw "Raleway", sans-serif;
  position: relative;
  overflow: hidden;
  transition: .3s;
  display: flex;
  align-items: center;
  padding: 0.46875vw 0;
}

.header__center ul > li > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2604166667vw;
  opacity: 0;
  background: #ef002d;
  transform: translate3d(0, -3em, 0);
  transition: transform 0s 0.3s, opacity 0.2s;
}

.header__center ul > li > a span {
  display: block;
  pointer-events: none;
}

.header__center ul > li > a:focus, .header__center ul > li > a:hover, .header__center ul > li > a:active {
  color: #ef002d;
}

.header__center ul > li > a:focus::before, .header__center ul > li > a:hover::before, .header__center ul > li > a:active::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s, opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.header__center ul > li > a:focus span, .header__center ul > li > a:hover span, .header__center ul > li > a:active span {
  animation: anim-francisco 0.3s forwards;
}

.header__center ul > li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.9375vw;
  line-height: 1.5625vw;
  width: 20vw;
  overflow: initial;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  top: 7.2916666667vw;
}

.header__center ul > li ul.short {
  top: 5.2083333333vw;
}

.header__center ul > li ul li {
  background: #ef002d;
  color: #fff;
  width: 100%;
  height: 2.6041666667vw;
  display: flex;
  align-items: center;
}

.header__center ul > li ul li:nth-child(2n+0) {
  background: #de012b;
}

.header__center ul > li ul li:nth-last-child(1), .header__center ul > li ul li:nth-last-child(2) {
  display: block;
}

.header__center ul > li ul li.active, .header__center ul > li ul li:hover {
  transition: .3s;
  background: #000000;
}

.header__center ul > li ul li.active ul, .header__center ul > li ul li:hover ul {
  opacity: 1 !important;
  visibility: visible !important;
}

.header__center ul > li ul li.active a, .header__center ul > li ul li:hover a {
  color: #fff;
}

.header__center ul > li ul li.active a:focus span, .header__center ul > li ul li.active a:hover span, .header__center ul > li ul li.active a:active span, .header__center ul > li ul li:hover a:focus span, .header__center ul > li ul li:hover a:hover span, .header__center ul > li ul li:hover a:active span {
  animation: none !important;
}

.header__center ul > li ul li a {
  color: #fff !important;
  text-transform: capitalize;
  padding: 0.9375vw 0 0.7291666667vw 2.0833333333vw;
}

.header__center ul > li ul li a:focus span, .header__center ul > li ul li a:hover span, .header__center ul > li ul li a:active span {
  animation: none !important;
}

.header__center ul > li ul li a::before {
  display: none;
}

.header__center ul > li ul li a + ul {
  right: -100%;
  top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.header__center ul > li ul li a + ul li {
  width: 80%;
}

.header__center ul > li ul li a + ul li a {
  font-size: 0.78125vw;
}

.header__panel {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 400 14px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .header__panel {
    font: 400 0.7291666667vw "Raleway", sans-serif;
    padding: 0 0 0 1.8229166667vw;
  }
}

@media screen and (max-width: 1024px) {
  .header__panel {
    width: 100%;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 520px) {
  .header__panel {
    flex-wrap: wrap;
    padding-top: 15px;
  }
  .header__panel--item {
    padding-left: 20px;
  }
}

.header__panel.login .header__panel--item {
  margin-left: 7.2916666667vw;
}

.header__panel.login .header__panel--item:nth-child(-n+2) {
  display: none;
}

.header__panel.login .header__panel--item:last-child {
  display: flex;
}

.header__panel--item {
  display: flex;
  align-items: center;
}

.header__panel--item:nth-child(2) {
  margin-left: 19px;
}

@media screen and (min-width: 1024px) {
  .header__panel--item:nth-child(2) {
    margin-left: 0.9895833333vw;
  }
}

.header__panel--item span {
  color: #ef002d;
  font-size: 20px;
  display: inline-flex;
  margin-right: 15px;
}

@media screen and (min-width: 1024px) {
  .header__panel--item span {
    font-size: 1.0416666667vw;
    margin-right: 0.78125vw;
  }
}

.header__panel--item span.key:before {
  content: "";
}

.header__panel--item span.person:before {
  content: "";
}

.header__panel--item a {
  color: #000000;
  text-decoration: none;
  transition: .3s;
}

.header__panel--item a:focus, .header__panel--item a:hover, .header__panel--item a:active {
  color: #ef002d;
}

.header__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .header__socials {
    padding: 0;
    height: 100%;
  }
}

.header__socials--item {
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  padding: 0 2rem;
  position: relative;
  display: inline-flex;
  transition: color .7s;
}

@media screen and (min-width: 1024px) {
  .header__socials--item {
    padding: 0 1.1458333333vw;
    align-items: center;
    height: 100%;
    font-size: 1.0416666667vw;
    border-left: 1px solid #ececec;
  }
}

.header__socials--item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  content: '';
  opacity: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 3px rgba(111, 148, 182, 0.05);
}

@media screen and (min-width: 1024px) {
  .header__socials--item::after {
    width: 3.125vw;
    height: 3.125vw;
    margin: -1.5625vw 0 0 -1.5625vw;
  }
}

.header__socials--item:focus::after, .header__socials--item:hover::after, .header__socials--item:active::after {
  animation: anim-effect-marin 0.5s ease-out forwards;
}

.header__socials--item.fb:before {
  content: "";
}

.header__socials--item.ig {
  font-size: 25px;
}

.header__socials--item.ig:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .header__socials--item.ig {
    font-size: 1.3020833333vw;
  }
}

.header__socials--item.yt {
  font-size: 25px;
}

.header__socials--item.yt:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .header__socials--item.yt {
    font-size: 1.3020833333vw;
  }
}

.header__socials--item::before {
  display: inline-flex;
}

header.header .header__socials {
  display: none;
}

.footer {
  position: relative;
  border-top: 0.2604166667vw solid #eef0f1;
}

.footer__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer__top.hidden {
  display: none;
}

.footer__instagram {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 75px 0;
}

@media screen and (min-width: 1024px) {
  .footer__instagram {
    padding: 3.90625vw 0;
    flex-direction: row;
    justify-content: space-between;
    width: 83.3333333333vw;
    margin: 0 auto;
  }
}

.footer__instagramLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .footer__instagramLogo {
    flex-direction: row;
    justify-content: flex-start;
    width: 50%;
  }
}

.footer__instagramLogo--icon {
  display: inline-flex;
  font-size: 100px;
  padding-bottom: 2rem;
}

.footer__instagramLogo--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .footer__instagramLogo--icon {
    font-size: 5.2083333333vw;
    padding-bottom: 0;
    padding-right: 3.0729166667vw;
  }
}

@media screen and (max-width: 500px) {
  .footer__instagramLogo--icon {
    font-size: 40px;
  }
}

.footer__instagramLogo--name {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .footer__instagramLogo--name {
    font-size: 1.25vw;
    letter-spacing: 0.2083333333vw;
  }
}

.footer__instagramCompo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompo {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 50%;
    padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompo--avatar {
    margin-right: 3.125vw;
    width: 8.3333333333vw;
    height: 8.3333333333vw;
  }
}

.footer__instagramCompoInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompoInfo {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.footer__instagramCompoInfo--name {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 900;
  color: #ef002d;
  text-align: center;
  padding-bottom: 2.0833333333vw;
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompoInfo--name {
    font-size: 1.8229166667vw;
    text-align: left;
  }
}

@media screen and (max-width: 500px) {
  .footer__instagramCompoInfo--name {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 900;
    color: #ef002d;
    text-align: center;
    padding-bottom: 0;
    margin: 30px 0;
  }
}

.footer__instagramCompoInfoDetails {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
  padding: 2.0833333333vw 0;
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompoInfoDetails {
    flex-direction: row;
  }
}

.footer__instagramCompoInfoDetail {
  display: flex;
  align-items: center;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .footer__instagramCompoInfoDetail {
    font-size: 0.9375vw;
  }
}

.footer__instagramCompoInfoDetail:nth-child(2) {
  padding: 0 4.6875vw 0 3.6458333333vw;
}

.footer__instagramCompoInfoDetail--bold {
  font-weight: bold;
}

.footer__instagramBtn--href {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 214px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
}

.footer__instagramBtn--href::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .footer__instagramBtn--href {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 11.1458333333vw;
    border-radius: 0vw;
  }
}

.footer__instagramBtn--href:focus, .footer__instagramBtn--href:hover, .footer__instagramBtn--href:active {
  background: #000000;
  color: #fff;
}

.footer__instagramBtn--href:focus::before, .footer__instagramBtn--href:hover::before, .footer__instagramBtn--href:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.footer__slider {
  width: 100%;
  overflow: hidden;
}

.footer__slider .owl-stage-outer:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

.footer__slider .owl-nav {
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  flex-direction: row;
  z-index: 1;
  pointer-events: none;
}

.footer__slider .owl-nav button {
  pointer-events: all;
  z-index: 1;
}

.footer__sliderWrap {
  display: flex;
  align-items: center;
}

.footer .owl-stage {
  display: flex;
  align-items: center;
}

.footer__boxSlide, .footer .owl-item {
  width: 320px !important;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
}

@media screen and (min-width: 1024px) {
  .footer__boxSlide, .footer .owl-item {
    width: 16.6666666667vw !important;
    height: 16.6666666667vw;
  }
}

.footer .owl-item {
  overflow: hidden;
}

.footer .owl-item .footer__boxSlide:focus::before, .footer .owl-item .footer__boxSlide:hover::before, .footer .owl-item .footer__boxSlide:active::before {
  transform: translate3d(0, 0, 0);
}

.footer .owl-item .footer__boxSlide:focus .footer__boxSlide--icon::before, .footer .owl-item .footer__boxSlide:hover .footer__boxSlide--icon::before, .footer .owl-item .footer__boxSlide:active .footer__boxSlide--icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer__boxSlide {
  text-decoration: none;
}

.footer__boxSlide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(239, 0, 45, 0.7);
  transform: translate3d(0, 100%, 0);
  transition: .3s;
}

.footer__boxSlide--icon {
  display: inline-flex;
  color: #fff;
  font-size: 60px;
}

.footer__boxSlide--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .footer__boxSlide--icon {
    font-size: 3.125vw;
  }
}

.footer__boxSlide--icon::before {
  transition: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
  transform: translate(-50%, -100%);
}

.footer__bottom {
  background: #eef0f1;
  padding-top: 7.8125vw;
}

.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 900;
  text-decoration: none;
  padding: 0 0 3.6458333333vw 0;
}

@media screen and (min-width: 1024px) {
  .footer__logo {
    font-size: 1.8229166667vw;
  }
}

.footer__logo--red {
  color: #ef002d;
}

.footer__parallax {
  width: 100%;
  height: 35.9375vw;
  position: relative;
  overflow: hidden;
}

.footer__center {
  z-index: 10;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .footer__center {
    margin-top: 4.6875vw;
  }
}

@media screen and (min-width: 1024px) {
  .footer__centerInner {
    padding: 4.375vw 0 0 0;
    top: -1.8229166667vw;
    position: absolute;
    left: 8.3333333333vw;
    width: 83.3333333333vw;
    margin: 0 auto;
  }
}

.footer__form {
  background: #1c272f;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .footer__form {
    width: 50vw;
    height: auto;
  }
}

.footer__form .styledForm {
  border: 1px solid #415768;
  padding: 2rem;
}

@media screen and (min-width: 1024px) {
  .footer__form .styledForm {
    padding: 2.7083333333vw 4.9479166667vw 0 4.9479166667vw;
  }
}

.footer__form .styledForm__title {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.2083333333vw;
  text-align: center;
  margin-bottom: 10px;
}

.footer__form .styledForm__title--red {
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .footer__form .styledForm__title {
    margin-bottom: 1.9270833333vw;
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 500px) {
  .footer__form .styledForm__title {
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 500px) {
  .footer__form .styledForm input {
    height: 45px;
  }
}

.footer__form .styledForm .styledForm__row--button {
  bottom: -1.8229166667vw;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1024px) {
  .footer__form .styledForm .styledForm__row--button {
    margin-top: -2.6041666667vw;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 500px) {
  .footer__form .styledForm .styledForm__row--button .button {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
    background: #ef002d;
    border-radius: 0px;
    font-size: 15px;
    width: 245px;
    height: 45px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.3s, color 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .footer__form .styledForm .styledForm__row--button .button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    background: #ef002d;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
}

@media screen and (max-width: 500px) and (min-width: 1024px) {
  .footer__form .styledForm .styledForm__row--button .button {
    font-size: 0.78125vw;
    height: 2.34375vw;
    width: 12.7604166667vw;
    border-radius: 0vw;
  }
}

@media screen and (max-width: 500px) {
  .footer__form .styledForm .styledForm__row--button .button:focus, .footer__form .styledForm .styledForm__row--button .button:hover, .footer__form .styledForm .styledForm__row--button .button:active {
    background: #fff;
    color: #ef002d;
  }
  .footer__form .styledForm .styledForm__row--button .button:focus::before, .footer__form .styledForm .styledForm__row--button .button:hover::before, .footer__form .styledForm .styledForm__row--button .button:active::before {
    transform: rotate3d(0, 0, 1, 0deg);
    background: #fff;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
}

@media screen and (max-width: 500px) {
  .footer__form .styledForm .styledForm__row.iconRight::before {
    font-size: 20px;
  }
  .footer__form .styledForm .styledForm__row.iconRight::after {
    right: 60px;
  }
  .footer__form .styledForm .styledForm__rodo--text {
    padding: 0;
    text-align: justify;
  }
}

.footer__menuBottomNaviContent {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .footer__menuBottomNaviContent {
    flex-direction: row;
  }
}

.footer__menuBottomNaviContent li {
  text-align: center;
  margin: 1rem 0;
}

@media screen and (min-width: 1024px) {
  .footer__menuBottomNaviContent li {
    margin: 0;
  }
}

.footer__menuBottomNaviContent li:nth-child(n+8) {
  display: none;
}

.footer__menuBottomNaviContent li:first-child a {
  padding-left: 0;
}

.footer__menuBottomNaviContent li.active a {
  color: #ef002d;
}

.footer__menuBottomNaviContent a {
  color: #000000;
  font-size: 16px;
  text-decoration: none;
  transition: color .3s;
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
  line-height: 36px;
  padding-left: 2.6041666667vw;
  position: relative;
  letter-spacing: 0.2083333333vw;
}

@media screen and (min-width: 1024px) {
  .footer__menuBottomNaviContent a {
    font-size: 0.8333333333vw;
  }
}

.footer__menuBottomNaviContent a:focus, .footer__menuBottomNaviContent a:hover, .footer__menuBottomNaviContent a:active {
  color: #ef002d;
}

.footer__info {
  padding: 3.6458333333vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .footer__info {
    width: 83.3333333333vw;
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer__reguls, .footer__copyright {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #a6b3ba;
  font-weight: 900;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .footer__reguls, .footer__copyright {
    text-align: left;
    font-size: 0.625vw;
    letter-spacing: 0.1041666667vw;
  }
}

.footer__reguls {
  color: #eef0f1;
}

.footer__copyright--ibif {
  text-decoration: none;
  color: inherit;
  transition: .3s;
}

.footer__copyright--ibif:focus, .footer__copyright--ibif:hover, .footer__copyright--ibif:active {
  color: #ef002d;
}

.footer__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .footer__socials {
    position: relative;
    left: -1.5625vw;
    padding: 0;
    height: 100%;
  }
}

.footer__socials--item {
  text-decoration: none;
  font-size: 26px;
  color: #000000;
  padding: 0 2rem;
  position: relative;
  display: inline-flex;
  transition: color .7s;
}

@media screen and (min-width: 1024px) {
  .footer__socials--item {
    padding: 0;
    margin: 0 3.125vw 0 0;
    align-items: center;
    height: 100%;
    font-size: 1.3541666667vw;
  }
}

.footer__socials--item:last-child {
  margin-right: 0;
}

.footer__socials--item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  content: '';
  opacity: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 3px rgba(111, 148, 182, 0.05);
}

@media screen and (min-width: 1024px) {
  .footer__socials--item::after {
    width: 3.125vw;
    height: 3.125vw;
    margin: -1.5625vw 0 0 -1.5625vw;
  }
}

.footer__socials--item:focus::after, .footer__socials--item:hover::after, .footer__socials--item:active::after {
  animation: anim-effect-marin 0.5s ease-out forwards;
}

.footer__socials--item.fb:before {
  content: "";
}

.footer__socials--item.ig {
  font-size: 32px;
}

.footer__socials--item.ig:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .footer__socials--item.ig {
    font-size: 1.6666666667vw;
  }
}

.footer__socials--item.yt {
  font-size: 32px;
}

.footer__socials--item.yt:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .footer__socials--item.yt {
    font-size: 1.6666666667vw;
  }
}

.footer__socials--item::before {
  display: inline-flex;
}

.webp .footer__parallax {
  background: url("/images/footerbg.webp");
  background-size: cover;
}

.no-webp .footer__parallax {
  background: url("/images/footerbg.jpg");
  background-size: cover;
}

.sliderOwl {
  position: relative;
  display: none;
  margin-top: 6.7708333333vw;
}

@media screen and (min-width: 1024px) {
  .sliderOwl {
    display: block;
  }
}

.sliderOwl__arrowDown {
  bottom: 1.9791666667vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.2916666667vw;
  transition: all 0.4s ease-in-out;
  color: #fff;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 1;
  cursor: pointer;
  animation: moveDown 1s linear infinite alternate backwards;
}

.sliderOwl__arrowDown:before {
  content: "";
}

.sliderOwl__arrowDown:hover {
  bottom: 1.4583333333vw;
}

.sliderOwl__bannerCount {
  position: relative;
}

.sliderOwl__bannerCount--line {
  width: 0.1041666667vw;
  height: 3.90625vw;
  background: white;
  display: inline-block;
  margin: 0 0.46875vw;
}

.sliderOwl__bannerCount--line:last-child {
  height: 7.8125vw;
}

.slider__inner {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16.40625vw;
  bottom: 14.3229166667vw;
  width: 33.3333333333vw;
  height: 15.625vw;
  background-color: rgba(43, 42, 41, 0.6);
}

.slider__title1 {
  font-size: 2.34375vw;
  font-weight: 700;
  color: #fff;
  transition: opacity .5s, transform .6s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.slider__title2 {
  font-size: 2.34375vw;
  font-weight: 100;
  transform: translate3d(0, 100%, 0);
  transition: opacity .6s, transform .7s ease-out 0.5s;
  padding-bottom: 1.0416666667vw;
  position: relative;
}

.slider__title2::after {
  content: '';
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ccced1;
  width: 8.3333333333vw;
  height: 0.0520833333vw;
}

.slider__text {
  font-size: 1.25vw;
  transform: translate3d(0, 100%, 0);
  color: #dcedf8;
  font-weight: 900;
  transition: opacity .7s, transform .8s ease-out 0.5s;
}

.owl-carousel .owl-item {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
}

.owl-carousel .owl-item.active .slider__title1,
.owl-carousel .owl-item.active .slider__title2,
.owl-carousel .owl-item.active .slider__text,
.owl-carousel .owl-item.active .slider__button {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item .carouselItem {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.4270833333vw;
}

.owl-dots .owl-dot {
  z-index: 2;
  position: relative;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: #06c2f1 !important;
  margin: 0 5px;
  display: block;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .owl-dots .owl-dot {
    width: 0.4166666667vw;
    height: 0.4166666667vw;
    margin: 0 0.5729166667vw;
  }
}

.owl-dots .owl-dot span {
  display: none;
}

.owl-dots .owl-dot.active::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #06c2f1;
  padding: 8px;
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
  .owl-dots .owl-dot.active::before {
    border: 0.1041666667vw solid #06c2f1;
    padding: 0.4166666667vw;
  }
}

.owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
}

@media screen and (min-width: 1024px) {
  .owl-nav {
    width: 94.7916666667vw;
    margin: 0 auto;
  }
}

.owl-nav button {
  background: #ef002d !important;
  width: 78px;
  height: 78px;
  color: #000000 !important;
  font-size: 23px !important;
  color: #fff !important;
  transform: rotate(45deg);
}

.owl-nav button::before {
  display: inline-flex;
  transform: rotate(-45deg);
  width: 23px;
}

@media screen and (min-width: 1024px) {
  .owl-nav button::before {
    width: 1.1979166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .owl-nav button {
    width: 4.0625vw;
    height: 4.0625vw;
    font-size: 1.1979166667vw !important;
  }
}

.owl-nav button span {
  display: none;
}

.owl-nav button.owl-prev {
  margin-top: 0.0520833333vw;
}

.owl-nav button.owl-prev:before {
  content: "";
}

.owl-nav button.owl-next:before {
  content: "";
}

.owl-nav button.owl-prev, .owl-nav button.owl-next {
  transition: all 0.4s ease-in-out;
}

.owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover {
  background: #fff !important;
  color: #000000 !important;
}

.owl-nav button.owl-prev.disabled, .owl-nav button.owl-next.disabled {
  opacity: .4;
}

.sliderHome .slick-slider {
  margin-top: 7.2916666667vw;
}

.sliderHome .slick-slider .slick-slide {
  width: 100vw !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.sliderHome {
  position: relative;
  background: url(/images/sliderbg.png) no-repeat center;
  background-size: cover;
  color: #fff;
  font-weight: 900;
  width: 100%;
  margin-top: 70px;
  padding: 10rem 0;
}

@media screen and (min-width: 1024px) {
  .sliderHome {
    height: 43.75vw;
    margin-top: 7.2916666667vw;
    display: block;
    padding: 0;
  }
}

.sliderHome__circle {
  position: absolute;
  right: 0;
  top: 21.875vw;
}

.sliderHome__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.sliderHome__inner--title {
  font-weight: 900;
  font-size: 40px;
  margin: 0 0 35px 0;
}

@media screen and (min-width: 1024px) {
  .sliderHome__inner--title {
    margin: 0 0 1.8229166667vw 0;
    font-size: 4.6875vw;
  }
}

.sliderHome__inner--subtitle {
  font-weight: 400;
  font-size: 20px;
  margin: 0 0 3.8541666667vw 0;
}

@media screen and (min-width: 1024px) {
  .sliderHome__inner--subtitle {
    font-size: 1.8229166667vw;
    margin: 0 0 3.8541666667vw 0;
  }
}

.sliderHome__inner--btn {
  color: #000000;
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  width: 290px;
  height: 95px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.sliderHome__inner--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .sliderHome__inner--btn {
    font-size: 0.7291666667vw;
    height: 4.9479166667vw;
    width: 15.1041666667vw;
    border-radius: 0.3125vw;
  }
}

.sliderHome__inner--btn:focus, .sliderHome__inner--btn:hover, .sliderHome__inner--btn:active {
  background: #000000;
  color: #fff;
}

.sliderHome__inner--btn:focus::before, .sliderHome__inner--btn:hover::before, .sliderHome__inner--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.sliderHome a {
  text-decoration: none;
}

.sliderHome__title1 {
  font-size: 4.6875vw;
}

.sliderHome__title1 span {
  display: block;
}

.sliderHome__title1--big {
  position: absolute;
  top: 10vw;
  left: 8.28125vw;
  transition: opacity .5s, transform .6s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.sliderHome__title1--small {
  font-size: 3.125vw;
  position: absolute;
  top: 14.84375vw;
  left: 8.28125vw;
  transition: opacity .6s, transform .7s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.sliderHome__title2, .sliderHome__title3 {
  display: inline-block;
  position: absolute;
}

.sliderHome__title2 {
  text-transform: uppercase;
  font-size: 1.5625vw;
  top: 20.5729166667vw;
  left: 8.28125vw;
  transition: opacity .7s, transform .8s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.sliderHome__title3 {
  top: 19.1145833333vw;
  font-size: 3.125vw;
  left: 34.6354166667vw;
  transition: opacity .8s, transform .9s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sliderHome__title3--dot {
  color: #06c2f1;
}

.sliderHome__btn {
  position: absolute;
  top: 24.7395833333vw;
  left: 8.28125vw;
  transition: opacity .9s, transform 1s ease-out 0.5s;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.sliderHome__btn--href {
  font-weight: 900;
  border-radius: 3.125vw;
}

.sliderHome__btn--href:focus, .sliderHome__btn--href:hover, .sliderHome__btn--href:active {
  color: #fff !important;
}

.sliderHome::after {
  content: '';
  clear: both;
  display: table;
}

.sliderHome .slick-dots {
  display: flex !important;
  align-items: center;
  position: absolute;
  top: 30.3645833333vw;
  left: 8.3333333333vw;
}

.sliderHome .slick-dots li {
  z-index: 2;
  position: relative;
  border-radius: 50%;
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background: #fff;
  margin: 0 0.5729166667vw;
  display: block;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}

.sliderHome .slick-dots li.slick-active::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.1041666667vw solid #fff;
  padding: 0.4166666667vw;
  border-radius: 50%;
}

.sliderHome .slick-dots li button {
  display: none;
}

.sliderHome__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 92.7083333333vw;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sliderHome__nav .slick-arrow {
  border: none;
  background: none;
  font-size: 1.8229166667vw;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.sliderHome__nav .slick-arrow:hover {
  color: #06c2f1;
}

.sliderHome__nav .slick-arrow.slick-prev:before {
  content: "";
}

.sliderHome__nav .slick-arrow.slick-next:before {
  content: "";
}

.slick-active .sliderHome__title1--big,
.slick-active .sliderHome__title1--small,
.slick-active .sliderHome__title2,
.slick-active .sliderHome__title3,
.slick-active .sliderHome__btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.sliderBanner {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 320px;
  display: none;
}

@media screen and (min-width: 1024px) {
  .sliderBanner {
    height: 16.6666666667vw;
    display: block;
  }
}

.sliderBanner .owl-carousel:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

.sliderBanner .owl-nav {
  flex-direction: row;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.sliderBanner .owl-item {
  height: 320px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .sliderBanner .owl-item {
    height: 16.6666666667vw;
  }
}

.sliderBanner__slide {
  background-size: cover !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
}

.sliderBanner__slide--title {
  font-size: 35px;
  font-weight: 900;
  padding: 38px 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .sliderBanner__slide--title {
    font-size: 1.8229166667vw;
    padding: 1.9791666667vw 0 1.5625vw;
  }
  .sliderBanner__slide--title::before {
    content: '';
    position: absolute;
    top: 0;
    background: #ef002d;
    width: 1.5625vw;
    height: 0.5208333333vw;
  }
}

.sliderBanner__slide--red {
  color: #ef002d;
}

.sliderBanner__slide--subtitle {
  font-size: 25px;
  letter-spacing: 0.2083333333vw;
  padding-bottom: 34px;
}

@media screen and (min-width: 1024px) {
  .sliderBanner__slide--subtitle {
    font-size: 1.3020833333vw;
    padding-bottom: 1.7708333333vw;
  }
}

.sliderBanner__slide--btn {
  color: #fff;
  background: #181816;
  border-radius: 0px;
  font-size: 14px;
  width: 189px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #fff;
}

.sliderBanner__slide--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #181816;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .sliderBanner__slide--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 9.84375vw;
    border-radius: 0vw;
  }
}

.sliderBanner__slide--btn:focus, .sliderBanner__slide--btn:hover, .sliderBanner__slide--btn:active {
  background: #fff;
  color: #181816;
}

.sliderBanner__slide--btn:focus::before, .sliderBanner__slide--btn:hover::before, .sliderBanner__slide--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__btn {
  margin: 4.6354166667vw 0 5.6770833333vw;
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 540px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 90%;
}

.mainContainer__btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 28.125vw;
    border-radius: 0vw;
  }
}

.mainContainer__btn:focus, .mainContainer__btn:hover, .mainContainer__btn:active {
  background: #fff;
  color: #ef002d;
}

.mainContainer__btn:focus::before, .mainContainer__btn:hover::before, .mainContainer__btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (min-width: 1024px) {
  .mainContainer__btn {
    color: #fff;
    background: #ef002d;
    border-radius: 0px;
    font-size: 20px;
    width: 540px;
    height: 70px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.3s, color 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .mainContainer__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    background: #ef002d;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .mainContainer__btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 28.125vw;
    border-radius: 0vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__btn:focus, .mainContainer__btn:hover, .mainContainer__btn:active {
    background: #fff;
    color: #ef002d;
  }
  .mainContainer__btn:focus::before, .mainContainer__btn:hover::before, .mainContainer__btn:active::before {
    transform: rotate3d(0, 0, 1, 0deg);
    background: #fff;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
}

.mainContainer__dashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboard {
    padding: 0;
  }
}

.mainContainer__dashboardTop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTop {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
  }
}

.mainContainer__dashboardTopBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBox {
    margin: 0;
    width: 16.1458333333vw;
  }
}

.mainContainer__dashboardTopBox--title {
  font: 900 18px "Raleway", sans-serif;
  text-transform: uppercase;
  margin: 0 0 35px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBox--title {
    margin: 0 0 1.8229166667vw;
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardTopBoxContent {
  height: 375px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent {
    height: 19.53125vw;
  }
}

.mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentTh {
  background: url(/images/latestrecipe.png) no-repeat center;
  background-size: cover !important;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentTh::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.2083333333vw;
    background: #ef002d;
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

.mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentBh--btn {
  margin-top: 59px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentBh--btn {
    margin-top: 3.0729166667vw;
  }
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentTh {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentTh::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.96875vw;
    background: #000000;
    width: 8.3333333333vw;
    height: 0.15625vw;
  }
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentTh--title {
  padding-top: 73px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentTh--title {
    padding-top: 3.8020833333vw;
  }
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh {
  background: #7eaf38;
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #7eaf38;
  border-radius: 50%;
  color: #fff;
  width: 80px;
  height: 80px;
  font-size: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--icon {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    font-size: 2.34375vw;
  }
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--date {
  font: 700 36px "Raleway", sans-serif;
  color: #fff;
  padding-top: 50px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--date {
    padding-top: 2.6041666667vw;
    font: 700 1.875vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--btn {
  border-color: #fff;
  background: #7eaf38;
  color: #fff;
  margin-top: 21px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent.subscryption .mainContainer__dashboardTopBoxContentBh--btn {
    margin-top: 1.09375vw;
  }
}

.mainContainer__dashboardTopBoxContent--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  background: #ef002d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContent--icon {
    font-size: 3.6458333333vw;
    width: 6.25vw;
    height: 6.25vw;
    padding-bottom: 0.5208333333vw;
  }
}

.mainContainer__dashboardTopBoxContentTh, .mainContainer__dashboardTopBoxContentBh {
  height: 50%;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.mainContainer__dashboardTopBoxContentTh {
  background: #f7f7f7;
}

.mainContainer__dashboardTopBoxContentTh--title {
  font: 900 24px "Raleway", sans-serif;
  text-transform: uppercase;
  padding-top: 20px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContentTh--title {
    padding-top: 1.0416666667vw;
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardTopBoxContentBh {
  background: #eef0f1;
}

.mainContainer__dashboardTopBoxContentBh--text {
  font: 400 18px "Raleway", sans-serif;
  padding-top: 33px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContentBh--text {
    padding-top: 1.71875vw;
    font: 400 0.9375vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardTopBoxContentBh--btn {
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  margin-top: 110px;
}

.mainContainer__dashboardTopBoxContentBh--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContentBh--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.mainContainer__dashboardTopBoxContentBh--btn:focus, .mainContainer__dashboardTopBoxContentBh--btn:hover, .mainContainer__dashboardTopBoxContentBh--btn:active {
  background: #000000;
  color: #eef0f1;
}

.mainContainer__dashboardTopBoxContentBh--btn:focus::before, .mainContainer__dashboardTopBoxContentBh--btn:hover::before, .mainContainer__dashboardTopBoxContentBh--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContentBh--btn {
    margin-top: 5.7291666667vw;
  }
}

.mainContainer__dashboardTopBoxContentThDate {
  font: 700 20px "Raleway", sans-serif;
  color: #ef002d;
  position: relative;
  padding: 25px 0 14px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardTopBoxContentThDate {
    padding: 1.3020833333vw 0 0.7291666667vw;
    font: 700 1.0416666667vw "Raleway", sans-serif;
  }
  .mainContainer__dashboardTopBoxContentThDate::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 8.3333333333vw;
    height: 0.15625vw;
    background: #000000;
  }
}

.mainContainer__dashboardTopBoxContentThDate--year {
  color: #000000;
}

.mainContainer__dashboardBottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.mainContainer__dashboardBottom--title {
  font: 900 18px "Raleway", sans-serif;
  margin: 2rem 0;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottom--title {
    font: 900 0.9375vw "Raleway", sans-serif;
    margin: 2.4479166667vw 0 2.1354166667vw;
  }
}

.mainContainer__dashboardBottom--btn {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  margin: 2.4479166667vw 0 5.2083333333vw;
}

.mainContainer__dashboardBottom--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottom--btn {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.mainContainer__dashboardBottom--btn:focus, .mainContainer__dashboardBottom--btn:hover, .mainContainer__dashboardBottom--btn:active {
  background: #000000;
  color: #fff;
}

.mainContainer__dashboardBottom--btn:focus::before, .mainContainer__dashboardBottom--btn:hover::before, .mainContainer__dashboardBottom--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer__dashboardBottomVideos {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideos {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}

.mainContainer__dashboardBottomVideoBox {
  width: 310px;
  height: 340px;
  margin: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBox {
    margin: 0;
    width: 16.1458333333vw;
    height: 17.7083333333vw;
  }
}

.mainContainer__dashboardBottomVideoBoxFrame, .mainContainer__dashboardBottomVideoBoxContent {
  width: 100%;
  height: 50%;
  background: #1c272f;
}

.mainContainer__dashboardBottomVideoBoxFrame {
  position: relative;
}

.mainContainer__dashboardBottomVideoBoxFrame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mainContainer__dashboardBottomVideoBoxContent {
  padding: 32px 22px 25px 22px;
  cursor: pointer;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent {
    padding: 1.6666666667vw 1.1458333333vw 1.3020833333vw 1.1458333333vw;
  }
}

.mainContainer__dashboardBottomVideoBoxContent:hover .mainContainer__dashboardBottomVideoBoxContent--title {
  transition: .3s;
  color: #ef002d;
}

.mainContainer__dashboardBottomVideoBoxContent--title {
  color: #fff;
  font: 900 23px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent--title {
    font: 900 1.1979166667vw "Raleway", sans-serif;
  }
}

.mainContainer__dashboardBottomVideoBoxContent .yt {
  display: inline-flex;
  position: relative;
}

.mainContainer__dashboardBottomVideoBoxContent .yt:before {
  content: "";
}

.mainContainer__dashboardBottomVideoBoxContent .yt::after {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  width: 10px;
  height: 10px;
  z-index: 0;
  background: #fff;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent .yt::after {
    top: 0.4166666667vw;
    left: 0.3645833333vw;
    width: 0.5208333333vw;
    height: 0.5208333333vw;
  }
}

.mainContainer__dashboardBottomVideoBoxContent .yt::before {
  color: #ef002d;
  display: inline-flex;
  font-size: 23px;
  padding-right: 15px;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent .yt::before {
    font-size: 1.1979166667vw;
    padding-right: 0.78125vw;
  }
}

.mainContainer__dashboardBottomVideoBoxContent--play {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 25px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent--play {
    bottom: 1.3020833333vw;
  }
}

.mainContainer__dashboardBottomVideoBoxContent--play .text {
  color: #85a0b2;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__dashboardBottomVideoBoxContent--play .text {
    font-size: 0.7291666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__menuPanel {
    position: absolute;
    z-index: 2;
    left: 1.7708333333vw;
    top: 9.1666666667vw;
  }
}

.mainContainer__logout {
  position: fixed;
  right: 15px;
  top: 340px;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .mainContainer__logout {
    position: absolute;
    flex-direction: row;
    right: 4.0104166667vw;
    top: 3.5416666667vw;
  }
}

.mainContainer__logout--icon, .mainContainer__logout a {
  cursor: pointer;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  background: #1c272f;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 20px;
  color: #fff;
  border: none;
  position: relative;
  padding: 0;
  font-weight: bold;
  margin-bottom: 15px;
}

.mainContainer__logout--icon:before, .mainContainer__logout a:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__logout--icon, .mainContainer__logout a {
    margin-bottom: 0;
    margin-left: 0.78125vw;
    width: 2.34375vw;
    height: 2.34375vw;
    font-size: 1.0416666667vw;
  }
}

.mainContainer__logout--icon.alertIcon:before, .mainContainer__logout a.alertIcon:before {
  content: "";
}

.mainContainer__logout--icon.msgIcon:before, .mainContainer__logout a.msgIcon:before {
  content: "";
}

.mainContainer__logout--icon::before, .mainContainer__logout a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
}

.mainContainer__logout--icon::after, .mainContainer__logout a::after {
  content: attr(data-text);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.mainContainer__logout--icon:nth-child(-n+2)::after, .mainContainer__logout a:nth-child(-n+2)::after {
  width: 25px;
  height: 25px;
  font-size: 14px;
  left: 5px;
  top: -10px;
  border-radius: 50%;
  color: #fff;
  background: #ef002d;
}

@media screen and (min-width: 1024px) {
  .mainContainer__logout--icon:nth-child(-n+2)::after, .mainContainer__logout a:nth-child(-n+2)::after {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    font-size: 0.7291666667vw;
    left: 0.2604166667vw;
    top: -0.5208333333vw;
  }
}

.mainContainer__logout--icon:last-child, .mainContainer__logout a:last-child {
  display: none;
}

.mainContainer__logout--icon:last-child::before, .mainContainer__logout a:last-child::before {
  margin-left: -0.1041666667vw;
}

.mainContainer__logout--icon:last-child::after, .mainContainer__logout a:last-child::after {
  left: 50%;
  top: -45px;
  height: 33px;
  width: 85px;
  transition: .3s;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  background: #eef0f1;
  color: #000000;
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__logout--icon:last-child::after, .mainContainer__logout a:last-child::after {
    top: -2.34375vw;
    width: 4.4270833333vw;
    height: 1.71875vw;
    font-size: 0.625vw;
  }
}

.mainContainer__logout--icon:last-child:hover::after, .mainContainer__logout--icon:last-child:hover span, .mainContainer__logout a:last-child:hover::after, .mainContainer__logout a:last-child:hover span {
  opacity: 1;
  visibility: visible;
}

.mainContainer__logout--arrow {
  transition: .3s;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #eef0f1 transparent transparent;
  top: -16px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

@media screen and (min-width: 1024px) {
  .mainContainer__logout--arrow {
    top: -0.8333333333vw;
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5208333333vw;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #eef0f1 transparent transparent;
  }
}

.mainContainer.contact.changepass .mainContainer__form {
  background: url(/images/loginbg.png) no-repeat center;
  background-size: cover;
  margin-bottom: 25.2083333333vw;
  height: auto;
}

.mainContainer.contact.changepass .mainContainer__form .styledForm {
  width: 100%;
}

.mainContainer.contact.changepass .mainContainer__form .styledForm__row:nth-child(3) {
  margin-bottom: 0 !important;
}

.mainContainer.afterlogin.contact {
  padding-bottom: 7.7604166667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .mainContainer__intro {
    padding-bottom: 1.5625vw;
  }
}

.mainContainer.afterlogin.contact .mainContainer__form {
  background: url(/images/afterlogin.png) no-repeat center;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .mainContainer__form {
    height: auto;
  }
}

.mainContainer.afterlogin.contact .mainContainer__wrap--text {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .mainContainer__wrap--text {
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .styledForm {
    width: 100%;
    padding: 3.5416666667vw 8.3333333333vw 0 8.3333333333vw;
  }
}

.mainContainer.afterlogin.contact .styledForm__text {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .styledForm__text {
    font-size: 0.8333333333vw;
  }
}

.mainContainer.afterlogin.contact .styledForm__title {
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  margin-bottom: 2.2916666667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.afterlogin.contact .styledForm__title {
    font-size: 1.25vw;
  }
}

.mainContainer.dashboard.contact .mainContainer__intro {
  padding-bottom: 1.5625vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.dashboard.contact .mainContainer__wrap {
    width: 50vw;
    margin: 0 auto;
    padding-top: 6.25vw;
  }
}

.mainContainer.dashboard.contact .mainContainer__lines {
  top: 3.4375vw;
}

.mainContainer.msgpriv.contact .mainContainer__form {
  background: url(/images/commentbg.png) no-repeat center;
  background-size: cover;
  margin-bottom: 7.7604166667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.msgpriv.contact .mainContainer__form {
    height: auto;
  }
}

.mainContainer.msgpriv.contact .mainContainer__form .styledForm {
  padding: 1.875vw 3.28125vw 1.8229166667vw 3.28125vw;
  width: 100%;
}

.mainContainer.msgpriv.contact .mainContainer__form .styledForm__avatar {
  flex-grow: 0;
  background-size: cover;
  margin-right: 1.1458333333vw;
}

.mainContainer.msgpriv.contact .mainContainer__form .styledForm .textarea textarea {
  height: 164px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.msgpriv.contact .mainContainer__form .styledForm .textarea textarea {
    width: 33.5416666667vw;
    height: 8.5416666667vw;
  }
}

.mainContainer.alert.contact .ListAlert__listPosition {
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer.alert.contact .ListAlert__listPosition {
    padding: 0.78125vw 0 1.0416666667vw;
  }
}

.mainContainer.alert.contact .ListAlert__listPositionContent {
  padding-left: 0;
}

.listComent, .ListAlert {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .listComent, .ListAlert {
    padding: 0 3.28125vw;
  }
}

.listComent__title, .ListAlert__title {
  display: flex;
  align-items: center;
  padding: 3.0208333333vw 0 1.71875vw;
  border-bottom: 1px solid #d5dadc;
  font: 900 18px "Raleway", sans-serif;
  width: 100%;
  text-transform: uppercase;
}

.listComent__title:before, .ListAlert__title:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .listComent__title, .ListAlert__title {
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.listComent__title.reload:before, .ListAlert__title.reload:before {
  content: "";
}

.listComent__title::before, .ListAlert__title::before {
  color: #ef002d;
  display: inline-flex;
  padding-left: 0.8854166667vw;
  padding-right: 1.9270833333vw;
  font-size: 42px;
}

@media screen and (min-width: 1024px) {
  .listComent__title::before, .ListAlert__title::before {
    font-size: 2.1875vw;
  }
}

.listComent__list, .ListAlert__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

.listComent__listPosition, .ListAlert__listPosition {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #d5dadc;
  padding: 1rem 0;
}

@media screen and (min-width: 1024px) {
  .listComent__listPosition, .ListAlert__listPosition {
    padding: 1.875vw 0 1.71875vw;
  }
}

.listComent__listPosition:nth-child(2n+2) .listComent__listPosition--avatar, .ListAlert__listPosition:nth-child(2n+2) .listComent__listPosition--avatar {
  background-size: cover;
}

.listComent__listPosition--latest, .ListAlert__listPosition--latest {
  color: #ef002d;
  display: inline-flex;
  font-size: 30px;
  padding: 0 2.34375vw 0 1.25vw;
}

.listComent__listPosition--latest:before, .ListAlert__listPosition--latest:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .listComent__listPosition--latest, .ListAlert__listPosition--latest {
    font-size: 1.5625vw;
  }
}

.listComent__listPosition--arrow, .ListAlert__listPosition--arrow {
  color: #ef002d;
  display: inline-flex;
  font-size: 23px;
  padding: 0 2.34375vw 0 1.25vw;
}

.listComent__listPosition--arrow:before, .ListAlert__listPosition--arrow:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .listComent__listPosition--arrow, .ListAlert__listPosition--arrow {
    font-size: 1.1979166667vw;
  }
}

.listComent__listPosition--avatar, .ListAlert__listPosition--avatar {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ef002d;
  text-transform: uppercase;
  flex: 1 0 75px;
  font: 700 18px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .listComent__listPosition--avatar, .ListAlert__listPosition--avatar {
    font: 700 0.9375vw "Raleway", sans-serif;
    width: 3.90625vw;
    height: 3.90625vw;
    flex: 1 0 3.90625vw;
  }
}

.listComent__listPositionContent, .ListAlert__listPositionContent {
  padding-left: 1.1458333333vw;
}

.listComent__listPositionContent--alert, .ListAlert__listPositionContent--alert {
  color: #ef002d;
  font: 700 16px "Raleway", sans-serif;
  padding-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .listComent__listPositionContent--alert, .ListAlert__listPositionContent--alert {
    padding-bottom: 0.78125vw;
    font: 700 0.8333333333vw "Raleway", sans-serif;
  }
}

.listComent__listPositionContent--name, .ListAlert__listPositionContent--name {
  font: 400 16px "Raleway", sans-serif;
  padding-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .listComent__listPositionContent--name, .ListAlert__listPositionContent--name {
    padding-bottom: 0.78125vw;
    font: 400 0.8333333333vw "Raleway", sans-serif;
  }
}

.listComent__listPositionContent--author, .ListAlert__listPositionContent--author {
  font: 900 18px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .listComent__listPositionContent--author, .ListAlert__listPositionContent--author {
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.listComent__listPositionContent--author.admin, .ListAlert__listPositionContent--author.admin {
  color: #ef002d;
}

.listComent__listPositionContent--text, .ListAlert__listPositionContent--text {
  font-size: 16px;
  padding: 1rem 0;
}

@media screen and (min-width: 1024px) {
  .listComent__listPositionContent--text, .ListAlert__listPositionContent--text {
    font-size: 0.8333333333vw;
    padding: 0.8333333333vw 0;
    padding-right: 3.6458333333vw;
  }
}

.listComent__listPositionContent--datehours, .ListAlert__listPositionContent--datehours {
  font-size: 16px;
  color: #a1a1a1;
}

@media screen and (min-width: 1024px) {
  .listComent__listPositionContent--datehours, .ListAlert__listPositionContent--datehours {
    font-size: 0.8333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .contact.planes .mainContainer__wrap, .contact.recipes .mainContainer__wrap, .contact.atlas .mainContainer__wrap {
    width: 50vw !important;
  }
}

.contact.planes .mainContainer__dashboardTop, .contact.recipes .mainContainer__dashboardTop, .contact.atlas .mainContainer__dashboardTop {
  flex-wrap: wrap;
}

.contact.planes .mainContainer__dashboardTopBox, .contact.recipes .mainContainer__dashboardTopBox, .contact.atlas .mainContainer__dashboardTopBox {
  margin-bottom: 2.34375vw;
  background: #eef0f1;
}

.contact.planes .mainContainer__dashboardTopBox--icon, .contact.recipes .mainContainer__dashboardTopBox--icon, .contact.atlas .mainContainer__dashboardTopBox--icon {
  color: #c6ced2;
  display: inline-flex;
  font-size: 39px;
  padding-bottom: 30px;
  position: relative;
}

.contact.planes .mainContainer__dashboardTopBox--icon:before, .contact.recipes .mainContainer__dashboardTopBox--icon:before, .contact.atlas .mainContainer__dashboardTopBox--icon:before {
  content: "";
}

.contact.planes .mainContainer__dashboardTopBox--icon::after, .contact.recipes .mainContainer__dashboardTopBox--icon::after, .contact.atlas .mainContainer__dashboardTopBox--icon::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 20px;
  height: 5px;
  background: #ef002d;
}

@media screen and (min-width: 1024px) {
  .contact.planes .mainContainer__dashboardTopBox--icon::after, .contact.recipes .mainContainer__dashboardTopBox--icon::after, .contact.atlas .mainContainer__dashboardTopBox--icon::after {
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .contact.planes .mainContainer__dashboardTopBox--icon, .contact.recipes .mainContainer__dashboardTopBox--icon, .contact.atlas .mainContainer__dashboardTopBox--icon {
    padding-bottom: 1.5625vw;
    font-size: 2.03125vw;
  }
}

.contact.planes .mainContainer__dashboardTopBoxContentTh--empty, .contact.recipes .mainContainer__dashboardTopBoxContentTh--empty, .contact.atlas .mainContainer__dashboardTopBoxContentTh--empty {
  background: #f7f7f7;
  color: #c6ced2;
  font-size: 88px;
  position: relative;
}

.contact.planes .mainContainer__dashboardTopBoxContentTh--empty:before, .contact.recipes .mainContainer__dashboardTopBoxContentTh--empty:before, .contact.atlas .mainContainer__dashboardTopBoxContentTh--empty:before {
  content: "";
}

.contact.planes .mainContainer__dashboardTopBoxContentTh--empty::before, .contact.recipes .mainContainer__dashboardTopBoxContentTh--empty::before, .contact.atlas .mainContainer__dashboardTopBoxContentTh--empty::before {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 1024px) {
  .contact.planes .mainContainer__dashboardTopBoxContentTh--empty, .contact.recipes .mainContainer__dashboardTopBoxContentTh--empty, .contact.atlas .mainContainer__dashboardTopBoxContentTh--empty {
    font-size: 4.5833333333vw;
  }
}

.contact.recipes .mainContainer__dashboardTopBox {
  margin-bottom: 2.34375vw;
  background: #eef0f1;
}

.contact.recipes .mainContainer__dashboardTopBox--icon {
  color: #c6ced2;
  display: inline-flex;
  font-size: 39px;
  padding-bottom: 30px;
  position: relative;
}

.contact.recipes .mainContainer__dashboardTopBox--icon:before {
  content: "";
}

.contact.recipes .mainContainer__dashboardTopBox--icon::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 20px;
  height: 5px;
  background: #ef002d;
}

@media screen and (min-width: 1024px) {
  .contact.recipes .mainContainer__dashboardTopBox--icon::after {
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .contact.recipes .mainContainer__dashboardTopBox--icon {
    padding-bottom: 1.5625vw;
    font-size: 2.03125vw;
  }
}

.contact.atlas {
  padding-bottom: 7.7604166667vw !important;
}

.contact.atlas .mainContainer__dashboardTopBoxContentTh--title {
  text-align: center;
  font-size: 18px;
  padding: 1.6145833333vw 0 2.1354166667vw;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__dashboardTopBoxContentTh--title {
    font-size: 0.9375vw;
  }
}

.contact.atlas .mainContainer__dashboardTopBox {
  padding: 2rem;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__dashboardTopBox {
    padding: 1.9791666667vw 1.6666666667vw;
  }
}

.contact.atlas .mainContainer__dashboardTopBoxContentBh--btn {
  margin-top: 0;
}

.contact.atlas .mainContainer__wrap.activeVideo .mainContainer__dashboard {
  display: none;
}

.contact.atlas .mainContainer__atlasVideo {
  width: 100%;
}

.contact.atlas .mainContainer__atlasVideoMain {
  height: 540px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoMain {
    width: 50vw;
    height: 28.125vw;
  }
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoMain .slick-slide {
    padding: 0 0.2604166667vw;
  }
}

.contact.atlas .mainContainer__atlasVideoMain iframe {
  height: 540px;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoMain iframe {
    height: 28.125vw;
  }
}

.contact.atlas .mainContainer__atlasVideoTrack {
  display: none;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoTrack {
    width: 50vw;
    margin-top: 0.5208333333vw;
    position: relative;
  }
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoTrack .slick-slide {
    padding: 0 0.2604166667vw;
  }
}

.contact.atlas .mainContainer__atlasVideoTrack .slick-dots {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  bottom: -20px;
  z-index: 2;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoTrack .slick-dots {
    bottom: -2.4479166667vw;
  }
}

.contact.atlas .mainContainer__atlasVideoTrack .slick-dots li {
  width: 35px;
  height: 5px;
  margin: 0 15px;
  background: #d2d8db;
}

.contact.atlas .mainContainer__atlasVideoTrack .slick-dots li.slick-active {
  background: #ef002d;
}

.contact.atlas .mainContainer__atlasVideoTrack .slick-dots li button {
  display: none;
}

.contact.atlas .mainContainer__atlasVideoNav {
  position: absolute;
  bottom: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoNav {
    padding: 0 0.2604166667vw;
    bottom: -2.8645833333vw;
  }
}

.contact.atlas .mainContainer__atlasVideoNav--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transform: rotate(45deg);
  background: #ef002d;
  border: none;
  cursor: pointer;
  transition: .3s;
  color: #fff;
  font-size: 12px;
}

.contact.atlas .mainContainer__atlasVideoNav--arrow:before {
  content: "";
}

.contact.atlas .mainContainer__atlasVideoNav--arrow:hover {
  background: #000000;
}

.contact.atlas .mainContainer__atlasVideoNav--arrow::before {
  display: inline-flex;
  transform: rotate(-45deg);
}

.contact.atlas .mainContainer__atlasVideoNav--arrow.prev::before {
  transform: rotate(-225deg);
}

@media screen and (min-width: 1024px) {
  .contact.atlas .mainContainer__atlasVideoNav--arrow {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    font-size: 0.625vw;
  }
}

.wraprecipe {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wraprecipe .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentTh {
  height: 185px;
}

@media screen and (min-width: 1024px) {
  .wraprecipe .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentTh {
    height: 9.6354166667vw;
  }
}

.wraprecipe .mainContainer__dashboardTopBox {
  margin-bottom: 20px;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .wraprecipe .mainContainer__dashboardTopBox {
    margin-bottom: 0.78125vw;
  }
}

.wraprecipe .mainContainer__dashboardTopBoxContent {
  min-height: 19.53125vw;
  height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wraprecipe .mainContainer__dashboardTopBoxContentTh, .wraprecipe .mainContainer__dashboardTopBoxContentBh {
  justify-content: space-between;
  background-size: cover !important;
}

.wraprecipe .mainContainer__dashboardTopBoxContentBh {
  padding-bottom: 15px;
  height: calc(100% - 185px);
}

@media screen and (min-width: 1024px) {
  .wraprecipe .mainContainer__dashboardTopBoxContentBh {
    padding-bottom: 1.0416666667vw;
    height: calc(100% - 9.635vw);
  }
}

@media screen and (min-width: 1024px) {
  .wraprecipe .mainContainer__dashboardTopBoxContentBh--text {
    margin-bottom: 1.0416666667vw;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}

.wraprecipe .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentBh--btn {
  margin-top: 0;
}

@media screen and (max-width: 900px) {
  .wraprecipe .mainContainer__dashboardTopBoxContent.latestRecipe .mainContainer__dashboardTopBoxContentTh {
    height: 185px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #eef0f1 !important;
  }
  .mainContainer__dashboardTopBoxContentBh--text {
    margin-bottom: 30px;
  }
}

.mainContainer.register.contact.atlas.recipes .mainContainer__wrap {
  width: auto;
}

@media screen and (min-width: 600px) {
  .mainContainer.register.contact.atlas.recipes .mainContainer__wrap .galleryList {
    grid-row-gap: 0.92083vw !important;
    -ms-grid-columns: (32%)[3];
    grid-template-columns: repeat(3, 32%);
    position: relative;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.atlas.recipes .mainContainer__wrap {
    padding-left: 19%;
    width: 83.3333333333vw !important;
  }
  .mainContainer.register.contact.atlas.recipes .mainContainer__wrap .galleryList {
    grid-row-gap: 0.92083vw !important;
    -ms-grid-columns: (24%)[4];
    grid-template-columns: repeat(4, 24%);
  }
  .mainContainer.register.contact.atlas.recipes .mainContainer__wrap .galleryList .galleryList__item--line {
    width: 11.4875vw !important;
    left: 2.229167vw !important;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.atlas.recipes .mainContainer__dashboardTopBoxContentTh {
    width: 12.8125vw;
    height: 9.6875vw;
  }
}

.mainContainer__wrap .module:first-child {
  margin-top: 0 !important;
}

.webp .promoBanner {
  padding: 7rem 0;
  background: url("/images/bhome.webp") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.no-webp .promoBanner {
  padding: 7rem 0;
  background: url("/images/bhome.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 500px) {
  .webp .promoBanner {
    padding: 7rem 0;
    background: url("/images/2ban.webp") no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  .no-webp .promoBanner {
    padding: 7rem 0;
    background: url("/images/2ban.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
  }
}

@media screen and (min-width: 1024px) {
  .promoBanner {
    padding: 0;
    height: 34.375vw;
  }
}

@media screen and (max-width: 600px) {
  .promoBanner {
    background-position: -800px;
    position: relative;
  }
  .promoBanner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.34);
    display: inline-block;
    width: 100%;
    height: 100%;
  }
}

.promoBanner__inner {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  .promoBanner__inner {
    padding: 0 0 0;
    width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  .promoBanner__inner {
    z-index: 10;
    align-items: flex-start;
  }
}

.promoBanner__lines {
  display: none;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (max-width: 1024px) {
  .promoBanner__lines {
    align-items: flex-start;
  }
}

.promoBanner__lines--line {
  background: #ef002d;
  height: 10px;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .promoBanner__lines--line {
    height: 0.5208333333vw;
    margin-bottom: 0.5208333333vw;
  }
}

.promoBanner__lines--line:first-child {
  width: 40px;
}

@media screen and (min-width: 1024px) {
  .promoBanner__lines--line:first-child {
    width: 2.0833333333vw;
  }
}

.promoBanner__lines--line:nth-child(2) {
  width: 80px;
}

@media screen and (min-width: 1024px) {
  .promoBanner__lines--line:nth-child(2) {
    width: 4.1666666667vw;
  }
}

.promoBanner__lines--line:nth-child(3) {
  width: 160px;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .promoBanner__lines--line:nth-child(3) {
    width: 8.3333333333vw;
  }
}

.promoBanner__title {
  text-transform: uppercase;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (min-width: 1024px) {
  .promoBanner__title {
    margin-top: 1.5625vw;
  }
}

@media screen and (max-width: 1024px) {
  .promoBanner__title {
    align-items: flex-start;
  }
}

.promoBanner__title--small {
  font: 900 30px "Raleway", sans-serif;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .promoBanner__title--small {
    font: 900 3.6458333333vw "Raleway", sans-serif;
    line-height: 1;
  }
}

.promoBanner__title--big {
  font: 900 45px "Raleway", sans-serif;
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .promoBanner__title--big {
    font: 900 3.6458333333vw "Raleway", sans-serif;
    line-height: .9;
  }
}

.promoBanner__subtitle {
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  padding: 1.3020833333vw 0 2.34375vw;
  line-height: 1.2;
}

@media screen and (min-width: 1024px) {
  .promoBanner__subtitle {
    line-height: 1;
    font-size: 1.875vw;
  }
}

.promoBanner__subtitle--normal {
  font-weight: 500;
}

.promoBanner__subtitle--bold {
  font-weight: 900;
}

.promoBanner__intro {
  font-size: 25px;
  color: #fff;
  text-align: right;
  margin-top: 25px;
}

.promoBanner__intro div {
  margin-bottom: 0.5208333333vw;
}

@media screen and (max-width: 1024px) {
  .promoBanner__intro div {
    margin-bottom: 10px;
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  .promoBanner__intro {
    font-size: 1.6666666667vw;
    margin-top: 2.0833333333vw;
  }
}

.promoBanner__help {
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.3;
}

@media screen and (min-width: 1024px) {
  .promoBanner__help {
    font-size: 1.875vw;
    line-height: .8;
  }
}

.promoBanner__btn {
  margin-top: 2.7083333333vw;
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.promoBanner__btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .promoBanner__btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.promoBanner__btn:focus, .promoBanner__btn:hover, .promoBanner__btn:active {
  background: #000000;
  color: #fff;
}

.promoBanner__btn:focus::before, .promoBanner__btn:hover::before, .promoBanner__btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.promoBanner__btn:focus, .promoBanner__btn:hover, .promoBanner__btn:active {
  background: #ef002d;
}

.promoBanner__btn:focus::before, .promoBanner__btn:hover::before, .promoBanner__btn:active::before {
  background: #ef002d;
}

@media screen and (max-width: 1024px) {
  .promoBanner__btn {
    margin-top: 30px;
    color: #000000;
    background: #fff;
    border-radius: 0px;
    font-size: 20px;
    width: 270px;
    height: 60px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.3s, color 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .promoBanner__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    background: #fff;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .promoBanner__btn {
    font-size: 1.0416666667vw;
    height: 3.125vw;
    width: 14.0625vw;
    border-radius: 0vw;
  }
}

@media screen and (max-width: 1024px) {
  .promoBanner__btn:focus, .promoBanner__btn:hover, .promoBanner__btn:active {
    background: #000000;
    color: #fff;
  }
  .promoBanner__btn:focus::before, .promoBanner__btn:hover::before, .promoBanner__btn:active::before {
    transform: rotate3d(0, 0, 1, 0deg);
    background: #000000;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
}

.promoBanner__buttons {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .promoBanner__buttons {
    flex-wrap: wrap;
  }
}

.promoBanner__buttons a {
  margin-left: 0px;
}

.promoBanner__buttons a:last-child {
  color: white;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.promoBanner__buttons a:last-child::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .promoBanner__buttons a:last-child {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.promoBanner__buttons a:last-child:focus, .promoBanner__buttons a:last-child:hover, .promoBanner__buttons a:last-child:active {
  background: white;
  color: #ef002d;
}

.promoBanner__buttons a:last-child:focus::before, .promoBanner__buttons a:last-child:hover::before, .promoBanner__buttons a:last-child:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: white;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.promoBanner__buttons a:last-child:focus, .promoBanner__buttons a:last-child:hover, .promoBanner__buttons a:last-child:active {
  background: white;
  color: black;
}

.promoBanner__buttons a:last-child:focus::before, .promoBanner__buttons a:last-child:hover::before, .promoBanner__buttons a:last-child:active::before {
  background: white;
}

@media screen and (max-width: 1024px) {
  .promoBanner__buttons a:last-child {
    margin-top: 30px;
    margin-left: 0;
    color: white;
    background: #ef002d;
    border-radius: 0px;
    font-size: 20px;
    width: 270px;
    height: 60px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.3s, color 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .promoBanner__buttons a:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    background: #ef002d;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .promoBanner__buttons a:last-child {
    font-size: 1.0416666667vw;
    height: 3.125vw;
    width: 14.0625vw;
    border-radius: 0vw;
  }
}

@media screen and (max-width: 1024px) {
  .promoBanner__buttons a:last-child:focus, .promoBanner__buttons a:last-child:hover, .promoBanner__buttons a:last-child:active {
    background: white;
    color: #ef002d;
  }
  .promoBanner__buttons a:last-child:focus::before, .promoBanner__buttons a:last-child:hover::before, .promoBanner__buttons a:last-child:active::before {
    transform: rotate3d(0, 0, 1, 0deg);
    background: white;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
}

@media screen and (min-width: 1024px) {
  .promoBanner__buttons a {
    margin-left: 1.0416666667vw;
  }
}

.boxesOffer {
  position: relative;
}

.boxesOffer::before {
  content: '';
  position: absolute;
  right: -16.1458333333vw;
  top: -3.125vw;
  background: url(/images/bghomenews.png) no-repeat center;
  background-size: cover;
  width: 48.947917vw;
  height: 36.333333vw;
  z-index: -1;
  display: none;
}

.boxesOffer__title {
  overflow-y: hidden;
  font: 900 30px "Raleway", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: black;
  z-index: 10;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.boxesOffer__title span {
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .boxesOffer__title {
    margin: 2.8645833333vw 0;
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.boxesOffer__boxes {
  z-index: 1;
  display: -ms-grid;
  display: grid;
  justify-content: center;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  -ms-grid-rows: (50%)[2];
  grid-template-rows: repeat(2, 50%);
}

@media screen and (min-width: 800px) {
  .boxesOffer__boxes {
    -ms-grid-columns: (50%)[2];
    grid-template-columns: repeat(2, 50%);
    -ms-grid-rows: (400px)[1];
    grid-template-rows: repeat(1, 400px);
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__boxes {
    -ms-grid-columns: (50%)[2];
    grid-template-columns: repeat(2, 50%);
    -ms-grid-rows: (33.8541666667vw)[1];
    grid-template-rows: repeat(1, 33.8541666667vw);
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 900px) {
  .boxesOffer__boxes {
    display: flex;
    flex-wrap: wrap;
  }
}

.boxesOffer__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  .boxesOffer__box {
    width: 100%;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 450px) {
  .boxesOffer__box {
    width: 100%;
    height: 300px;
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box:hover .boxesOffer__boxContent {
    padding-top: 8.8541666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box:hover .boxesOffer__box--more {
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box:hover .boxesOffer__box--btn::before {
    transition: .35s;
    opacity: 0;
  }
}

.boxesOffer__box h2 {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 900;
  margin: 2rem 0 20px 0;
}

@media screen and (max-width: 350px) {
  .boxesOffer__box h2 {
    font-size: 23px;
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box h2 {
    margin: 1.5625vw 0 1.5625vw 0;
    font-size: 1.875vw;
  }
}

.boxesOffer__box img {
  position: relative;
  min-height: 100%;
  max-width: 100%;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .35s;
}

.boxesOffer__box--icon {
  display: inline-flex;
}

@media screen and (max-width: 1024px) {
  .boxesOffer__box--icon {
    font-size: 40px;
  }
}

.boxesOffer__box--icon::before {
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box--icon {
    font-size: 4.1666666667vw;
  }
}

.boxesOffer__box--icon.muscle:before {
  content: "";
}

.boxesOffer__box--icon.curses:before {
  content: "";
}

.boxesOffer__box--icon.trening:before {
  content: "";
}

.boxesOffer__box--icon.info:before {
  content: "";
}

.boxesOffer__box--text {
  margin: 0 auto;
  font-size: 16px;
  line-height: 25px;
  padding: 0 1rem;
  max-width: 502px;
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box--text {
    padding: 0;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    max-width: 28.145833vw;
  }
}

.boxesOffer__box--more {
  position: absolute;
  background: #ef002d;
  bottom: 0;
  width: 100%;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 900 20px "Raleway", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  z-index: 2;
  transition: transform .35s;
  transform: translate3d(0, 95px, 0);
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box--more {
    font: 900 1.0416666667vw "Raleway", sans-serif;
    height: 4.9479166667vw;
    transform: translate3d(0, 4.9479166667vw, 0);
  }
}

.boxesOffer__box--btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ef002d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  transform: translateX(-50%) rotate(45deg);
  margin: 0 auto;
  text-align: center;
  width: 72.13px;
  height: 72.13px;
  pointer-events: none;
  z-index: 1;
}

.boxesOffer__box--btn:before {
  content: "";
}

@media screen and (max-width: 350px) {
  .boxesOffer__box--btn {
    width: 52.13px;
    height: 52.13px;
    font-size: 15px;
    bottom: -26px;
  }
}

@media screen and (min-width: 1024px) {
  .boxesOffer__box--btn {
    bottom: -1.875vw;
    font-size: 1.5625vw;
    width: 3.7567708333vw;
    height: 3.7567708333vw;
  }
}

.boxesOffer__box--btn::before {
  display: inline-flex;
  transform: rotate(-45deg);
}

.boxesOffer__boxContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  transition: .35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 70px;
}

@media screen and (min-width: 1024px) {
  .boxesOffer__boxContent {
    padding-top: 12.5vw;
  }
}

@media screen and (max-width: 450px) {
  .boxesOffer img {
    min-height: 300px;
  }
}

.homeBlog {
  position: relative;
  overflow: hidden;
  background-color: #F6F7F8;
}

.homeBlog__description {
  text-align: center;
  margin: 0 auto;
  width: 51.0416666667vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  color: black;
  margin-bottom: 2.6041666667vw;
}

@media screen and (max-width: 1100px) {
  .homeBlog__description {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.homeBlog__title {
  margin: 0;
  font: 900 35px "Raleway", sans-serif;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  padding: 6rem 0 2rem 0;
}

@media screen and (max-width: 500px) {
  .homeBlog__title {
    font-size: 28px;
  }
}

@media screen and (min-width: 1024px) {
  .homeBlog__title {
    padding: 6.25vw 0 2.34375vw;
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.homeBlog__title--red {
  color: #ef002d;
}

.homeBlog .newsList {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .homeBlog .newsList__list {
    width: 93.75vw;
    margin: 0 auto;
  }
}

.homeAchive {
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .homeAchive {
    height: 12.5vw;
  }
}

.homeAchive__parallax {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: -1;
}

.homeAchive__inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: black;
  text-transform: uppercase;
}

.homeAchive__title {
  font: 900 35px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .homeAchive__title {
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.homeAchive__title--red {
  color: #ef002d;
}

.homeAchive__subtitle {
  font: 400 25px "Raleway", sans-serif;
  letter-spacing: 0.2604166667vw;
}

@media screen and (min-width: 1024px) {
  .homeAchive__subtitle {
    font: 400 1.3020833333vw "Raleway", sans-serif;
  }
}

.boxesActive {
  position: relative;
  padding-bottom: 6.7708333333vw;
  display: -ms-grid;
  display: grid;
  overflow: hidden;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
}

@media screen and (min-width: 1024px) {
  .boxesActive {
    -ms-grid-columns: (33.3333333333vw)[3];
    grid-template-columns: repeat(3, 33.3333333333vw);
    -ms-grid-rows: (17.96875vw)[2];
    grid-template-rows: repeat(2, 17.96875vw);
  }
}

.boxesActive__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #000000;
  position: relative;
  padding: 2rem 0;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .boxesActive__box {
    padding: 1.5625vw 0 1.3020833333vw;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  .boxesActive__box::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.3020833333vw;
    background: #ef002d;
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

.boxesActive__box:nth-child(2n + 1) {
  background: #eef0f1;
}

.boxesActive__box--icon {
  font-size: 70px;
  color: #626c73;
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .boxesActive__box--icon {
    font-size: 3.6458333333vw;
  }
}

.boxesActive__box--icon.heart:before {
  content: "";
}

.boxesActive__box--icon.body:before {
  content: "";
}

.boxesActive__box--icon.brain:before {
  content: "";
}

.boxesActive__box--icon.clock:before {
  content: "";
}

.boxesActive__box--icon.juice:before {
  content: "";
}

.boxesActive__box--icon.sexmater:before {
  content: "";
}

.boxesActive__box--title {
  font: 900 24px "Raleway", sans-serif;
  margin: 0.78125vw 0 1.5625vw;
}

@media screen and (min-width: 1024px) {
  .boxesActive__box--title {
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.boxesActive__box--text {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  padding: 0 3.3333333333vw;
}

@media screen and (min-width: 1024px) {
  .boxesActive__box--text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.webp .atlasYoutube {
  background: url("/images/ytwindow.webp") no-repeat top right;
  background-size: cover;
}

.no-webp .atlasYoutube {
  background-size: cover;
  background: url("/images/ytwindow.jpg") no-repeat top right;
}

.atlasYoutube {
  position: relative;
  background-size: cover;
  z-index: 0;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube {
    height: 44.2708333333vw;
  }
}

.atlasYoutube__rightLogin {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  overflow: hidden;
}

.atlasYoutube.login .atlasYoutube__rightLogin {
  width: auto;
  height: auto;
  visibility: visible;
  opacity: 1;
  position: relative;
  width: 100%;
  padding: 0 2rem;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube.login .atlasYoutube__rightLogin {
    flex: 1 0 22.9166666667vw;
    width: initial;
    padding: 0;
    overflow: initial;
  }
}

.atlasYoutube.login .atlasYoutube__rightLogin .atlasYoutube__move {
  padding: 0 0 1.8229166667vw;
}

.atlasYoutube.login .atlasYoutube__rightLogin .atlasYoutube__moveInfo {
  border-bottom: 1px solid #444f57;
  padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube.login .atlasYoutube__rightLogin .atlasYoutube__moveInfo {
    padding-bottom: 0.5208333333vw;
    width: 22.9166666667vw;
  }
}

.atlasYoutube.login .atlasYoutube__right {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  flex: none;
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube.login .atlasYoutube__right {
    overflow: initial;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube.login .atlasYoutube__left {
    margin-right: 4.4270833333vw;
  }
}

.atlasYoutube__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__inner {
    width: 83.3333333333vw;
    margin: 0 auto;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.atlasYoutube__left {
  flex: 1 0 100%;
  font-size: 100px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__left {
    text-align: center;
    margin-top: 30px;
  }
}

.atlasYoutube__left img {
  cursor: pointer;
  display: inline-flex;
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__left img {
    width: 5.2083333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__left {
    flex: 0 0 50vw;
    margin-right: 4.6875vw;
    width: 50vw;
    font-size: 5.2083333333vw;
  }
}

.atlasYoutube__left iframe {
  width: auto;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__left iframe {
    width: 100%;
    height: 28.125vw;
  }
}

.atlasYoutube__right {
  flex: 1 0 100%;
  color: #fff;
  width: 100%;
  padding: 0 2rem;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__right {
    flex: 0 0 30.2083333333vw;
    padding: 0;
    width: initial;
  }
}

.atlasYoutube__title {
  text-transform: uppercase;
  font-size: 52px;
  font-weight: 900;
}

@media screen and (max-width: 600px) {
  .atlasYoutube__title {
    font-size: 35px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__title {
    font-size: 3.75vw;
  }
}

.atlasYoutube__title span {
  color: #ef002d;
}

.atlasYoutube__move {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.34375vw 0 2.34375vw;
  transition: color .3s;
}

.atlasYoutube__move--icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin-right: 30px;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__move--icon {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__move--icon {
    width: 1.5625vw;
    margin-left: -2.6041666667vw;
    margin-right: 1.5625vw;
    height: 1.5625vw;
  }
}

.atlasYoutube__moveInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__moveInfo {
    align-items: center;
    justify-content: center;
  }
}

.atlasYoutube__moveInfo--title {
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 1.5625vw;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__moveInfo--title {
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 500px) {
  .atlasYoutube__moveInfo--title {
    font-size: 20px;
  }
}

.atlasYoutube__moveInfo--time {
  display: flex;
  align-items: center;
  color: #85a0b2;
}

.atlasYoutube__moveInfo--time.iconTime {
  display: inline-flex;
  font-size: 21px;
  margin-right: 0.7291666667vw;
}

.atlasYoutube__moveInfo--time.iconTime:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__moveInfo--time.iconTime {
    font-size: 1.09375vw;
  }
}

.atlasYoutube__moveInfo--time.nameTime {
  font-size: 18px;
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__moveInfo--time.nameTime {
    font-size: 0.9375vw;
  }
}

.atlasYoutube__moveInfo--text {
  font-size: 18px;
  line-height: 30px;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__moveInfo--text {
    font-size: 15px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__moveInfo--text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.atlasYoutube__more {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__more {
    align-items: center;
  }
}

.atlasYoutube__more--info {
  font-size: 18px;
  font-weight: 900;
  color: #7e8b94;
  text-transform: uppercase;
  display: inline-flex;
  letter-spacing: 0.2083333333vw;
  position: relative;
  width: 100%;
  align-items: center;
  padding-bottom: 15px;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__more--info {
    display: inline-block;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__more--info {
    padding-bottom: 1.3020833333vw;
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__more--info::after {
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    background: #7e8b94;
    width: 16.6666666667vw;
  }
}

.atlasYoutube__morePanel {
  display: flex;
  font-size: 28px;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 500px) {
  .atlasYoutube__morePanel {
    font-size: 20px;
  }
}

@media screen and (min-width: 600px) {
  .atlasYoutube__morePanel {
    flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__morePanel {
    align-items: center;
    font-size: 1.4583333333vw;
  }
}

.atlasYoutube__morePanel .key, .atlasYoutube__morePanel .avatar {
  display: inline-flex;
  padding-right: 33px;
  color: #ef002d;
  font-size: 40px;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__morePanel .key, .atlasYoutube__morePanel .avatar {
    font-size: 2.0833333333vw;
    padding-right: 1.71875vw;
  }
}

.atlasYoutube__morePanel .key:before {
  content: "";
}

@media screen and (max-width: 500px) {
  .atlasYoutube__morePanel .key {
    font-size: 25px;
    padding-right: 10px;
  }
}

.atlasYoutube__morePanel .avatar:before {
  content: "";
}

@media screen and (max-width: 500px) {
  .atlasYoutube__morePanel .avatar {
    font-size: 25px;
    padding-right: 10px;
  }
}

.atlasYoutube__morePanel a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0.2604166667vw 0;
}

.atlasYoutube__morePanel a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1041666667vw;
  opacity: 0;
  background: #ef002d;
  transform: translate3d(0, -3em, 0);
  transition: transform 0s 0.3s, opacity 0.2s;
}

.atlasYoutube__morePanel a span {
  display: block;
  pointer-events: none;
}

.atlasYoutube__morePanel a:focus, .atlasYoutube__morePanel a:hover, .atlasYoutube__morePanel a:active {
  color: #ef002d;
}

.atlasYoutube__morePanel a:focus::before, .atlasYoutube__morePanel a:hover::before, .atlasYoutube__morePanel a:active::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s, opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.atlasYoutube__morePanel a:focus span, .atlasYoutube__morePanel a:hover span, .atlasYoutube__morePanel a:active span {
  animation: anim-francisco 0.3s forwards;
}

@media screen and (min-width: 600px) {
  .atlasYoutube__morePanel--register {
    margin-right: 47px;
  }
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__morePanel--register {
    margin-right: 2.4479166667vw;
  }
}

.atlasYoutube__morePanel--register, .atlasYoutube__morePanel--login {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__morePanel--register, .atlasYoutube__morePanel--login {
    padding: 0;
  }
}

.atlasYoutube__btns {
  display: flex;
  right: 0;
  height: 99%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__btns {
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    justify-content: space-between;
  }
}

.atlasYoutube__btns button {
  border: 1px solid #444f57;
  background: #1c272f;
  height: 64px;
  width: 100%;
  cursor: pointer;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}

.atlasYoutube__btns button:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__btns button {
    width: 3.3333333333vw;
    height: 14.0104166667vw;
  }
}

.atlasYoutube__btns button::before {
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .atlasYoutube__btns button::before {
    font-size: 1.0416666667vw;
  }
}

.atlasYoutube__btns button:hover {
  border-color: #ef002d;
  color: #ef002d;
}

.atlasYoutube__btns--prev::before {
  transform: rotate(-90deg);
}

.atlasYoutube__btns--next::before {
  transform: rotate(90deg);
}

.metamorphosesHome {
  position: relative;
  background: #eef0f1;
  overflow: hidden;
  padding: 6.25vw 0 3.28125vw;
  width: 100%;
}

.metamorphosesHome__intro {
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

.metamorphosesHome__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 35px;
  color: #000000;
  font-weight: 900;
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__title {
    flex-direction: row;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 28px;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__title {
    flex-direction: row;
    font-size: 1.8229166667vw;
  }
}

.metamorphosesHome__title--red {
  color: #ef002d;
}

.metamorphosesHome__subtitle {
  font-size: 25px;
  letter-spacing: 4px;
  padding: 1.5625vw 0 5.5729166667vw;
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__subtitle {
    font-size: 20px;
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__subtitle {
    font-size: 1.3020833333vw;
    letter-spacing: 0.2083333333vw;
  }
}

.metamorphosesHome__shadowText {
  font-size: 35px;
  font-weight: 900;
  font-style: italic;
  color: #dee4e7;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: -45px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__shadowText {
    font-size: 5.9895833333vw;
    bottom: -2.34375vw;
  }
  .metamorphosesHome__shadowText span:last-child {
    margin-left: 3.90625vw;
  }
}

.metamorphosesHome__sliderArea {
  width: 90%;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__sliderArea {
    width: 93.75vw;
  }
}

.metamorphosesHome__slide {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slide {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45.5729166667vw !important;
  }
}

.metamorphosesHome__slideTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  background: #25323b;
  height: 553px;
}

@media screen and (max-width: 350px) {
  .metamorphosesHome__slideTop {
    height: 473px;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideTop {
    flex-direction: row;
    height: 19.375vw;
  }
}

.metamorphosesHome__slideLeft, .metamorphosesHome__slideRight {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideLeft, .metamorphosesHome__slideRight {
    width: 50%;
  }
}

.metamorphosesHome__slideLeft {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.metamorphosesHome__slideLeftBefore, .metamorphosesHome__slideLeftAfter {
  width: 50%;
  height: 100%;
  position: relative;
}

.metamorphosesHome__slideLeftBefore--title, .metamorphosesHome__slideLeftAfter--title {
  position: absolute;
  width: 125px;
  height: 70px;
  bottom: -35px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideLeftBefore--title, .metamorphosesHome__slideLeftAfter--title {
    font-size: 1.5625vw;
    bottom: -1.8229166667vw;
    width: 6.5104166667vw;
    height: 3.6458333333vw;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideLeftBefore--title, .metamorphosesHome__slideLeftAfter--title {
    font-size: 15px;
    bottom: 0px;
    width: 60px;
    height: 35px;
  }
}

.metamorphosesHome__slideLeftBefore--title.before, .metamorphosesHome__slideLeftAfter--title.before {
  background: #a4c22e;
  right: 0;
}

.metamorphosesHome__slideLeftBefore--title.before::before, .metamorphosesHome__slideLeftAfter--title.before::before {
  content: '';
  position: absolute;
  left: -35px;
  display: block;
  width: 0;
  height: 0;
  border: inset 35px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #a4c22e transparent transparent;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideLeftBefore--title.before::before, .metamorphosesHome__slideLeftAfter--title.before::before {
    left: -1.8229166667vw;
    display: block;
    width: 0;
    height: 0;
    border: inset 1.8229166667vw;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #a4c22e transparent transparent;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideLeftBefore--title.before::before, .metamorphosesHome__slideLeftAfter--title.before::before {
    left: -17px;
    display: block;
    width: 0;
    height: 0;
    border: inset 18px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #a4c22e transparent transparent;
  }
}

.metamorphosesHome__slideLeftBefore--title.after, .metamorphosesHome__slideLeftAfter--title.after {
  background: #ef002d;
  left: 0;
}

.metamorphosesHome__slideLeftBefore--title.after::before, .metamorphosesHome__slideLeftAfter--title.after::before {
  content: '';
  position: absolute;
  right: -35px;
  display: block;
  width: 0;
  height: 0;
  border: inset 35px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #ef002d;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideLeftBefore--title.after::before, .metamorphosesHome__slideLeftAfter--title.after::before {
    right: -1.8229166667vw;
    display: block;
    width: 0;
    height: 0;
    border: inset 1.8229166667vw;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ef002d;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideLeftBefore--title.after::before, .metamorphosesHome__slideLeftAfter--title.after::before {
    right: -17px;
    display: block;
    width: 0;
    height: 0;
    border: inset 17px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ef002d;
  }
}

.metamorphosesHome__slideLeftBefore img, .metamorphosesHome__slideLeftAfter img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideLeftBefore img, .metamorphosesHome__slideLeftAfter img {
    height: 299px;
  }
}

@media screen and (max-width: 350px) {
  .metamorphosesHome__slideLeftBefore img, .metamorphosesHome__slideLeftAfter img {
    height: 250px;
  }
}

.metamorphosesHome__slideRight {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: #fff;
  position: relative;
  padding: 3rem 0 0 2rem;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRight {
    padding: 2.6041666667vw 0 0 2.5520833333vw;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideRight {
    padding-top: 8rem;
  }
}

.metamorphosesHome__slideRight::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6.1458333333vw;
  background: #ef002d;
  width: 2.0833333333vw;
  height: 0.2604166667vw;
}

.metamorphosesHome__slideRight::after {
  content: '';
  position: absolute;
  left: 2.0833333333vw;
  top: 6.1458333333vw;
  background: #30404b;
  width: calc(100% - 2.0833333333vw);
  height: 0.2604166667vw;
}

.metamorphosesHome__slideRightName {
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightName {
    font-size: 1.8229166667vw;
  }
}

.metamorphosesHome__slideRightInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfo {
    padding: 3.125vw 0 0;
  }
}

.metamorphosesHome__slideRightDesc {
  background: #eef0f1;
  padding: 20px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.metamorphosesHome__slideRightDesc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
  transform: translate3d(0, 100%, 0);
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightDesc {
    padding: 3.34375vw 3.6458333333vw 2.9166666667vw 2.34375vw;
    height: 11.4583333333vw;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideRightDesc {
    margin-bottom: 15px;
  }
}

.metamorphosesHome__slideRightDesc--title {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 0.9375vw;
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightDesc--title {
    font-size: 1.25vw;
  }
}

.metamorphosesHome__slideRightDesc--title .black {
  color: #000000;
  padding-left: 0.2604166667vw;
}

.metamorphosesHome__slideRightDesc--text {
  font-size: 14px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightDesc--text {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}

.metamorphosesHome__slideRightDesc--more {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -100%);
  top: 0;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 900;
  text-transform: uppercase;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.15625vw solid transparent;
  padding: 0.5208333333vw 2.0833333333vw;
}

.metamorphosesHome__slideRightDesc--more:focus, .metamorphosesHome__slideRightDesc--more:hover, .metamorphosesHome__slideRightDesc--more:active {
  border-color: #fff;
  background: #fff;
  color: #ef002d;
}

.metamorphosesHome__slideRightInfoWeight, .metamorphosesHome__slideRightInfoType {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.metamorphosesHome__slideRightInfoWeight--icon {
  color: #ef002d;
  font-size: 35px;
  padding-right: 21px;
  display: inline-flex;
}

.metamorphosesHome__slideRightInfoWeight--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoWeight--icon {
    font-size: 2.6041666667vw;
    padding-right: 1.09375vw;
  }
}

.metamorphosesHome__slideRightInfoWeight--text {
  font-size: 40px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoWeight--text {
    font-size: 3.125vw;
  }
}

.metamorphosesHome__slideRightInfoWeight--red {
  color: #ef002d;
  font-size: 35px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoWeight--red {
    font-size: 1.8229166667vw;
  }
}

.metamorphosesHome__slideRightInfoType {
  padding-top: 2.2916666667vw;
}

.metamorphosesHome__slideRightInfoType--icon {
  color: #ef002d;
  font-size: 35px;
  padding-right: 18px;
  display: inline-flex;
}

.metamorphosesHome__slideRightInfoType--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoType--icon {
    font-size: 2.8645833333vw;
    padding-right: 0.9375vw;
  }
}

.metamorphosesHome__slideRightInfoType--text {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-weight: 900;
}

.metamorphosesHome__slideRightInfoType--normal {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoType--normal {
    font-size: 0.8333333333vw;
  }
}

.metamorphosesHome__slideRightInfoType--big {
  font-size: 25px;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightInfoType--big {
    font-size: 1.3020833333vw;
  }
}

.metamorphosesHome__slideRightBtn {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4.1666666667vw;
}

.metamorphosesHome__slideRightBtn--href {
  color: #ef002d;
  background: none;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  border: 0.15625vw solid #fff;
}

.metamorphosesHome__slideRightBtn--href::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: none;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__slideRightBtn--href {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.metamorphosesHome__slideRightBtn--href:focus, .metamorphosesHome__slideRightBtn--href:hover, .metamorphosesHome__slideRightBtn--href:active {
  background: #ef002d;
  color: none;
}

.metamorphosesHome__slideRightBtn--href:focus::before, .metamorphosesHome__slideRightBtn--href:hover::before, .metamorphosesHome__slideRightBtn--href:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #ef002d;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.metamorphosesHome__slideRightBtn--href:focus, .metamorphosesHome__slideRightBtn--href:hover, .metamorphosesHome__slideRightBtn--href:active {
  border-color: #ef002d;
}

.metamorphosesHome__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.metamorphosesHome__btn--href {
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.metamorphosesHome__btn--href::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__btn--href {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.metamorphosesHome__btn--href:focus, .metamorphosesHome__btn--href:hover, .metamorphosesHome__btn--href:active {
  background: #fff;
  color: #ef002d;
}

.metamorphosesHome__btn--href:focus::before, .metamorphosesHome__btn--href:hover::before, .metamorphosesHome__btn--href:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__btn--href {
    color: #fff;
    background: #ef002d;
    border-radius: 0px;
    font-size: 15px;
    width: 245px;
    height: 45px;
    font-weight: 900;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 0.3s, color 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .metamorphosesHome__btn--href::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    background: #ef002d;
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform-origin: 0% 100%;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  }
}

@media screen and (max-width: 500px) and (min-width: 1024px) {
  .metamorphosesHome__btn--href {
    font-size: 0.78125vw;
    height: 2.34375vw;
    width: 12.7604166667vw;
    border-radius: 0vw;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__btn--href:focus, .metamorphosesHome__btn--href:hover, .metamorphosesHome__btn--href:active {
    background: #fff;
    color: #ef002d;
  }
  .metamorphosesHome__btn--href:focus::before, .metamorphosesHome__btn--href:hover::before, .metamorphosesHome__btn--href:active::before {
    transform: rotate3d(0, 0, 1, 0deg);
    background: #fff;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
}

.metamorphosesHome__pagination {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 3.125vw;
  bottom: 4.9479166667vw;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__pagination {
    display: flex;
  }
}

.metamorphosesHome__pagination .swiper-pagination-bullet {
  width: 1.8229166667vw;
  opacity: 1;
  display: inline-flex;
  border-radius: 0;
  height: 0.2604166667vw;
  background: #d2d8db;
  transition: .3s;
  margin-right: 0.78125vw;
}

.metamorphosesHome__pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.metamorphosesHome__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ef002d;
}

.metamorphosesHome__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  top: 58%;
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__nav {
    top: 62%;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__nav {
    top: 42%;
  }
}

.metamorphosesHome__nav--arrow {
  margin: 0 1rem;
  position: relative;
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: .3s;
  background: #ef002d;
  transform: rotate(45deg);
}

.metamorphosesHome__nav--arrow:hover {
  background: #000000;
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__nav--arrow {
    width: 25.5px;
    height: 25.5px;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__nav--arrow {
    width: 2.9427083333vw;
    height: 2.9427083333vw;
  }
}

.metamorphosesHome__nav--arrow.swiper-button-disabled {
  opacity: .5;
}

.metamorphosesHome__nav--arrow::before {
  position: absolute;
  transition: color .3s;
  color: #fff;
  font-size: 19px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transform: rotate(-45deg);
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__nav--arrow::before {
    font-size: 13px;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphosesHome__nav--arrow::before {
    font-size: 0.9895833333vw;
  }
}

.metamorphosesHome__nav--prev {
  left: -2.1875vw;
}

.metamorphosesHome__nav--prev:before {
  content: "";
}

.metamorphosesHome__nav--prev:before {
  padding-right: 0.4166666667vw;
}

.metamorphosesHome__nav--next {
  right: -2.1875vw;
}

.metamorphosesHome__nav--next:before {
  content: "";
}

.metamorphosesHome__nav--next:before {
  justify-content: flex-start;
  padding-left: 0.4166666667vw;
}

.instagram_gallery {
  display: flex;
}

@media screen and (max-width: 800px) {
  .instagram_gallery {
    display: none;
  }
}

.instagram_profile {
  display: none;
}

.instagram_gallery a {
  transition: opacity .3s;
  opacity: 1;
  position: relative;
  text-decoration: none !important;
  background-size: 100% !important;
}

.instagram_gallery a:before {
  content: "";
}

.instagram_gallery a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
  background: rgba(239, 0, 45, 0.7);
  transform: translate3d(0, 100%, 0);
  transition: .3s;
  z-index: -1;
  pointer-events: none;
  cursor: default;
}

.instagram_gallery a:hover:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.instagram_gallery a:before {
  transition: .4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
  transform: translate(-50%, -100%);
  font-size: 3.125vw;
  color: white;
  z-index: 10;
  opacity: 0;
}

.instagram_gallery a:hover:after {
  z-index: 9;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.boxesOffer__description {
  text-align: center;
  margin: 0 auto;
  width: 66.6666666667vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  color: black;
}

.boxesOffer__description .oneNews__link {
  padding-bottom: 2.0833333333vw;
}

.boxesOffer__description .oneNews__link a {
  margin: 0 auto;
  width: 12.7604166667vw;
}

@media screen and (max-width: 1120px) {
  .boxesOffer__description {
    font-size: 18px;
    width: 100%;
    padding: 30px 15px;
  }
  .boxesOffer__description .oneNews__link {
    padding-bottom: 20px;
    padding-top: 40px;
  }
  .boxesOffer__description .oneNews__link a {
    margin: 0 auto;
    width: 245px;
  }
}

.webp .howSeeHome {
  background: url("/images/seeBG.webp") no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .webp .howSeeHome {
    background: none;
  }
}

.no-webp .howSeeHome {
  background: url("/images/seeBG.jpg") no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .no-webp .howSeeHome {
    background: none;
  }
}

.howSeeHome {
  padding: 8.3333333333vw 0;
}

@media screen and (max-width: 1024px) {
  .howSeeHome {
    order: 7;
    background: none;
  }
}

.howSeeHome__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .howSeeHome__wrap {
    width: 83.3333333333vw;
    margin: 0 auto;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.howSeeHome__title {
  text-transform: uppercase;
  font-size: 52px;
  font-weight: 900;
}

@media screen and (max-width: 600px) {
  .howSeeHome__title {
    font-size: 35px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .howSeeHome__title {
    font-size: 3.75vw;
  }
}

.howSeeHome__title span {
  color: #ef002d;
}

.howSeeHome__desc {
  font-size: 16px;
  line-height: 1.7;
  text-align: justify;
  padding: 0 15px;
  margin: 25px 0;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .howSeeHome__desc {
    font-size: 0.9375vw;
    margin: 2.0833333333vw 0;
    padding: 0;
  }
}

.howSeeHome__subtitle {
  margin: 0 auto;
  font-size: 20px;
  padding: 0 1rem;
  line-height: 1.4;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .howSeeHome__subtitle {
    padding: 0;
    text-align: left;
    margin-bottom: 0;
    font-size: 1.25vw;
  }
}

.howSeeHome__left {
  padding: 0;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .howSeeHome__left {
    width: 32.8125vw;
    padding-right: 4.729167vw;
  }
}

.howSeeHome__right {
  padding: 0;
}

.howSeeHome__right iframe {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .howSeeHome__right iframe {
    width: 50.2604166667vw;
    height: 28.125vw;
  }
}

.redlines {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  right: 4.6875vw;
  bottom: -2.6041666667vw;
}

@media screen and (max-width: 1024px) {
  .redlines {
    display: none;
  }
}

.redlines span {
  display: inline-block;
  height: 0.5208333333vw;
  background: #ef002d;
  margin-bottom: 0.5208333333vw;
}

.redlines .redlines1 {
  width: 2.0833333333vw;
}

.redlines .redlines2 {
  width: 4.1666666667vw;
}

.redlines .redlines3 {
  width: 8.3333333333vw;
}

.benefits {
  width: 100%;
  background: white;
  position: relative;
}

@media screen and (max-width: 500px) {
  .benefits {
    order: 10;
  }
}

.benefitsItem {
  width: 16.6666666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 1024px) {
  .benefitsItem {
    width: 50%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  .benefitsItem {
    width: 100%;
  }
}

.benefits__element {
  border: 2px solid #ef002d;
  width: 12.5vw;
  height: 12.5vw;
  color: black;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 2.8645833333vw;
}

.benefits__element p {
  margin: 0;
  display: inline;
}

@media screen and (max-width: 1024px) {
  .benefits__element {
    width: 200px;
    height: 200px;
    font-size: 45px;
  }
}

.benefits .benefits__desc {
  width: 100%;
  margin: 0 auto;
  margin-top: 1.5625vw;
  display: inline-block;
  color: black;
  font-size: 1.0416666667vw;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .benefits .benefits__desc {
    margin-top: 15px;
    font-size: 18px;
  }
}

.benefits__inner {
  width: 100%;
  max-width: 83.3333333333vw;
  margin: 0 auto;
  padding: 3.125vw 0;
}

.benefitsWrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 1.0416666667vw;
}

@media screen and (max-width: 1024px) {
  .benefitsWrap {
    margin-top: 40px;
    padding-top: 0;
  }
}

@media screen and (max-width: 500px) {
  .socialHome {
    order: 11;
  }
}

.socialHome__description {
  text-align: center;
  margin: 0 auto;
  width: 56.25vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  color: black;
  margin-bottom: 2.6041666667vw;
}

@media screen and (max-width: 1100px) {
  .socialHome__description {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 15px;
  }
}

.socialHome__title {
  overflow-y: hidden;
  font: 900 30px "Raleway", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: black;
  z-index: 10;
  margin-bottom: 20px;
  padding: 0 15px;
}

.socialHome__title span {
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .socialHome__title {
    margin: 6.25vw 0 2.0833333333vw;
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.socialHome__item {
  width: 25vw;
  height: 10.6770833333vw !important;
  background: #F6F7F8 !important;
  display: flex;
  align-items: center;
  color: black;
  font-size: 1.25vw;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-decoration: none;
  font-weight: 900;
  padding: 0 4.1666666667vw;
  justify-content: space-between;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.socialHome__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #F6F7F8;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (max-width: 1024px) {
  .socialHome__item {
    width: 90%;
    margin: 0 auto 20px;
    height: 100px !important;
    padding: 0 20px;
    font-size: 20px;
    justify-content: flex-start;
  }
}

.socialHome__item:first-child:focus, .socialHome__item:first-child:hover, .socialHome__item:first-child:active {
  background: #C1558B;
  color: white;
}

.socialHome__item:first-child:focus::before, .socialHome__item:first-child:hover::before, .socialHome__item:first-child:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #C1558B;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.socialHome__item:last-child:focus, .socialHome__item:last-child:hover, .socialHome__item:last-child:active {
  background: #4267B2;
  color: white;
}

.socialHome__item:last-child:focus::before, .socialHome__item:last-child:hover::before, .socialHome__item:last-child:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #4267B2;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.socialHome__icon--fb:before {
  content: "";
}

.socialHome__icon--insta:before {
  content: "";
}

.socialHome__icon:before {
  font-size: 5.2083333333vw;
}

@media screen and (max-width: 1024px) {
  .socialHome__icon:before {
    font-size: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .socialHome__icon {
    margin-right: 20px;
  }
}

.socialHome__wrap {
  display: flex;
  width: 50.78125vw;
  justify-content: space-between;
  margin: 0 auto 4.1666666667vw;
}

@media screen and (max-width: 1024px) {
  .socialHome__wrap {
    width: 100%;
    margin: 40px 0;
    flex-wrap: wrap;
  }
}

.webp .seoHome__top {
  background: url("/images/seoBG.webp");
}

.no-webp .seoHome__top {
  background: url("/images/seoBG.jpg");
}

@media screen and (max-width: 500px) {
  .seoHome {
    order: 12;
  }
}

.seoHome__top {
  background-size: cover;
}

.seoHome__titleSection {
  overflow-y: hidden;
  font: 900 30px "Raleway", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: white;
  z-index: 10;
  margin-bottom: 0;
  padding: 30px 15px;
}

.seoHome__titleSection span {
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .seoHome__titleSection {
    padding: 6.25vw 0 2.0833333333vw;
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.seoHome__description {
  text-align: center;
  margin: 0 auto;
  width: 45.8333333333vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  color: white;
  padding-bottom: 8.8541666667vw;
}

@media screen and (max-width: 1100px) {
  .seoHome__description {
    width: 100%;
    font-size: 18px;
    padding: 0 15px 20px;
  }
}

.seoHome__bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.seoHome__item {
  width: 33.3333%;
}

.seoHome__item img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .seoHome__item {
    width: 100%;
  }
}

.seoHome__title {
  position: relative;
  font-size: 1.8229166667vw;
  color: black;
  text-transform: uppercase;
  font-weight: 900;
  padding-bottom: 1.5625vw;
}

.seoHome__title:after {
  content: '';
  display: inline-block;
  width: 2.6041666667vw;
  height: 0.2604166667vw;
  background: #ef002d;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .seoHome__title {
    text-align: center;
  }
  .seoHome__title:after {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .seoHome__title {
    font-size: 30px;
    padding-bottom: 0px;
    margin-bottom: 0;
    padding-top: 10px;
  }
}

.seoHome__content {
  padding: 3.125vw;
}

@media screen and (max-width: 1024px) {
  .seoHome__content {
    padding: 20px 15px;
  }
}

.seoHome__content p {
  text-align: left;
  font-size: 0.9375vw;
  line-height: 1.7;
  color: black;
  margin-top: 2.0833333333vw;
}

@media screen and (max-width: 1024px) {
  .seoHome__content p {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
  }
}

.seoHome__content a {
  color: #ef002d;
  transition: all .4s ease;
}

.seoHome__content a:hover {
  color: black;
}

.newsletter {
  background: #F5F7F7;
}

@media screen and (max-width: 500px) {
  .newsletter {
    order: 13;
  }
}

.newsletter__title {
  overflow-y: hidden;
  font: 900 30px "Raleway", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: black;
  z-index: 10;
  margin-bottom: 0;
  padding: 30px 0;
}

.newsletter__title span {
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .newsletter__title {
    padding: 6.25vw 0 2.0833333333vw;
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.newsletter__description {
  text-align: center;
  margin: 0 auto;
  width: 56.25vw;
  font-size: 0.9375vw;
  line-height: 1.4;
  color: black;
  margin-bottom: 2.6041666667vw;
}

@media screen and (max-width: 1100px) {
  .newsletter__description {
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 15px;
  }
}

.newsletter__inner {
  width: 57.2916666667vw;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .newsletter__inner {
    width: 100%;
    padding: 0 15px;
    text-align: center;
  }
}

.newsletter__inner .styledForm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .newsletter__inner .styledForm {
    align-items: center;
    justify-content: center;
  }
}

.newsletter__inner .styledForm .button {
  margin-top: 0;
  color: white;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 65px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.newsletter__inner .styledForm .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .newsletter__inner .styledForm .button {
    font-size: 1.0416666667vw;
    height: 3.3854166667vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.newsletter__inner .styledForm .button:focus, .newsletter__inner .styledForm .button:hover, .newsletter__inner .styledForm .button:active {
  background: white;
  color: #ef002d;
}

.newsletter__inner .styledForm .button:focus::before, .newsletter__inner .styledForm .button:hover::before, .newsletter__inner .styledForm .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: white;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (max-width: 1024px) {
  .newsletter__inner .styledForm .button {
    margin: 0 auto;
  }
}

.newsletter__inner .styledForm input {
  border-color: #C8D0D4;
}

.newsletter__inner .styledForm .email {
  width: 40.1041666667vw;
}

@media screen and (max-width: 1024px) {
  .newsletter__inner .styledForm .email {
    width: 100%;
  }
}

.newsletter__rodo {
  text-align: center;
  margin: 0 auto;
  width: 51.0416666667vw;
  font-size: 0.7291666667vw;
  line-height: 1.4;
  color: #66737B;
  padding-bottom: 6.7708333333vw;
  margin-top: 2.34375vw;
}

@media screen and (max-width: 1100px) {
  .newsletter__rodo {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.newsletter__rodo a {
  color: #ef002d;
  transition: all .4s ease;
}

.newsletter__rodo a:hover {
  color: black;
}

.footer.homefooter {
  border-top: 0;
}

.footer.homefooter .footer__center {
  margin-top: 0;
}

.footer.homefooter .footer__centerInner {
  padding: 0;
}

.footer.homefooter .footerForm__description {
  text-align: center;
  font-size: 0.9375vw;
  line-height: 1.7;
  color: white;
  padding-bottom: 2.0833333333vw;
}

@media screen and (max-width: 1100px) {
  .footer.homefooter .footerForm__description {
    width: 100%;
    font-size: 18px;
    padding-bottom: 20px;
  }
}

.mainContainer.contact {
  position: relative;
  padding-bottom: 8.0208333333vw;
}

.mainContainer.contact .mainContainer__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .mainContainer__wrap {
    margin: 0 auto;
    flex-direction: row;
    width: 83.3333333333vw;
  }
}

.mainContainer.contact .styledForm {
  padding: 2rem;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .styledForm {
    padding: 2.2916666667vw;
  }
}

.mainContainer.contact .styledForm__flex {
  display: flex;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .styledForm__rowInflex {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0.78125vw;
  }
}

.mainContainer.contact .styledForm__rodo {
  color: #66737b;
  margin-top: 1.3541666667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .styledForm__row--inline {
    margin-bottom: 0 !important;
    display: inline-flex;
    margin-right: 0.78125vw;
    width: 25.7291666667vw;
  }
}

.mainContainer.contact .styledForm__row--inline:nth-child(3) {
  margin-right: 0;
}

.mainContainer.contact .styledForm__row--button {
  justify-content: center;
}

.mainContainer.contact .styledForm__row--button .button {
  margin-top: 1.7708333333vw;
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  line-height: 1 !important;
}

.mainContainer.contact .styledForm__row--button .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .styledForm__row--button .button {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.mainContainer.contact .styledForm__row--button .button:focus, .mainContainer.contact .styledForm__row--button .button:hover, .mainContainer.contact .styledForm__row--button .button:active {
  background: #000000;
  color: #eef0f1;
}

.mainContainer.contact .styledForm__row--button .button:focus::before, .mainContainer.contact .styledForm__row--button .button:hover::before, .mainContainer.contact .styledForm__row--button .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer.contact .styledForm__row textarea {
  height: 139px;
  overflow: auto;
}

@media screen and (min-width: 1024px) {
  .mainContainer.contact .styledForm__row textarea {
    width: 100%;
    height: 7.2395833333vw;
  }
}

.mainContainer.contact .styledForm__row textarea::-webkit-scrollbar {
  width: 34px;
  background: #c8d0d4;
  border: 14px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
}

.mainContainer.contact .styledForm__row textarea::-webkit-scrollbar-thumb {
  border: 14px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 24px;
  background-color: #ef002d;
}

.mainContainer.contact .styledForm__row input, .mainContainer.contact .styledForm__row textarea, .mainContainer.contact .styledForm__row select {
  border: 1px solid #c8d0d4;
  background: #fff;
}

.mainContainer.contact .styledForm__row input:focus, .mainContainer.contact .styledForm__row input:hover, .mainContainer.contact .styledForm__row input:active, .mainContainer.contact .styledForm__row textarea:focus, .mainContainer.contact .styledForm__row textarea:hover, .mainContainer.contact .styledForm__row textarea:active, .mainContainer.contact .styledForm__row select:focus, .mainContainer.contact .styledForm__row select:hover, .mainContainer.contact .styledForm__row select:active {
  border-color: #ef002d;
}

.mainContainer.contact .styledForm__row.iconRight::after {
  background: #c8d0d4;
}

.contactpage {
  align-items: stretch !important;
}

.webp .mainContainer__contactBanner {
  background: url("/images/contactbanner.webp") no-repeat bottom right;
}

.webp .mainContainer__form {
  background: #eef0f1 url("/images/formbg.webp") no-repeat top right;
}

.no-webp .mainContainer__contactBanner {
  background: url("/images/contactbanner.png") no-repeat bottom right;
}

.no-webp .mainContainer__form {
  background: #eef0f1 url("/images/formbg.png") no-repeat top right;
}

.mainContainer__form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  .mainContainer__form {
    height: auto;
    width: 50%;
  }
}

.mainContainer__contactBanner {
  background-size: cover;
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBanner {
    padding: 6.40625vw 0 0;
    height: auto;
    width: 50%;
  }
}

.mainContainer__contactBanner--title {
  font-weight: 900;
  font-size: 35px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBanner--title {
    font-size: 1.8229166667vw;
  }
}

.mainContainer__contactBanner--red {
  color: #ef002d;
}

.mainContainer__contactBanner--subtitle {
  font-size: 25px;
  letter-spacing: 0.2083333333vw;
  padding: 1.8229166667vw 0 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBanner--subtitle {
    font-size: 1.3020833333vw;
  }
}

.mainContainer__contactBannerSocials {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBannerSocials {
    flex-direction: row;
    position: relative;
    padding: 0;
    height: 100%;
    align-items: baseline;
    padding-top: 6.875vw;
  }
}

.mainContainer__contactBannerSocials--title {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBannerSocials--title {
    font-size: 1.25vw;
  }
  .mainContainer__contactBannerSocials--title::after {
    content: '';
    position: absolute;
    right: -3.6458333333vw;
    width: 1px;
    bottom: -5.3645833333vw;
    height: 18.75vw;
    background: #4a5e6d;
  }
}

.mainContainer__contactBannerSocials--item {
  text-decoration: none;
  font-size: 94px;
  color: #fff;
  padding: 2rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: color .7s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBannerSocials--item {
    padding: 0;
    margin: 0 7.2916666667vw 0 0;
    align-items: center;
    font-size: 4.8958333333vw;
  }
}

.mainContainer__contactBannerSocials--item:last-child {
  margin-right: 0;
}

.mainContainer__contactBannerSocials--item:last-child .mainContainer__contactBannerSocials--title::after {
  display: none;
}

.mainContainer__contactBannerSocials--item::before {
  display: inline-flex;
  padding-bottom: 2.5vw;
}

.mainContainer__contactBannerSocials--item::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -140px 0 0 -140px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  content: '';
  opacity: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 5px rgba(111, 148, 182, 0.05);
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBannerSocials--item::after {
    width: 14.5833333333vw;
    height: 14.5833333333vw;
    margin: -7.2916666667vw 0 0 -7.2916666667vw;
  }
}

.mainContainer__contactBannerSocials--item:focus::after, .mainContainer__contactBannerSocials--item:hover::after, .mainContainer__contactBannerSocials--item:active::after {
  animation: anim-effect-marin 0.5s ease-out forwards;
}

.mainContainer__contactBannerSocials--item.fb {
  font-size: 75px;
}

.mainContainer__contactBannerSocials--item.fb:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__contactBannerSocials--item.fb {
    font-size: 3.90625vw;
  }
}

.mainContainer__contactBannerSocials--item.ig:before {
  content: "";
}

.mainContainer__contactBannerSocials--item.yt:before {
  content: "";
}

.mainContainer__contactBannerSocials--item::before {
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .styledForm {
    padding: 0;
  }
}

.styledForm__title {
  font-weight: bold;
  color: #052b5f;
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 24px;
}

@media screen and (min-width: 1024px) {
  .styledForm__title {
    margin-bottom: 2.8125vw;
    font-size: 2.5vw;
    line-height: 1.25vw;
  }
}

.styledForm__rodo {
  font-size: 14px;
  color: #7e8b94;
  margin-top: 1.5625vw;
}

@media screen and (min-width: 1024px) {
  .styledForm__rodo {
    font-size: 0.7291666667vw;
  }
}

.styledForm__rodo--text {
  padding: 0 2rem;
}

.styledForm__rodo--text a {
  color: inherit;
  transition: .3s;
  position: relative;
  z-index: 2;
}

.styledForm__rodo--text a:focus, .styledForm__rodo--text a:hover, .styledForm__rodo--text a:active {
  color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .styledForm__rodo--text {
    padding: 0 1.0416666667vw;
  }
}

.styledForm__info {
  font-size: 20px;
  line-height: 36px;
  color: #6c7181;
  text-align: center;
  display: block;
  padding-bottom: 2.0833333333vw;
}

.styledForm__info a {
  color: #ef002d;
  text-decoration: none;
  border-bottom: 1px solid;
}

@media screen and (min-width: 1024px) {
  .styledForm__info {
    font-size: 1.0416666667vw;
    line-height: 1.875vw;
  }
}

.styledForm__row {
  position: relative;
  margin-bottom: 10px !important;
}

@media screen and (min-width: 1024px) {
  .styledForm__row {
    margin-bottom: 0.5208333333vw !important;
  }
}

.styledForm__row.iconRight {
  font-size: 30px;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.iconRight {
    font-size: 1.5625vw;
  }
}

.styledForm__row.iconRight::before {
  color: #ef002d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  right: 22px;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.iconRight::before {
    right: 1.1458333333vw;
  }
}

.styledForm__row.iconRight::after {
  content: '';
  background: #ef002d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  right: 75px;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.iconRight::after {
    right: 3.90625vw;
    height: 2.0833333333vw;
  }
}

.styledForm__row.file {
  transition: .3s;
  color: #7e8b94;
  font-size: 18px;
  line-height: 30px;
  border: 1px solid #c8d0d4;
  background: #fff;
  height: 64px;
  padding-left: 48px;
}

.styledForm__row.file:focus, .styledForm__row.file:hover, .styledForm__row.file:active {
  border-color: #ef002d;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.file {
    height: 3.3333333333vw;
    width: 100%;
    line-height: 1.5625vw;
    font-size: 0.9375vw;
    padding-left: 2.5vw;
  }
}

.styledForm__row.file .result {
  cursor: pointer;
  color: #fff;
  background: #000000;
  border-radius: 0px;
  font-size: 14px;
  width: 110px;
  height: 40px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  right: 10px;
  position: absolute;
}

.styledForm__row.file .result::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #000000;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.file .result {
    font-size: 0.7291666667vw;
    height: 2.0833333333vw;
    width: 5.7291666667vw;
    border-radius: 0vw;
  }
}

.styledForm__row.file .result:focus, .styledForm__row.file .result:hover, .styledForm__row.file .result:active {
  background: #fff;
  color: #000000;
}

.styledForm__row.file .result:focus::before, .styledForm__row.file .result:hover::before, .styledForm__row.file .result:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.styledForm__row.file input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.styledForm__row.name:before {
  content: "";
}

.styledForm__row.phone:before {
  content: "";
}

.styledForm__row.email {
  font-size: 35px;
}

.styledForm__row.email:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .styledForm__row.email {
    font-size: 1.8229166667vw;
  }
}

.styledForm__row.password {
  font-size: 40px;
}

.styledForm__row.password:before {
  content: "";
}

.styledForm__row.password::before {
  color: #28353f;
  right: 17px;
}

@media screen and (min-width: 1024px) {
  .styledForm__row.password::before {
    right: 0.8854166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .styledForm__row.password {
    font-size: 2.0833333333vw;
  }
}

.styledForm__row.card:before {
  content: "";
}

.styledForm__row.month:before {
  content: "";
}

.styledForm__row.year:before {
  content: "";
}

.styledForm__row.code:before {
  content: "";
}

.styledForm__row.code::before {
  color: #6c7181;
}

.styledForm__row--button {
  margin: 0 auto;
  text-align: center;
  display: flex;
}

.styledForm input {
  height: 64px;
}

@media screen and (min-width: 1024px) {
  .styledForm input {
    height: 3.3333333333vw;
    width: 100%;
  }
}

.styledForm textarea {
  height: 114px;
}

@media screen and (min-width: 1024px) {
  .styledForm textarea {
    width: 100%;
    height: 5.9375vw;
  }
}

.styledForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.styledForm input, .styledForm textarea, .styledForm select {
  border: 1px solid #ef002d;
  transition: .3s;
  color: #ef002d;
  background: white;
  font-size: 18px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .styledForm input, .styledForm textarea, .styledForm select {
    line-height: 1.5625vw;
    font-size: 0.9375vw;
  }
}

.styledForm input::-webkit-input-placeholder, .styledForm textarea::-webkit-input-placeholder, .styledForm select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7e8b94;
}

.styledForm input::-moz-placeholder, .styledForm textarea::-moz-placeholder, .styledForm select::-moz-placeholder {
  /* Firefox 19+ */
  color: #7e8b94;
}

.styledForm input:-ms-input-placeholder, .styledForm textarea:-ms-input-placeholder, .styledForm select:-ms-input-placeholder {
  /* IE 10+ */
  color: #7e8b94;
}

.styledForm input:-moz-placeholder, .styledForm textarea:-moz-placeholder, .styledForm select:-moz-placeholder {
  /* Firefox 18- */
  color: #7e8b94;
}

.styledForm input:focus, .styledForm input:hover, .styledForm input:active, .styledForm textarea:focus, .styledForm textarea:hover, .styledForm textarea:active, .styledForm select:focus, .styledForm select:hover, .styledForm select:active {
  border-color: #ef002d;
  border-width: 0.0520833333vw;
}

.styledForm .button {
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-style: normal;
  margin-top: 2.6041666667vw;
  text-align: center;
}

.styledForm .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .styledForm .button {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.styledForm .button:focus, .styledForm .button:hover, .styledForm .button:active {
  background: #fff;
  color: #ef002d;
}

.styledForm .button:focus::before, .styledForm .button:hover::before, .styledForm .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.mainContainer.login.contact .mainContainer__wrap--icon {
  top: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer.login.contact .mainContainer__form {
    height: auto;
    background: url(/images/loginbg.png) no-repeat center;
    background-size: cover;
  }
}

.mainContainer.login.contact .mainContainer__form .styledForm {
  width: 100%;
}

.mainContainer.login.contact .mainContainer__form .styledForm__info {
  padding: 1.5625vw 0 0;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 1024px) {
  .mainContainer.login.contact .mainContainer__form .styledForm__info {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.8333333333vw;
  }
}

.mainContainer.login.contact .mainContainer__form .styledForm__info a {
  border: none;
}

.mainContainer.login.contact .mainContainer__form .styledForm__infoReminder, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount {
  display: flex;
  align-items: center;
  color: #000000;
}

.mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--icon, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount--icon {
  color: #ef002d;
  font-size: 20px;
  padding-right: 19px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--icon, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount--icon {
    padding-right: 0.9895833333vw;
    font-size: 1.0416666667vw;
  }
}

.mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--icon:before {
  content: "";
}

.mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--text {
  text-decoration: none;
  color: #000000;
}

.mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--text:focus, .mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--text:hover, .mainContainer.login.contact .mainContainer__form .styledForm__infoReminder--text:active {
  color: #25323b;
  transition: .3s;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .mainContainer.login.contact .mainContainer__form .styledForm__noAccount {
    padding-left: 2.3958333333vw;
  }
}

.mainContainer.login.contact .mainContainer__form .styledForm__noAccount--icon:before {
  content: "";
}

.mainContainer.login.contact .mainContainer__form .styledForm__noAccount--link {
  color: #ef002d;
  text-decoration: underline;
}

.mainContainer.login.contact .mainContainer__form .styledForm__noAccount--link:focus, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount--link:hover, .mainContainer.login.contact .mainContainer__form .styledForm__noAccount--link:active {
  color: #25323b;
  transition: .3s;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  .planes, .msgpriv, .afterlogin, .metricTable, .atlas, .recipes, .pb, .changepass {
    min-height: 62.5vw;
  }
}

.mainContainer.register {
  padding-bottom: 4.6875vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap {
    justify-content: flex-start;
    flex-direction: column;
  }
}

.mainContainer.register .mainContainer__wrap--title {
  letter-spacing: 0.2083333333vw;
  text-transform: uppercase;
  font-size: 25px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap--title {
    line-height: 1.5625vw;
    font-size: 1.3020833333vw;
    max-width: 52.34375vw;
  }
}

.mainContainer.register .mainContainer__wrap--text {
  font-size: 18px;
  text-align: center;
  margin: 1.0416666667vw 0 2.0833333333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap--text {
    line-height: 1.5625vw;
    font-size: 0.9375vw;
    max-width: 28.125vw;
  }
}

.mainContainer.register .mainContainer__wrap--icon {
  color: #ef002d;
  font-size: 3.6458333333vw;
  position: absolute;
  top: 9.8958333333vw;
  left: 8.3333333333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap--icon.key:before {
    content: "";
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap--icon.user:before {
    content: "";
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__wrap--icon.payp:before {
    content: "";
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__form {
    width: 50vw;
    height: auto;
    padding-bottom: 20px;
    background: url(/images/registerbg.png) no-repeat center;
    background-size: cover;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__form .styledForm {
    padding: 2.8645833333vw 8.3333333333vw 0 8.3333333333vw;
  }
}

.mainContainer.register .mainContainer__form .styledForm .styledForm__rodo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.mainContainer.register .mainContainer__form .styledForm .styledForm__rodo--input {
  width: 25px;
  height: 25px;
  flex: 1 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #c8d0d4;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__form .styledForm .styledForm__rodo--input {
    width: 1.3020833333vw;
    height: 1.3020833333vw;
    flex: 1 0 1.3020833333vw;
  }
}

.mainContainer.register .mainContainer__form .styledForm .styledForm__rodo--input:checked {
  transition: .3s;
}

.mainContainer.register .mainContainer__form .styledForm .styledForm__rodo--input:checked:before {
  content: "";
}

.mainContainer.register .mainContainer__form .styledForm .styledForm__rodo .styledForm__rodo--text {
  padding: 0 0 0 0.9895833333vw;
}

.mainContainer.register .mainContainer__form .styledForm .password {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  right: 17px;
}

.mainContainer.register .mainContainer__form .styledForm .password:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__form .styledForm .password {
    right: 0.8854166667vw;
    font-size: 2.0833333333vw;
  }
}

.mainContainer.register .mainContainer__form .styledForm .password::before {
  color: #28353f;
}

.mainContainer.register .mainContainer__form .styledForm .button {
  width: 169px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register .mainContainer__form .styledForm .button {
    width: 8.8020833333vw;
  }
}

.wrapPakceges {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 7.2916666667vw;
}

.wrapPakceges .packeg__item {
  width: 24.4791666667vw;
  background: #EDEFF1;
  margin: 0 1.0416666667vw;
  padding: 1.0416666667vw 0 1.5625vw;
}

.wrapPakceges .packeg__title {
  padding-top: 1.8229166667vw;
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
  text-transform: uppercase;
  font-size: 1.5625vw;
  font-weight: 900;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.wrapPakceges .packeg__title span {
  color: #EF002D;
}

.wrapPakceges .packeg__subTitle {
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-size: 0.9375vw;
  color: black;
  width: 100%;
  padding-bottom: 1.8229166667vw;
  border-bottom: 1px solid #D9DDDF;
  padding-top: 0.4166666667vw;
}

.wrapPakceges .packeg__price {
  padding: 0.78125vw 0;
  display: inline-block;
  text-align: center;
  width: 100%;
  color: #EF002D;
  font-size: 3.125vw;
  border-bottom: 1px solid #D9DDDF;
  font-weight: 700;
}

.wrapPakceges .packeg__price span {
  font-size: 1.25vw;
}

.wrapPakceges .packeg__list {
  padding-left: 1.3020833333vw;
  padding-right: 1.3020833333vw;
  padding-top: 2.0833333333vw;
}

.wrapPakceges .packeg__list li {
  font-size: 0.8333333333vw;
  font-weight: 500;
  color: black;
  position: relative;
  list-style-type: none;
  padding-left: 1.8229166667vw;
  line-height: 1.7;
  margin-bottom: 0.9375vw;
}

.wrapPakceges .packeg__list li:before {
  content: "";
}

.wrapPakceges .packeg__list li:before {
  top: 0.2604166667vw;
  left: 0;
  color: #ef002d;
  position: absolute;
}

.wrapPakceges .packeg__sublist {
  margin-top: 0.78125vw;
  padding-top: 1.5625vw;
  padding-left: 1.3020833333vw;
  padding-right: 1.3020833333vw;
}

.wrapPakceges .packeg__sublist.disable {
  border: 5px solid transparent;
}

.wrapPakceges .packeg__sublist.disable li {
  font-size: 0.8333333333vw;
  color: #B1B1B1;
  position: relative;
  list-style-type: none;
  padding-left: 1.8229166667vw;
  line-height: 1.7;
  margin-bottom: 0.78125vw;
  font-weight: 500;
}

.wrapPakceges .packeg__sublist.disable li:before {
  content: "";
}

.wrapPakceges .packeg__sublist.disable li:before {
  top: 0.2604166667vw;
  left: 0;
  color: #B1B1B1;
  position: absolute;
}

.wrapPakceges .packeg__sublist.unable {
  border: 5px solid  #ef002d;
  background: white;
}

.wrapPakceges .packeg__sublist.unable li {
  font-size: 0.8333333333vw;
  color: black;
  position: relative;
  list-style-type: none;
  padding-left: 1.8229166667vw;
  line-height: 1.7;
  margin-bottom: 0.78125vw;
  font-weight: 600;
}

.wrapPakceges .packeg__sublist.unable li:before {
  content: "";
}

.wrapPakceges .packeg__sublist.unable li:before {
  top: 0.2604166667vw;
  left: 0;
  color: #ef002d;
  position: absolute;
}

.wrapPakceges .packeg__button {
  padding: 2.6041666667vw 1.3020833333vw 0;
}

.wrapPakceges .packeg__button a {
  width: 100%;
}

.wrapPakceges .packeg__button .styledForm__rodo--input {
  width: 25px;
  height: 25px;
  flex: 1 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #c8d0d4;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wrapPakceges .packeg__button .styledForm__rodo--input:checked {
  transition: .3s;
}

.wrapPakceges .packeg__button .styledForm__rodo--input:checked:before {
  content: "";
}

.wrapfor {
  display: flex;
  margin-bottom: 30px;
}

.wrapfor label {
  display: inline-block;
}

.packNow {
  background: grey;
  display: block;
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
}

.wrapPakceges .packeg__sublist.disable li:before, .wrapPakceges .packeg__sublist.unable li:before, .wrapPakceges .packeg__list li:before {
  background: transparent;
}

.visitcard {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.visitcard__item {
  border: 1px solid #D1D5D7;
  width: 21.3541666667vw;
  margin-bottom: 1.3020833333vw;
}

.visitcard__image img {
  max-width: 100%;
}

.visitcard__bottom {
  padding: 1.0416666667vw;
}

.visitcard__title {
  font-size: 0.9375vw;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
  border-bottom: 1px solid #D1D5D7;
  padding-bottom: 1.0416666667vw;
  margin-bottom: 1.0416666667vw;
  line-height: 1.5;
}

.visitcard__date, .visitcard__place, .visitcard__price, .visitcard__time {
  position: relative;
  color: black;
  text-transform: uppercase;
  font-size: 0.9375vw;
  margin-bottom: 1.5625vw;
  padding-left: 1.5625vw;
  font-weight: 700;
}

.visitcard__date span, .visitcard__place span, .visitcard__price span, .visitcard__time span {
  color: #EF002D;
}

.visitcard__date:before, .visitcard__place:before, .visitcard__price:before, .visitcard__time:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #EF002D;
  font-size: 1.0416666667vw;
}

.visitcard__date:before {
  content: "";
}

.visitcard__place:before {
  content: "";
}

.visitcard__price:before {
  content: "";
}

.visitcard__time:before {
  content: "";
}

.visitcard__button div {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .visitcard__item {
    width: 100%;
    margin-bottom: 25px;
  }
  .visitcard__image img {
    width: 100%;
    height: auto;
  }
  .visitcard__title {
    font-size: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .visitcard__date, .visitcard__place, .visitcard__price, .visitcard__time {
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 30px;
  }
  .visitcard__date:before, .visitcard__place:before, .visitcard__price:before, .visitcard__time:before {
    font-size: 20px;
  }
  .visitcard__bottom {
    padding: 15px;
  }
}

.banerCoachig {
  background-image: url("/images/banerBGoptrenerska.jpg");
  color: white;
  padding-left: 23.9583333333vw;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
  padding-right: 4.1666666667vw;
  background-size: cover;
}

.banerCoachig__content p {
  font-size: 0.9375vw;
  line-height: 1.5;
}

.banerCoachig__content span {
  font-size: 1.25vw;
}

.banerCoachig__title {
  margin: 2.34375vw 0 1.8229166667vw;
  color: white;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 900;
}

.banerCoachig__title span {
  color: #ef002d;
}

.coachBoxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.coachBox {
  position: relative;
  width: 32.2916666667vw;
  background-color: #EDEFF1;
  border: 2px solid transparent;
}

.coachBox:last-child {
  border: 2px solid #ef002d;
}

.coachBox__title {
  padding: 3.6458333333vw 0 1.5625vw;
  border-bottom: 1px solid #D5D9DB;
  font-weight: 900;
  color: black;
  text-align: center;
  font-size: 1.5625vw;
}

.coachBox__title span {
  color: #ef002d;
  display: inline-block;
  width: 100%;
}

.coachBox__title strong {
  font-weight: 400;
  display: inline-block;
  width: 100%;
}

.coachBox ul {
  padding: 1.5625vw 1.0416666667vw;
  margin: 0;
}

.coachBox ul li {
  list-style: none;
  position: relative;
  padding-left: 2.0833333333vw;
  margin-bottom: 2.0833333333vw;
}

.coachBox ul li:before {
  content: "";
}

.coachBox ul li:before {
  font-size: 0.9375vw;
  color: #ef002d;
  position: absolute;
  left: 0;
  top: 0;
}

.coachBox ul li span {
  font-size: 0.9375vw;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
  margin-bottom: 1.0416666667vw;
  display: inline-block;
}

.coachBox ul li span b {
  font-weight: 900;
  color: #ef002d;
  text-transform: uppercase;
}

.coachBox ul li p {
  font-size: 0.8333333333vw;
  color: black;
  line-height: 1.8;
  margin: 0;
}

.coachBox ul li.disable span, .coachBox ul li.disable p {
  color: #AFAFAF;
}

.coachBox ul li.disable:before {
  color: #AFAFAF;
}

.coachBoxes--two .coachBox ul li:before {
  top: 0.2604166667vw;
}

.coachBoxes--two .coachBox ul li span {
  margin-bottom: 10px;
}

.coachBoxes--three .coachBox ul li {
  margin-bottom: 0.5208333333vw;
}

.coachBoxes--three .coachBox ul li:before {
  top: 0.2604166667vw;
}

.coachBoxes--three .coachBox ul li span {
  margin-bottom: 10px;
}

.coachBoxes--three .coachBox:first-child ul:last-child {
  padding: 3.3854166667vw 1.0416666667vw;
  background: #E9EBEC;
}

.coachBoxes--three .coachBox:first-child ul:last-child li p {
  color: #AFAFAF;
}

.coachBoxes--three .coachBox:first-child ul:last-child li:before {
  color: #AFAFAF;
}

.coachBoxes--three .coachBox:last-child ul:last-child {
  padding: 3.3854166667vw 1.0416666667vw;
  background: #EF002D;
}

.coachBoxes--three .coachBox:last-child ul:last-child li p {
  color: white;
  font-weight: 700;
}

.coachBoxes--three .coachBox:last-child ul:last-child li:before {
  color: white;
}

.coachBox__icon {
  position: absolute;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ef002d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  color: #fff;
  top: -1.6666666667vw;
  transform: translateX(-50%) rotate(45deg);
  text-align: center;
  pointer-events: none;
  z-index: 1;
}

.coachBox__icon-gym:before {
  content: "";
}

.coachBox__icon-star:before {
  content: "";
}

.coachBox__icon-you:before {
  content: "";
}

.coachBox__icon:before {
  color: white;
  font-size: 1.6041666667vw;
  transform: rotate(-45deg);
}

.coachPrice {
  margin-top: 1.3020833333vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.coachPrice__item {
  color: #ef002d;
  font-size: 2.34375vw;
  width: 32.2916666667vw;
  height: 5.2083333333vw;
  border: 1px solid #ef002d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.coachPrice__item span {
  font-weight: 500;
  font-size: 1.25vw;
}

.coachSteps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 2px solid #ef002d;
}

.coachSteps .coachStep {
  width: 20%;
  text-align: center;
  padding: 0 1.0416666667vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.coachSteps .coachStep__title {
  font-weight: 900;
  color: black;
  font-size: 1.25vw;
  padding-top: 3.6458333333vw;
  padding-bottom: 1.3020833333vw;
  height: 7.8125vw;
}

.coachSteps .coachStep__content {
  font-size: 0.8333333333vw;
  color: black;
  height: auto;
  line-height: 1.7;
  padding: 0 0.5208333333vw;
}

.coachSteps .coachStep__icon {
  background: white;
  padding: 0.78125vw;
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 2.396vw);
  top: -1.6145833333vw;
}

.coachSteps .coachStep__icon:before {
  content: "";
}

.coachSteps .coachStep__icon:before {
  font-size: 1.5625vw;
  color: #ef002d;
  padding: 0.78125vw;
  background: white;
  border-radius: 50%;
  border: 1px solid #ef002d;
}

.coachSteps .coachStep:last-child .coachStep__icon:before {
  content: "";
}

.coachLink {
  margin-top: 3.6458333333vw;
  margin-bottom: 5.2083333333vw;
}

.coachLink a {
  width: 100%;
  border: 1px solid #ef002d;
}

.coachVideo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.coachVideo__item {
  position: relative;
  background-color: #EDEFF1;
  width: 31.7708333333vw;
}

.coachVideo__item img {
  max-width: 100%;
}

.coachVideo__title {
  padding: 3.6458333333vw 0 2.6041666667vw;
  font-weight: 900;
  color: black;
  text-align: center;
  font-size: 1.5625vw;
}

@media screen and (max-width: 1024px) {
  .coachBox, .coachVideo__item, .coachPrice__item, .customBlockBoxes--webinar .customBlock__box {
    width: 49% !important;
    min-height: 100%;
    padding-bottom: 30px;
  }
  .coachSteps {
    border: none;
  }
  .coachSteps .coachStep {
    width: 100%;
    margin-bottom: 30px;
    border-top: 2px solid #ef002d;
  }
  .coachSteps .coachStep__title {
    font-size: 22px;
    height: auto;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .coachSteps .coachStep__content {
    padding: 0 15px;
    font-size: 16px;
  }
  .coachSteps .coachStep:first-child .coachStep__icon {
    display: none;
  }
  .coachSteps .coachStep__icon {
    transform: rotate(90deg);
    padding: 15px;
    top: -29.5px;
    left: calc(50% - 47px);
  }
  .coachSteps .coachStep__icon:before {
    padding: 10px;
    font-size: 21px;
  }
  .banerCoachig__content span {
    font-size: 20px;
  }
  .banerCoachig__content p {
    font-size: 16px;
  }
  .banerCoachig {
    background-position: right;
  }
  .coachBox__title {
    font-size: 20px;
    padding: 30px 15px 15px;
  }
  .coachBox ul li span {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .coachBox ul li p {
    font-size: 16px;
  }
  .coachBox ul li {
    padding-left: 25px;
    margin-bottom: 15px;
  }
  .coachBox ul li:before {
    font-size: 13px;
  }
  .coachPrice__item {
    font-size: 20px;
  }
  .coachPrice__item span {
    font-size: 14px;
  }
  .coachVideo__title {
    padding: 35px 0;
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .webinarBaner {
    padding: 20px !important;
  }
  .webinarBaner .metamorphosesHome__btn--href {
    font-size: 16px !important;
    width: 100% !important;
    height: 45px !important;
  }
  .webinarBaner__left, .webinarBaner__right {
    width: 100% !important;
  }
  .webinarBaner__left {
    margin-bottom: 20px;
  }
  .webinarBaner__left .webinarBaner__title {
    font-size: 20px !important;
  }
  .webinarBaner__left .webinarBaner__day {
    font-size: 16px !important;
  }
  .webinarBaner__left .webinarBaner__dateTime {
    font-size: 16px !important;
  }
  .banerAbout--webinar1 .banerAbout__link a, .banerAbout--webinar2 .banerAbout__link a {
    width: 100% !important;
    font-size: 18px !important;
    height: 35px !important;
  }
  .banerAbout--webinar2 .contentBlock span {
    font-size: 20px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .banerCoachig {
    padding: 20px;
  }
  .customBlock--webinar3:after {
    display: none !important;
  }
  .coachBox, .coachVideo__item, .coachPrice__item, .customBlockBoxes--webinar .customBlock__box {
    width: 100% !important;
    margin-bottom: 25px;
  }
  .customBlock__webinar2 .customBlock__boxIcon, .customBlock__webinar1 .customBlock__boxIcon {
    display: none;
  }
  .coachBox strong, .coachBox b {
    line-height: 1.3;
  }
  .coachBox__icon {
    display: none;
  }
  .coachSteps .coachStep__content {
    padding: 0;
  }
  .coachPrice {
    display: none;
  }
}

.webinarInfo {
  background: #EDEFF1;
  margin-bottom: 1.0416666667vw;
  padding: 2.34375vw;
}

.webinarInfo__title {
  color: black;
  position: relative;
  font-size: 1.8229166667vw;
  font-weight: 900;
  text-transform: uppercase;
  padding-left: 100px;
  width: 100%;
  display: inline-block;
  border-bottom: 2px solid #D1D5D7;
  padding-top: 2.34375vw;
  padding-bottom: 1.8229166667vw;
}

.webinarInfo__title:before {
  content: "";
}

.webinarInfo__title:before {
  position: absolute;
  left: 0;
  top: 2.34375vw;
  color: #ef002d;
}

.webinarInfo--bottom {
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
}

.webinarInfo--bottom .webinarInfo__title {
  border: none;
}

.webinarInfo--bottom .webinarInfo__left, .webinarInfo--bottom .webinarInfo__right {
  width: 50%;
}

.webinarInfo--bottom .webinarInfo__left img, .webinarInfo--bottom .webinarInfo__right img {
  max-width: 100%;
}

.webinarInfo__desc {
  display: flex;
  padding: 2.34375vw 5.2083333333vw;
  justify-content: flex-start;
  flex-wrap: wrap;
  color: black;
  text-transform: uppercase;
  font-size: 1.25vw;
  font-weight: 700;
}

.webinarInfo__desc-left {
  border-right: 2px solid #ef002d;
  padding-right: 1.5625vw;
  margin-right: 1.5625vw;
}

.webinarInfo__desc span {
  color: #ef002d;
}

.webinarInfo__link {
  padding-left: 5.2083333333vw;
}

.webinarInfo__link a span {
  padding-left: 2.34375vw;
  position: relative;
}

.webinarInfo__link a span:before {
  content: "";
}

.webinarInfo__link a span:before {
  position: absolute;
  left: 0;
  top: -0.3125vw;
  font-size: 1.5104166667vw;
}

.webinarInfoText {
  font-size: 0.9375vw;
  color: black;
  line-height: 1.6;
  padding-left: 5.2083333333vw;
  padding-right: 5.2083333333vw;
}

.webinarVideo {
  background: black;
  display: flex;
  justify-content: space-between;
  padding: 3.3854166667vw 8.3333333333vw 3.3854166667vw 0;
  margin-bottom: 4.1666666667vw;
}

.webinarVideo__title {
  color: white;
  text-transform: uppercase;
  font-size: 2.5vw;
  font-weight: 900;
  padding: 4.6875vw 8.3333333333vw;
  position: relative;
}

.webinarVideo__title span {
  color: #ef002d;
}

.webinarVideo__title:before {
  content: "";
}

.webinarVideo__title:before {
  position: absolute;
  left: 4.1666666667vw;
  color: #ef002d;
  font-size: 3.125vw;
}

.webinarVideo__button {
  padding-left: 8.3333333333vw;
}

.webinarVideo__button a {
  width: 16.6666666667vw;
  height: 3.125vw;
}

.webinarTitleSection {
  width: 100%;
  text-align: center;
  color: black;
  font-weight: 900;
  font-size: 1.8229166667vw;
  text-transform: uppercase;
}

.customBlockBoxes--webinarPage {
  margin-top: 4.6875vw !important;
}

.webinarProgram ul li {
  list-style: none;
  margin-left: 5.2083333333vw;
  font-weight: 900;
  font-size: 1.25vw;
  padding-bottom: 1.0416666667vw;
  padding-top: 1.0416666667vw;
  border-bottom: 1px solid #D1D5D7;
  position: relative;
  text-transform: uppercase;
}

.webinarProgram ul li:before {
  content: "";
}

.webinarProgram ul li:before {
  position: absolute;
  left: -3.125vw;
  color: #ef002d;
  top: 1.5625vw;
  font-size: 1.8229166667vw;
}

.webinarProgram ul li span {
  color: black;
  width: 100%;
  display: inline-block;
  text-transform: lowercase;
  font-weight: 400;
}

.webinarProgram .webinarInfo__link {
  padding-left: 0;
  margin-top: 2.6041666667vw;
}

.webinarProgram .webinarInfo__link a {
  margin: 0 auto;
}

.customBlockBoxes--webinarPage .customBlock__box:after {
  bottom: -124.85% !important;
}

.paywebinar__bottom .styledForm__rodo {
  align-items: center !important;
  margin-top: 0.54167vw !important;
}

.paywebinar__bottom .styledForm__row.email {
  margin-bottom: 1.5625vw !important;
}

.paywebinar__title {
  text-transform: uppercase;
  font-size: 0.9375vw;
  font-weight: 900;
  margin-bottom: 0.78125vw;
  display: inline-block;
}

.paywebinar__item {
  background: white;
  display: flex;
  justify-content: space-between;
  padding: 0.5208333333vw 1.0416666667vw 0.5208333333vw 0.5208333333vw;
}

.paywebinar__image {
  width: 11.4583333333vw;
}

.paywebinar__image img {
  max-width: 100%;
}

.paywebinar__content {
  width: 18.75vw;
}

.paywebinar__name {
  text-transform: uppercase;
  font-size: 0.9375vw;
  font-weight: 900;
  margin-bottom: 0.78125vw;
  padding-top: 0.5208333333vw;
  color: black;
  padding-bottom: 0.78125vw;
  border-bottom: 1px solid #D1D5D7;
}

.paywebinar__data, .paywebinar__time {
  font-size: 0.8333333333vw;
  color: black;
  font-weight: 700;
  margin-bottom: 0.78125vw;
  padding-left: 1.5625vw;
  position: relative;
}

.paywebinar__data span, .paywebinar__time span {
  color: #ef002d;
}

.paywebinar__data:before, .paywebinar__time:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #EF002D;
  font-size: 0.9375vw;
}

.paywebinar__data:before {
  content: "";
}

.paywebinar__time:before {
  content: "";
}

.paywebinar__top {
  position: relative;
  margin-top: 1.8229166667vw;
}

.paywebinar__delete {
  width: 2.34375vw;
  height: 2.34375vw;
  position: absolute;
  top: 1.8229166667vw;
  right: -2.34375vw;
  background: #ef002d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paywebinar__delete:before {
  content: "";
}

.paywebinar__delete:before {
  color: white;
  font-size: 1.8229166667vw;
}

.paywebinar__price {
  font-size: 1.8229166667vw;
  display: inline-block;
  text-align: right;
  padding-right: 1.3020833333vw;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  margin-top: 1.8229166667vw;
  margin-bottom: 1.3020833333vw;
}

.paywebinar__price span {
  color: #ef002d;
}

.paywebinar__wrapPays {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.0833333333vw;
}

.paywebinar__pay {
  width: 16.1458333333vw;
  height: 8.59375vw;
  background: white;
  justify-content: center;
  align-items: center;
  border: 2px solid #D1D5D7;
  display: flex;
  transition: all .4s ease;
}

.paywebinar__pay img {
  max-width: 100%;
  height: auto;
}

.paywebinar__pay:hover {
  border-color: #ef002d;
}

.mainContainer__formWebinar {
  background-size: contain !important;
  background-position: top !important;
  background-color: #EEF0F1 !important;
}

@media screen and (max-width: 1024px) {
  .paywebinar__item {
    padding: 10px;
    flex-wrap: wrap;
  }
  .paywebinar__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .paywebinar__price {
    font-size: 20px;
    margin: 15px 0;
    padding: 0;
  }
  .paywebinar__image {
    width: 100%;
    text-align: center;
  }
  .paywebinar__content {
    width: 100%;
    text-align: left;
  }
  .paywebinar__name {
    font-size: 18px;
    margin-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .paywebinar__data, .paywebinar__time {
    font-size: 16px;
    padding-left: 35px;
    margin-bottom: 15px;
  }
  .paywebinar__data:before, .paywebinar__time:before {
    font-size: 20px;
  }
  .paywebinar__wrapPays {
    flex-wrap: wrap;
  }
  .paywebinar__pay {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    height: 150px;
  }
  .paywebinar__delete:before {
    font-size: 20px;
  }
  .paywebinar__delete {
    width: 45px;
    height: 45px;
    top: -28px;
    right: -20px;
  }
  .webinarInfo {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
  }
  .webinarInfo__title {
    font-size: 20px;
    padding-top: 20px;
    padding-left: 0px;
  }
  .webinarInfo__title:before {
    display: none;
  }
  .webinarVideo__left img {
    max-width: 100%;
  }
  .webinarInfo__desc {
    padding: 15px;
    font-size: 16px;
  }
  .webinarInfo__link {
    padding-left: 0;
  }
  .webinarInfo__link .metamorphosesHome__btn--href {
    width: 200px;
    height: 45px;
    font-size: 16px;
  }
  .webinarInfo__link span {
    padding: 0;
  }
  .webinarInfo__desc-left, .webinarInfo__desc-right {
    width: 100%;
    margin-bottom: 15px;
    border: none;
  }
  .webinarInfo--bottom .webinarInfo__left, .webinarInfo--bottom .webinarInfo__right {
    width: 100%;
  }
  .webinarInfo__link a span:before {
    display: none;
  }
  .webinarInfo__title br {
    display: none;
  }
  .webinarInfoText {
    font-size: 16px;
    padding: 20px 0;
  }
  .webinarVideo {
    flex-wrap: wrap;
  }
  .webinarVideo__left {
    text-align: center;
  }
  .webinarVideo__title {
    font-size: 20px;
    padding: 30px 15px;
  }
  .webinarVideo__title:before {
    display: none;
  }
  .webinarVideo__button {
    padding-left: 15px;
  }
  .webinarVideo__button a {
    width: 200px;
    height: 45px;
  }
  .webinarProgram ul li {
    font-size: 16px;
    margin-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .webinarProgram ul li:before {
    left: -30px;
    font-size: 18px;
    top: 15px;
  }
  .webinarVideo {
    padding: 30px 15px;
  }
  .webinarTitleSection {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .customBlockBoxes {
    margin-bottom: 30px !important;
  }
  .customBlock__webinar3 .customBlock__boxIcon:before {
    font-size: 24px !important;
  }
  .customBlock__webinar4 .customBlock__boxIcon:before {
    font-size: 24px !important;
  }
  .customBlockBoxes--webinarPage {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 500px) {
  .paywebinar__data span, .paywebinar__time span {
    width: 100%;
    display: inline-block;
  }
  .mainContainer__formWebinar {
    background-image: none !important;
  }
}

.container {
  margin: 0 auto;
  width: 98%;
}

@media screen and (min-width: 1024px) {
  .container {
    width: 83.3333333333vw;
  }
}

.careBaner {
  position: relative;
  background-image: url("/images/bgSlOpTr.png");
  background-size: cover;
  height: auto;
  margin-top: -3.6458333333vw;
}

@media screen and (min-width: 1024px) {
  .careBaner {
    height: 43.75vw;
  }
}

.careBaner__wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careBaner__wrap {
    width: 83.3333333333vw;
  }
}

.careBaner__text-title {
  font-size: 20px;
  color: white;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .careBaner__text-title {
    font-size: 2.6041666667vw;
  }
}

.careBaner__text-title span {
  color: #EF002D;
}

.careBaner__text-subTitle {
  font-size: 16px;
  color: white;
  margin-bottom: 15px;
  line-height: 1.2;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .careBaner__text-subTitle {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careBaner__text-subTitle {
    margin-bottom: 2.6041666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careBaner__text-subTitle {
    margin-top: 0.78125vw;
  }
}

.careBaner__button .button {
  width: 100%;
  height: 45px;
  color: white;
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .careBaner__button .button {
    width: 16.6666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careBaner__button .button {
    height: 3.6458333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careBaner__button .button {
    font-size: 1.0416666667vw;
  }
}

.careBaner__slider {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careBaner__slider {
    width: 41.6666666667vw;
  }
}

.careBaner__slider-item {
  width: auto;
}

@media screen and (min-width: 1024px) {
  .careBaner__slider-item {
    width: 25vw;
  }
}

.careBaner .owl-dots {
  bottom: -3.125vw;
}

.careBaner .owl-dots .owl-dot {
  background: white !important;
  width: 15px !important;
  height: 15px !important;
}

.careBaner .owl-dots .owl-dot:before {
  display: none !important;
}

.careBaner .owl-dots .owl-dot.active, .careBaner .owl-dots .owl-dot:hover {
  background: #EF002D !important;
}

.carePackages__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.carePackages__title {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .carePackages__title {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__title {
    margin-top: 3.90625vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__title {
    margin-bottom: 3.3854166667vw;
  }
}

.carePackages__subTitle {
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__subTitle {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__subTitle {
    margin-bottom: 2.0833333333vw;
  }
}

.carePackages__buttons {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons {
    width: 33.3333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons {
    margin-bottom: 3.6458333333vw;
  }
}

.carePackages__buttonsWrap {
  width: 100%;
  box-shadow: 0 0px 14px 7px #0000000d;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .carePackages__buttonsWrap {
    padding-left: 1.0416666667vw;
    padding-right: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttonsWrap {
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
  }
}

.carePackages__buttons .buttonItem {
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 700;
  color: black;
  text-transform: lowercase;
  border: 1px solid #DFDFDF;
  background: #EDEFF1;
  cursor: pointer;
  position: relative;
  transition: all .4s ease;
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem {
    width: 9.8958333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem {
    height: 4.1666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem {
    font-size: 1.0416666667vw;
  }
}

.carePackages__buttons .buttonItem span {
  position: absolute;
  top: -20px;
  right: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EF002D;
  color: white;
  width: 80px;
  height: 20px;
  font-size: 12px;
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem span {
    top: -1.09375vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem span {
    width: 4.1666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem span {
    height: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__buttons .buttonItem span {
    font-size: 0.625vw;
  }
}

.carePackages__buttons .buttonItem:hover, .carePackages__buttons .buttonItem.active {
  border-color: #EF002D;
  background: #FFEDEF;
}

.carePackages__buttons .buttonItem:last-child span {
  background: #8585FF;
}

.carePackages__info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .carePackages__info {
    font-size: 0.7291666667vw;
  }
}

.carePackages__info:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .carePackages__info {
    margin-top: 0.78125vw;
  }
}

.carePackages__info:before {
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  .carePackages__info:before {
    font-size: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__info:before {
    margin-left: 1.0416666667vw;
    margin-right: 1.0416666667vw;
  }
}

.carePackagesItems {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.carePackages__img {
  width: 80px;
}

@media screen and (min-width: 1024px) {
  .carePackages__img {
    width: 7.2916666667vw;
  }
}

.carePackages__img img {
  max-width: 100%;
  height: auto;
}

.carePackages__item {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #EFF0F2;
  border: 1px solid transparent;
}

@media screen and (min-width: 1024px) {
  .carePackages__item {
    width: 26.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item {
    padding-left: 1.0416666667vw;
    padding-right: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item {
    padding-top: 1.3020833333vw;
    padding-bottom: 1.3020833333vw;
  }
}

.carePackages__itemQuestions {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 1024px) {
  .carePackages__itemQuestions {
    padding-left: 0.5208333333vw;
    padding-right: 0.5208333333vw;
  }
}

.carePackages__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.carePackages__item-title {
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: 900;
  border-bottom: 1px solid #D5D9DB;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-title {
    font-size: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-title {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-title {
    padding-top: 1.40625vw;
    padding-bottom: 1.40625vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-title {
    margin-bottom: 1.8229166667vw;
  }
}

.carePackages__item-subTitle {
  color: #EF002D;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-subTitle {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-subTitle {
    margin-bottom: 1.3020833333vw;
  }
}

.carePackages__item:nth-child(2) {
  box-shadow: 0 0px 14px 7px #0000000d;
  border-color: #EF002D;
  background: #FFEDEF;
}

.carePackages__item:nth-child(2) .carePackages__priceInfo {
  background: #FCD3DA;
}

.carePackages__item:nth-child(1) {
  margin-top: 20px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item:nth-child(1) {
    margin-top: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item:nth-child(1) {
    margin-bottom: 1.8229166667vw;
  }
}

.carePackages__item:nth-child(3) {
  margin-top: 20px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item:nth-child(3) {
    margin-top: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item:nth-child(3) {
    margin-bottom: 1.8229166667vw;
  }
}

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

.carePackages__item-bottom .buttonItem {
  width: 100%;
  height: 45px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: black;
  transition: all .5s ease;
  border: 1px solid black;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom .buttonItem {
    width: 21.875vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom .buttonItem {
    height: 3.6458333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom .buttonItem {
    font-size: 1.0416666667vw;
  }
}

.carePackages__item-bottom .buttonItem:hover {
  border-color: #EF002D;
  background: #EF002D;
  color: white;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom .buttonItem {
    margin-bottom: 1.8229166667vw;
  }
}

.carePackages__item-bottom .promo {
  color: #EF002D;
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom .promo {
    font-size: 1.0416666667vw;
  }
}

.carePackages__price s {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .carePackages__price s {
    font-size: 1.3020833333vw;
  }
}

.carePackages__priceWrap {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap {
    font-size: 2.6041666667vw;
  }
}

.carePackages__priceWrap span {
  font-size: 14px;
  font-weight: 400;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap span {
    font-size: 0.8333333333vw;
  }
}

.carePackages__priceInfo {
  background: #DEE2E4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 30px;
  font-size: 14px;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceInfo {
    width: 7.8125vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__priceInfo {
    height: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__priceInfo {
    font-size: 0.8333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__priceInfo {
    margin-top: 1.0416666667vw;
  }
}

.accordion-item-header {
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 15px;
}

.accordion-item-header:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .accordion-item-header {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .accordion-item-header {
    margin-bottom: 1.0416666667vw;
  }
}

.accordion-item-header:before {
  margin-left: 15px;
  transition: all .4s ease;
}

@media screen and (min-width: 1024px) {
  .accordion-item-header:before {
    margin-left: 1.0416666667vw;
  }
}

.accordion-item-header.active:before {
  transform: rotate(180deg);
}

.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.4;
  padding-right: 30px;
}

@media screen and (min-width: 1024px) {
  .accordion-item-body-content {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .accordion-item-body-content {
    font-size: 0.8333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .accordion-item-body-content {
    padding-right: 1.5625vw;
  }
}

.careHow {
  height: auto;
  background: url("/images/bgCareAbout.png");
  background-size: cover;
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .careHow {
    height: 43.75vw;
  }
}

@media screen and (min-width: 1024px) {
  .careHow {
    margin-top: 4.6875vw;
  }
}

.careHow__wrap {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  flex-wrap: wrap;
}

.careHow__image {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

@media screen and (min-width: 1024px) {
  .careHow__image {
    width: 28.125vw;
  }
}

.careHow__image img {
  max-width: 100%;
  height: auto;
}

.careHow__question {
  font-size: 16px;
  color: #848484;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .careHow__question {
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .careHow__question {
    margin-bottom: 2.34375vw;
  }
}

.careHow__title {
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .careHow__title {
    font-size: 2.6041666667vw;
  }
}

.careHow__title span {
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .careHow__title {
    margin-bottom: 1.3020833333vw;
  }
}

.careHow__subTitle {
  color: white;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .careHow__subTitle {
    font-size: 1.3020833333vw;
  }
}

.careHow__content {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careHow__content {
    width: 41.6666666667vw;
  }
}

.careHow ul {
  margin: 0;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .careHow ul {
    margin-top: 2.34375vw;
    margin-bottom: 2.34375vw;
  }
}

.careHow ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  color: white;
  font-size: 16px;
  margin-bottom: 15px;
}

.careHow ul li:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .careHow ul li {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .careHow ul li {
    margin-bottom: 1.0416666667vw;
  }
}

.careHow ul li:last-child {
  margin-bottom: 0;
}

.careHow ul li:before {
  color: #EF002D;
  font-size: 18px;
  margin-right: 15px;
}

@media screen and (min-width: 1024px) {
  .careHow ul li:before {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careHow ul li:before {
    margin-right: 1.3020833333vw;
  }
}

.careHow__text {
  font-size: 14px;
  color: white;
  line-height: 1.3;
}

@media screen and (min-width: 1024px) {
  .careHow__text {
    font-size: 0.9375vw;
  }
}

.careVideo {
  background-image: url("/images/bgCareVideo.png");
  background-size: cover;
  height: auto;
  position: relative;
  padding: 15px;
}

@media screen and (min-width: 1024px) {
  .careVideo {
    height: 43.75vw;
  }
}

@media screen and (min-width: 1024px) {
  .careVideo {
    padding: 0vw;
  }
}

.careVideo img {
  max-width: 100%;
  height: auto;
}

.careVideo__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  flex-wrap: wrap;
}

.careVideo__content {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careVideo__content {
    width: 41.6666666667vw;
  }
}

.careVideo__images {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 1024px) {
  .careVideo__images {
    width: 41.6666666667vw;
  }
}

.careVideo__title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
  padding-top: 15px;
}

@media screen and (min-width: 1024px) {
  .careVideo__title {
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careVideo__title {
    padding-top: 6.25vw;
  }
}

.careVideo__title .redlines {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}

.careVideo__title span {
  color: #EF002D;
}

.careVideo__subTitle {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .careVideo__subTitle {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careVideo__subTitle {
    margin-bottom: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careVideo__subTitle {
    margin-top: 1.0416666667vw;
  }
}

.careVideo__text {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .careVideo__text {
    font-size: 0.9375vw;
  }
}

.careVideo__text p {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.3;
}

@media screen and (min-width: 1024px) {
  .careVideo__text p {
    margin-bottom: 1.5625vw;
  }
}

.careVideo__images #careFilm {
  width: auto;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .careVideo__images #careFilm {
    width: 33.3333333333vw;
  }
}

.careVideo__images-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0px;
  height: 0px;
}

@media screen and (min-width: 1024px) {
  .careVideo__images-img {
    width: 24.5833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careVideo__images-img {
    height: 36.6666666667vw;
  }
}

.careMetam__title {
  width: 100%;
  font-weight: 900;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .careMetam__title {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMetam__title {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
  }
}

.careMetam__title span {
  color: #EF002D;
}

.careMetam__images {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .careMetam__images {
    width: 64.0625vw;
  }
}

.careMetam__images img {
  max-width: 100%;
}

.careMetam__images-item {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careMetam__images-item {
    width: 20.3125vw;
  }
}

.careMetam__button {
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .careMetam__button {
    margin-top: 3.6458333333vw;
  }
}

.careMetam__button a {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careMetam__button a {
    width: 12.7604166667vw;
  }
}

.careMetam__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.careSteps {
  padding-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .careSteps {
    padding-bottom: 5.2083333333vw;
  }
}

.careSteps__wrap {
  display: flex;
  flex-direction: column;
}

.careSteps__title {
  width: 100%;
  font-weight: 900;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .careSteps__title {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__title {
    margin-top: 5.2083333333vw;
    margin-bottom: 5.2083333333vw;
  }
}

.careSteps__title span {
  color: #EF002D;
}

.careSteps__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .careSteps__items {
    width: 64.0625vw;
  }
}

.careSteps__item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  background: #EFF0F2;
  height: auto;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  .careSteps__item {
    height: 7.8125vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__item {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__item {
    padding-left: 1.8229166667vw;
    padding-right: 1.8229166667vw;
  }
}

.careSteps__item-text {
  font-size: 16px;
  margin-left: 0px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .careSteps__item-text {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__item-text {
    margin-left: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__item-text {
    width: 49.4791666667vw;
  }
}

.careSteps__item-number {
  font-size: 40px;
  line-height: 6.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .careSteps__item-number {
    font-size: 6.25vw;
  }
}

.careSteps__item-number div {
  margin-top: -8px;
}

@media screen and (min-width: 1024px) {
  .careSteps__item-number div {
    margin-top: -1.0416666667vw;
  }
}

.careSteps__item-number span {
  font-size: 20px;
  margin-right: 10px;
  text-transform: uppercase;
  color: #CDD1D4;
  font-weight: 900;
  transform: rotate(90deg);
}

@media screen and (min-width: 1024px) {
  .careSteps__item-number span {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careSteps__item-number span {
    margin-right: 0vw;
  }
}

.cover {
  background: #000000a6;
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
}

.cover .popupWrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.careMobile {
  height: auto;
  background: url("/images/bgCarePhone.png");
  background-size: cover;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  .careMobile {
    height: 64.0625vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile {
    padding-top: 3.6458333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}

.careMobile__wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.careMobile__title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: white;
}

@media screen and (min-width: 1024px) {
  .careMobile__title {
    font-size: 2.5vw;
  }
}

.careMobile__title span {
  color: #EF002D;
}

.careMobile__subTitle {
  font-size: 18px;
  text-align: center;
  width: 100%;
  color: white;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .careMobile__subTitle {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__subTitle {
    margin-top: 2.6041666667vw;
    margin-bottom: 2.6041666667vw;
  }
}

.careMobile__phones {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .careMobile__phones {
    width: 33.8541666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__phones {
    margin-top: 0vw;
    margin-bottom: 0vw;
  }
}

.careMobile__phone {
  display: none;
  width: auto;
}

@media screen and (min-width: 1024px) {
  .careMobile__phone {
    width: 15.625vw;
  }
}

.careMobile__phone img {
  max-width: 100%;
  height: auto;
}

.careMobile__phone.active {
  display: block;
}

.careMobile__boxes {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .careMobile__boxes {
    width: 44.0104166667vw;
  }
}

.careMobile__box {
  border: 1px solid white;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: all .4s ease;
}

@media screen and (min-width: 1024px) {
  .careMobile__box {
    height: 7.5520833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__box {
    padding-left: 2.0833333333vw;
    padding-right: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__box {
    padding-top: 1.0416666667vw;
    padding-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__box {
    margin-bottom: 1.0416666667vw;
  }
}

.careMobile__box-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 900;
  color: white;
  transition: all .4s ease;
}

@media screen and (min-width: 1024px) {
  .careMobile__box-title {
    margin-bottom: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .careMobile__box-title {
    font-size: 1.5625vw;
  }
}

.careMobile__box-text {
  font-size: 16px;
  color: white;
  line-height: 1.3;
  transition: all .4s ease;
}

@media screen and (min-width: 1024px) {
  .careMobile__box-text {
    font-size: 0.9375vw;
  }
}

.careMobile__box:hover, .careMobile__box.active {
  border-color: #EF002D;
  box-shadow: 0 0px 14px 7px #ef002d73;
}

.careMobile__box:hover .careMobile__box-title, .careMobile__box.active .careMobile__box-title {
  color: #EF002D;
}

.contents {
  position: relative;
}

.close {
  position: absolute;
  color: white !important;
  top: 0px;
  right: -45px;
  font-size: 1.5625vw !important;
  margin-top: 0 !important;
  cursor: pointer;
  width: 45px !important;
  height: 45px !important;
  font-size: 3vw;
  background-color: #ef002d;
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.close:before {
  content: "";
}

.accCare {
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (min-width: 1024px) {
  .accCare {
    padding-right: 4.1666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .accCare {
    padding-left: 23.4375vw;
  }
}

.accCare .carePackagesItems .carePackages__item {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .accCare .carePackagesItems .carePackages__item {
    width: 21.875vw;
  }
}

.accCare .carePackages__item-bottom .buttonItem {
  width: 100%;
  height: 45px;
}

@media screen and (min-width: 1024px) {
  .accCare .carePackages__item-bottom .buttonItem {
    width: 15.625vw;
  }
}

@media screen and (min-width: 1024px) {
  .accCare .carePackages__item-bottom .buttonItem {
    height: 2.6041666667vw;
  }
}

.accCare .carePackages__item-title {
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .accCare .carePackages__item-title {
    font-size: 1.40625vw;
  }
}

.accCare .carePackages__img {
  width: auto;
}

@media screen and (min-width: 1024px) {
  .accCare .carePackages__img {
    width: 2.6041666667vw;
  }
}

.accCare .carePackages__img img {
  max-height: 5.2083333333vw;
}

.carePackagesContinue .carePackages__item:nth-child(2) {
  border: none;
  margin-top: 20px;
  margin-bottom: 15px;
  background: #EFF0F2;
}

@media screen and (min-width: 1024px) {
  .carePackagesContinue .carePackages__item:nth-child(2) {
    margin-top: 2.0833333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackagesContinue .carePackages__item:nth-child(2) {
    margin-bottom: 1.8229166667vw;
  }
}

.carePackagesContinue .buttonItem {
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackagesContinue .buttonItem {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (max-width: 1020px) {
  .accCare .carePackages__img {
    margin-right: 15px;
  }
  .accCare .carePackages__img img {
    max-height: 100%;
  }
  .careBaner__wrap {
    flex-wrap: wrap;
    padding: 20px 15px 50px;
    text-align: center;
  }
  .careBaner__text {
    margin-bottom: 20px;
  }
  .careBaner .owl-dots {
    bottom: -30px;
  }
  .carePackages__buttons .buttonItem {
    margin-bottom: 10px;
  }
  .carePackages__subTitle {
    margin-top: 20px;
  }
  .carePackagesItems {
    flex-wrap: wrap;
  }
  .careHow__content {
    padding: 30px 15px;
    text-align: center;
  }
  .careHow__content li {
    text-align: left;
  }
  .careVideo__content {
    text-align: center;
  }
  .careMetam__title {
    padding: 20px 15px;
  }
  .careMetam__title br {
    display: none;
  }
  .careMetam__images-item {
    margin-bottom: 20px;
  }
  .careMetam__button a {
    padding: 15px;
    margin-bottom: 20px;
  }
  .careSteps__item-number span {
    transform: none;
  }
  .careSteps__item-number {
    margin-bottom: 15px;
  }
  .careSteps__item {
    padding: 20px;
    text-align: center;
  }
  .careSteps__item-number {
    line-height: 40px;
  }
  .careMobile__wrap {
    flex-direction: column-reverse;
  }
  .careMobile__phones {
    display: none;
  }
  .popupWrap .contents {
    width: 80%;
  }
  .popupWrap .contents iframe {
    max-width: 100%;
    height: auto;
  }
  .popupWrap .close {
    top: -45px;
    right: 0;
    font-size: 15px !important;
  }
  .careMobile__box:hover, .careMobile__box.active {
    box-shadow: none;
    border-color: white;
  }
  .careSteps__item-number {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .careMobile__box:hover .careMobile__box-title, .careMobile__box.active .careMobile__box-title {
    color: white;
  }
  .careMobile__box {
    pointer-events: none;
    text-align: center;
  }
}

@media screen and (min-width: 1020px) {
  .careMobile__wrap.mobile {
    display: none;
  }
}

@media screen and (max-width: 1020px) {
  .careMobile__wrap.desctop {
    display: none;
  }
}

.phoneItems {
  width: 100%;
  margin: 20px auto;
}

.careMobile__wrap.mobile .careMobile__phone {
  display: flex;
  justify-content: center;
  align-items: center;
}

.careMobile__wrap.mobile .phoneItemWrap {
  display: flex;
  flex-direction: column-reverse;
}

.careMobile__wrap.mobile .phoneItemWrap .careMobile__box {
  margin-top: 20px;
}

.slick-arrow {
  font-size: 0;
  background: none;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all .5s ease;
  border: none;
  background: #EF002D;
  padding: 12px 15px;
  top: 550px;
  position: absolute;
}

.slick-arrow:before {
  cursor: pointer;
  color: white;
  font-size: 20px;
  transition: all .5s ease;
}

@media screen and (min-width: 1024px) {
  .slick-arrow:before {
    font-size: 3.125vw;
  }
}

.slick-arrow.slick-prev {
  left: -15px;
}

.slick-arrow.slick-prev:before {
  content: "";
}

.slick-arrow.slick-next {
  right: -15px;
  transform: rotate(180deg);
}

.slick-arrow.slick-next:before {
  content: "";
}

.slick-arrow.slick-next:before {
  color: white !important;
  opacity: 1 !important;
}

.carePackages__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.carePackages__price s {
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
}

@media screen and (min-width: 1024px) {
  .carePackages__price s {
    font-size: 1.3020833333vw;
  }
}

@media screen and (max-width: 1020px) {
  .carePackages__price s {
    text-align: right;
  }
}

.carePackages__price s span {
  text-decoration: line-through;
  display: inline-block;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .carePackages__price s span {
    font-size: 0.8333333333vw;
  }
}

.carePackages__priceWrap.carePackages__priceWrap--old {
  font-size: 15px;
  text-decoration: line-through;
  color: #727272;
  font-weight: 300;
  padding-right: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap.carePackages__priceWrap--old {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap.carePackages__priceWrap--old {
    padding-right: 3.6458333333vw;
  }
}

.carePackages__priceWrap--new {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap--new {
    padding-right: 1.0416666667vw;
  }
}

.carePackages__priceWrap--new .carePackages__priceWrap-text {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap--new .carePackages__priceWrap-text {
    font-size: 1.1458333333vw;
  }
}

.carePackages__priceWrap--new .carePackages__priceWrap-text span {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap--new .carePackages__priceWrap-text span {
    font-size: 0.7291666667vw;
  }
}

.carePackages__priceWrap--new .carePackages__priceWrap-price {
  font-weight: 900;
  color: #EF002D;
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap--new .carePackages__priceWrap-price {
    font-size: 2.6041666667vw;
  }
}

.carePackages__priceWrap--new .carePackages__priceWrap-price span {
  font-size: 14px;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .carePackages__priceWrap--new .carePackages__priceWrap-price span {
    font-size: 0.8333333333vw;
  }
}

.accCare .carePackages__priceWrap--new .carePackages__priceWrap-text {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .accCare .carePackages__priceWrap--new .carePackages__priceWrap-text {
    font-size: 0.8333333333vw;
  }
}

.carePackages__item-bottom input {
  height: 67px;
  width: 100%;
  padding: 10px 25px;
  margin: 30px auto;
  border: 1px solid #c8d0d4;
  background: white;
  font-size: 18px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .carePackages__item-bottom input {
    line-height: 1.5625vw;
    font-size: 0.9375vw;
  }
}

.carePackages__item-bottom input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7e8b94;
}

.carePackages__item-bottom input::-moz-placeholder {
  /* Firefox 19+ */
  color: #7e8b94;
}

.carePackages__item-bottom input:-ms-input-placeholder {
  /* IE 10+ */
  color: #7e8b94;
}

.carePackages__item-bottom input:-moz-placeholder {
  /* Firefox 18- */
  color: #7e8b94;
}

.carePackages__item-bottom input:focus, .carePackages__item-bottom input:hover, .carePackages__item-bottom input:active {
  border-color: #ef002d;
  border-width: 0.0520833333vw;
}

#paymentPopup {
  width: 440px;
  max-width: calc(100vw - 30px);
  padding: 30px;
  background: #fff;
  border: 2px solid #ef002d;
  font-family: "Raleway", sans-serif;
}

#paymentPopup .popup-white {
  width: 100%;
}

#paymentPopup h2 {
  margin: 0 0 40px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  color: #ef002d;
}

#paymentPopup .styledForm__row {
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px !important;
}

#paymentPopup .styledForm__row:nth-child(3) {
  align-items: flex-start;
}

#paymentPopup .styledForm__row:nth-child(3) input[type="radio"] {
  margin-top: -2px;
}

#paymentPopup .styledForm__row:nth-child(3) .select2-container {
  margin-top: -12px;
}

#paymentPopup .styledForm__row:last-child {
  margin-top: 30px;
  margin-bottom: 0 !important;
  justify-content: center;
}

#paymentPopup input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ef002d;
  border-radius: 50%;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}

#paymentPopup input[type="radio"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #ef002d;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#paymentPopup input[type="radio"]:hover {
  box-shadow: 0 0 0 3px rgba(239, 0, 45, 0.15);
}

#paymentPopup input[type="radio"]:checked::after {
  opacity: 1;
}

#paymentPopup label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
  cursor: pointer;
}

#paymentPopup label small {
  width: 100%;
  max-width: 254px;
  padding-left: 74px;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.2;
}

#paymentPopup label::before {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 62px;
  height: 18px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

#paymentPopup label[for="payment_all"]::before {
  background-image: url("/images/przelewy24.svg");
}

#paymentPopup label[for="payment_part"]::before {
  background-image: url("/images/tubapay.svg");
}

#paymentPopup select[name="part_number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  width: auto;
  min-width: 80px;
  height: 42px;
  margin: 0 0 0 auto;
  padding: 0 34px 0 14px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ef002d' d='M1.41 0L6 4.59 10.59 0 12 1.42 6 7.42 0 1.42z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 7px;
  border: 1px solid #c8d0d4;
  border-radius: 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out;
}

#paymentPopup select[name="part_number"]::-ms-expand {
  display: none;
}

#paymentPopup select[name="part_number"]:hover, #paymentPopup select[name="part_number"]:focus, #paymentPopup select[name="part_number"]:active {
  border-color: #ef002d;
}

#paymentPopup select[name="part_number"] option {
  background: #fff;
  color: #000000;
  font-weight: 400;
}

#paymentPopup .select2-container {
  flex-shrink: 0;
  margin-left: auto;
}

#paymentPopup .select2-container--default .select2-selection--single {
  height: 42px;
  background: #fff;
  border: 1px solid #c8d0d4;
  border-radius: 0;
  transition: border-color 0.3s ease-in-out;
}

#paymentPopup .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 34px 0 14px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #000000;
}

#paymentPopup .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0;
  width: 34px;
  height: 40px;
}

#paymentPopup .select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 10px;
  height: 7px;
  margin: 0;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23ef002d' d='M1.41 0L6 4.59 10.59 0 12 1.42 6 7.42 0 1.42z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-in-out;
}

#paymentPopup .select2-container--default .select2-selection--single:hover {
  border-color: #ef002d;
}

#paymentPopup .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #ef002d;
}

#paymentPopup .select2-container--default.select2-container--open .select2-selection__arrow b {
  transform: translate(-50%, -50%) rotate(180deg);
}

#paymentPopup .select2-dropdown {
  margin-top: -2px;
  margin-left: -2px;
  background: #fff;
  border: 1px solid #ef002d;
  border-radius: 0;
}

#paymentPopup .select2-results__options {
  max-height: 300px;
}

@supports (-moz-appearance: none) {
  #paymentPopup .select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: #ef002d rgba(239, 0, 45, 0.12);
  }
}

#paymentPopup .select2-results__options::-webkit-scrollbar {
  width: 6px;
}

#paymentPopup .select2-results__options::-webkit-scrollbar-track {
  background: rgba(239, 0, 45, 0.12);
}

#paymentPopup .select2-results__options::-webkit-scrollbar-thumb {
  background: #ef002d;
  border-radius: 0;
}

#paymentPopup .select2-container--default .select2-results__option {
  padding: 9px 14px;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 1.2;
  color: #000000;
}

#paymentPopup .select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(239, 0, 45, 0.08);
  font-weight: 700;
  color: #ef002d;
}

#paymentPopup .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ef002d;
  color: #fff;
}

#paymentPopup .button {
  width: 100%;
  height: 50px;
  margin: 0;
  font-size: 16px;
}

@media screen and (max-width: 480px) {
  #paymentPopup {
    padding: 20px;
  }
  #paymentPopup h2 {
    margin-bottom: 20px;
    font-size: 17px;
  }
  #paymentPopup .styledForm__row {
    flex-wrap: wrap;
    gap: 10px;
  }
  #paymentPopup .styledForm__row:nth-child(3) {
    flex-wrap: nowrap;
  }
  #paymentPopup .styledForm__row:nth-child(3) input[type="radio"] {
    margin-top: -3px;
  }
  #paymentPopup .styledForm__row:nth-child(3) .select2-container {
    margin-top: -11px;
  }
  #paymentPopup label {
    font-size: 14px;
  }
  #paymentPopup label small {
    max-width: 183px;
    padding-left: 62px;
  }
  #paymentPopup label::before {
    width: 52px;
    margin-right: 10px;
  }
  #paymentPopup .select2-results__options {
    max-height: 200px;
  }
  #paymentPopup .select2-container--default .select2-selection--single {
    height: 38px;
  }
  #paymentPopup .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: 15px;
  }
  #paymentPopup .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
  }
  #paymentPopup select[name="part_number"] {
    height: 38px;
    margin-left: 34px;
    line-height: 36px;
    font-size: 15px;
  }
}

.bread {
  height: 2.6041666667vw;
  align-items: center;
  line-height: 2.6041666667vw;
  display: none;
  background: #eef0f1;
}

@media screen and (min-width: 1024px) {
  .bread {
    display: flex;
  }
}

.breadcrumbs {
  height: 100%;
  width: 91.875vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.breadcrumbs__name {
  color: #000000;
  font-size: 0.78125vw;
  font-weight: 400;
}

.breadcrumbs__breads {
  font-size: 0;
  padding: 0;
  margin: 0;
}

.breadcrumbs__breads li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.78125vw;
  font-weight: 400;
  color: #000000;
  padding-left: 1.0416666667vw;
  margin-right: 0.78125vw;
  position: relative;
}

.breadcrumbs__breads li:first-child {
  padding-left: 0;
  margin-right: 0.5208333333vw;
}

.breadcrumbs__breads li:first-child::before {
  display: none;
}

.breadcrumbs__breads li:nth-child(2) {
  padding-left: 0;
}

.breadcrumbs__breads li:nth-child(2)::before {
  display: none;
}

.breadcrumbs__breads li:before {
  content: '/';
  font-size: 0.78125vw;
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #000000;
}

.breadcrumbs__breads li.active {
  color: #ef002d;
}

.breadcrumbs__breads a {
  color: #000000;
  text-decoration: none;
}

.breadcrumbs__breads a:hover {
  color: #ef002d;
  text-decoration: underline;
}

.cookiesInfo {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  background: #5a1973;
}

.cookiesInfo__inner {
  max-width: 1200px;
  padding: 10px;
  margin: 0 auto;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .cookiesInfo__inner {
    font-size: 11.999px;
  }
}

@media screen and (max-width: 480px) {
  .cookiesInfo__inner {
    font-size: 11.05px;
    padding: 7px;
  }
}

.cookiesInfo__icon {
  flex-shrink: 0;
  background: url(../images/cookie.png) 0 0 no-repeat;
  background-size: contain;
  width: 31px;
  height: 32px;
  margin-right: 1.8229166667vw;
}

@media screen and (max-width: 768px) {
  .cookiesInfo__icon {
    display: none;
  }
}

.cookiesInfo__text {
  flex-grow: 1;
}

.cookiesInfo__close {
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  margin-left: 1.8229166667vw;
  text-align: center;
  padding: 7px;
}

.cookiesInfo__close:before {
  content: "";
}

.cookiesInfo__close:hover {
  color: #ccced1;
}

@media screen and (max-width: 480px) {
  .cookiesInfo__close {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    background: #5a1973;
    font-size: 16px;
  }
}

.cookiesInfo a {
  color: #fff;
  text-decoration: underline;
}

.cookiesInfo a:hover {
  text-decoration: none;
}

body:has([class*="cky-"]) .rodo {
  display: none !important;
}

.mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  transform: translateX(-100%);
  transition: transform 0.6s ease-in-out;
}

.mobileMenu.opened {
  transform: translateX(0);
}

.mobileMenu__inner {
  max-width: 420px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  height: 100%;
  position: relative;
}

.mobileMenu__logo {
  text-align: center;
}

.mobileMenu__logo img {
  max-width: 100%;
}

.mobileMenu__list {
  text-align: center;
  list-style: none;
  margin-top: 20px;
  margin-bottom: 20px;
  height: calc(100% - 126px);
  overflow-y: auto;
  position: relative;
}

.mobileMenu__list li {
  display: block;
  border-bottom: 2px solid #000000;
  color: #000000;
}

.mobileMenu__list li:hover {
  transition: .3s;
  background: #000000;
  color: #fff;
}

.mobileMenu__list li:last-child {
  border-bottom-width: 0;
}

.mobileMenu__list a {
  text-decoration: none;
  display: block;
  padding: 11px 20px;
  color: inherit;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

.mobileMenu__list a.actived {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  color: #052b5f;
  z-index: 9;
  padding: 0;
  width: 100%;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}

.mobileMenu__list .mobileMenu__list {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  margin: 0;
  padding: 40px 0 0 0;
  z-index: 7;
  visibility: hidden;
}

.mobileMenu__list.opened {
  opacity: 1;
  visibility: visible;
}

.mobileMenu__socials {
  bottom: 11px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.mobileMenu__socials .footer__socials {
  flex-direction: row;
}

.mobileMenu__socials .footer__socials a {
  margin: 0 1rem;
}

.mobSoc {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: relative;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}

.mobSoc:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobSoc--facebook {
  font-size: 34px;
  color: #3b5998;
  border-color: currentColor;
}

.mobSoc--facebook:before {
  content: "";
}

.closeMobile {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #000000;
  font-size: 22px;
  z-index: 10;
  cursor: pointer;
}

.closeMobile:before {
  content: "";
}

.js-openMenu {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99999;
  cursor: pointer;
}

.js-openMenu--line {
  background: #ef002d;
  display: block;
  margin-bottom: 6px;
  width: 40px;
  height: 4px;
}

@media screen and (min-width: 480px) {
  .js-openMenu {
    top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .js-openMenu {
    display: none;
  }
}

.mobilePrev {
  font-size: 22px;
  color: #052b5f;
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 40px;
  z-index: 11;
  width: 40px;
}

.mobilePrev:before {
  content: "";
}

.previewBlockFront, .waitPopup {
  position: fixed;
  max-width: 20.8333333333vw;
  padding: 0.8854166667vw 0.8854166667vw;
  line-height: 1;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  bottom: 0;
  left: 0;
  background: rgba(255, 111, 111, 0.9);
  z-index: 9999;
  color: #0b2548;
}

.previewBlockFront__title, .waitPopup__title {
  font-size: 0.8333333333vw;
  color: #fff;
  font-weight: 400;
}

.previewBlockFront__link, .waitPopup__link {
  margin-top: 0.4166666667vw;
}

.previewBlockFront__link a, .waitPopup__link a {
  text-decoration: underline;
  font-weight: 300;
  color: #fff;
}

.previewBlockFront__link a:hover, .waitPopup__link a:hover {
  text-decoration: none;
  color: #fff;
}

.sidebarMenu {
  height: auto;
  border-top: 0.2604166667vw solid #ef002d;
  background: #1c272f;
  width: 19.0625vw;
  padding: 1.3020833333vw 0;
  position: -webkit-sticky;
  position: sticky;
  top: 5.7291666667vw;
}

.sidebarMenu__title {
  display: none;
  padding-bottom: 2.34375vw;
  text-transform: capitalize;
  color: #ef002d;
  font-size: 1.5625vw;
  font-weight: 900;
  border-bottom: 2px solid #e7e7e7;
}

.sidebarMenu__person {
  background: #000000;
  padding: 1.6666666667vw 2.4479166667vw 1.4583333333vw 2.4479166667vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebarMenu__person--name {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 0.9375vw;
  color: #fff;
  padding-left: 1.3020833333vw;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list {
  list-style: none;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li {
  font-size: 0.9375vw;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding: 1.3020833333vw 0 1.3020833333vw 2.2916666667vw;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li:last-child::before, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li:last-child::before {
  display: none;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li::before, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 3.90625vw;
  left: 0;
  background: #444f57;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li.active, .sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li:hover, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li.active, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li:hover {
  color: #ef002d;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li.active a + .sidebarMenu__list, .sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li:hover a + .sidebarMenu__list, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li.active a + .sidebarMenu__list, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li:hover a + .sidebarMenu__list {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding-top: 0.5208333333vw;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li:last-child a, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li:last-child a {
  border-bottom-width: 0;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li a, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li a {
  color: inherit;
  text-decoration: none;
  display: block;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li a.active, .sidebarMenu .sidebarMenu__person + .sidebarMenu__list > li a:hover, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li a.active, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li a:hover {
  color: #ef002d;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list {
  list-style: none;
  height: 0;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  transition: .3s;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li {
  font-size: 0.8854166667vw;
  line-height: 1.5625vw;
  padding-left: 0.9375vw;
  color: #85a0b2;
  position: relative;
  font-weight: bold;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li::before, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 0.2604166667vw;
  height: 0.2604166667vw;
  left: 0;
  background: #ef002d;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li::after, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li::after {
  display: none;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li.active, .sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li:hover, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li.active, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li:hover {
  color: #ef002d;
}

.sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li.active a, .sidebarMenu .sidebarMenu__person + .sidebarMenu__list .sidebarMenu__list li:hover a, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li.active a, .sidebarMenu .sidebarMenu__title + .sidebarMenu__list .sidebarMenu__list li:hover a {
  color: inherit;
  padding-left: 1.0416666667vw;
  transition: .3s;
}

@media screen and (max-width: 1024px) {
  .sidebarMenu {
    display: none;
  }
}

.wrapper.hidden .sidebarMenu {
  top: 3.6458333333vw;
}

.helpBanner {
  justify-content: center;
  margin-bottom: 0.78125vw;
  padding: 0 1.7708333333vw 0 1.1458333333vw;
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 366px;
  height: 105px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: left;
}

.helpBanner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .helpBanner {
    font-size: 1.0416666667vw;
    height: 5.46875vw;
    width: 19.0625vw;
    border-radius: 0vw;
  }
}

.helpBanner:focus, .helpBanner:hover, .helpBanner:active {
  background: #fff;
  color: #ef002d;
}

.helpBanner:focus::before, .helpBanner:hover::before, .helpBanner:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.helpBanner:focus, .helpBanner:hover, .helpBanner:active {
  background: #1c272f;
  color: #fff;
}

.helpBanner:focus::before, .helpBanner:hover::before, .helpBanner:active::before {
  background: #1c272f;
}

.helpBanner__icon {
  display: inline-flex;
  font-size: 3.6458333333vw;
  padding-right: 0.9895833333vw;
}

.helpBanner__icon:before {
  content: "";
}

.mainContainer__menuPanel .sidebarMenu {
  padding-top: 0;
}

.newsList {
  margin-bottom: 50px;
}

@media screen and (min-width: 1024px) {
  .newsList {
    margin-bottom: 8.5416666667vw;
  }
}

.newsList__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  grid-row-gap: 30px;
}

@media screen and (min-width: 1024px) {
  .newsList__list {
    align-items: baseline;
    grid-row-gap: 3.8541666667vw;
    -ms-grid-columns: (27.0833333333vw)[3];
    grid-template-columns: repeat(3, 27.0833333333vw);
    grid-column-gap: 6.25vw;
  }
}

.newsList__button {
  display: flex;
  justify-content: center;
}

.newsList__button .button {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 210px;
  height: 50px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
  margin-top: 50px;
  width: 100% !important;
}

.newsList__button .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .newsList__button .button {
    font-size: 0.7291666667vw;
    height: 2.6041666667vw;
    width: 10.9375vw;
    border-radius: 0vw;
  }
}

.newsList__button .button:focus, .newsList__button .button:hover, .newsList__button .button:active {
  background: #000000;
  color: #fff;
}

.newsList__button .button:focus::before, .newsList__button .button:hover::before, .newsList__button .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.newsList__button .button.hidden {
  display: none;
}

@media screen and (min-width: 1024px) {
  .newsList__button .button {
    margin-top: 2.6041666667vw;
  }
}

.oneNews {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.oneNews:first-child .oneNews__title {
  margin: 0.9375vw 0 2.0833333333vw;
}

.oneNews figure {
  margin: 0;
  height: 100%;
}

.oneNews__top {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
}

@media screen and (min-width: 1024px) {
  .oneNews__top {
    width: 27.0833333333vw;
    height: 18.75vw;
  }
}

.oneNews__top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oneNews__figcaption {
  position: relative;
  height: 100%;
}

.oneNews__figcaption--count {
  background: #ef002d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .oneNews__figcaption--count {
    top: 0.5208333333vw;
    right: 0.5208333333vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    font-size: 1.0416666667vw;
  }
}

.oneNews__figcaption--count::before {
  position: absolute;
  right: 0;
  top: 30px;
  display: block;
  width: 0;
  height: 0;
  border: inset 20px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #ef002d transparent transparent;
}

@media screen and (min-width: 1024px) {
  .oneNews__figcaption--count::before {
    top: 1.5625vw;
    display: block;
    width: 0;
    height: 0;
    border: inset 1.0416666667vw;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ef002d transparent transparent;
  }
}

.oneNews__figcaptionSocials {
  display: flex;
  align-items: center;
  position: absolute;
  right: 30px;
  bottom: 15px;
  font-size: 20px;
  display: none;
}

@media screen and (min-width: 1024px) {
  .oneNews__figcaptionSocials {
    right: 1.5625vw;
    bottom: 0.78125vw;
    font-size: 1.0416666667vw;
  }
}

.oneNews__figcaptionSocials a {
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  transition: .3s;
}

.oneNews__figcaptionSocials a:focus, .oneNews__figcaptionSocials a:hover, .oneNews__figcaptionSocials a:active {
  color: #ef002d;
}

.oneNews__figcaptionSocials--facebook {
  margin-right: 0.7291666667vw;
}

.oneNews__figcaptionSocials--facebook:before {
  content: "";
}

.oneNews__figcaptionSocials--instagram:before {
  content: "";
}

.oneNews__bottom {
  width: 100%;
  height: 100%;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.oneNews__title {
  font-weight: 900;
  font-size: 30px;
  margin: 0.9375vw 0 3.90625vw;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .oneNews__title {
    font-size: 1.5625vw;
  }
}

.oneNews__text {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .oneNews__text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.oneNews__content {
  margin-top: 15px;
  margin-bottom: 2.0833333333vw;
  padding: 0 1rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .oneNews__content {
    padding: 0;
  }
}

.oneNews__info {
  display: flex;
  align-items: baseline;
  width: 100%;
  justify-content: center;
}

@media screen and (max-width: 500px) {
  .oneNews__info {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (min-width: 1024px) {
  .oneNews__info {
    width: 18.75vw;
  }
}

.oneNews__infoCategory {
  display: flex;
  align-items: center;
}

.oneNews__infoCategory--icon {
  font-size: 22px;
  display: inline-flex;
}

.oneNews__infoCategory--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .oneNews__infoCategory--icon {
    font-size: 1.1458333333vw;
  }
}

.oneNews__infoCategory--text {
  font-size: 16px;
  line-height: 30px;
  margin: 0 3.1770833333vw 0 1.0416666667vw;
}

@media screen and (min-width: 1024px) {
  .oneNews__infoCategory--text {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}

.oneNews__infoCategory--name {
  color: #ef002d;
}

.oneNews__infoRates {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

@media screen and (max-width: 500px) {
  .oneNews__infoRates {
    margin: 20px 0;
  }
}

.oneNews__infoRates input {
  position: absolute;
  left: -99999px;
}

.oneNews__infoRates input:checked ~ label {
  color: #ffa800;
}

.oneNews__infoRates label {
  cursor: pointer;
  color: #c3cacd;
  font-size: 20px;
  margin-right: 5px;
}

.oneNews__infoRates label:before {
  content: "";
}

.oneNews__infoRates label[for="star5"] {
  margin-right: 0;
}

.oneNews__infoRates label::before {
  display: inline-flex;
}

.oneNews__infoRates label:hover,
.oneNews__infoRates label:hover ~ label {
  color: #ffa800;
}

.oneNews__date {
  font-size: 20px;
  line-height: 30px;
  color: #ef002d;
  display: inline-flex;
  align-items: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: bold;
  padding: 0.9375vw 0 0.7291666667vw;
}

.oneNews__date::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 160px;
  height: 3px;
  background: #000000;
}

@media screen and (min-width: 1024px) {
  .oneNews__date::after {
    width: 8.3333333333vw;
    height: 0.15625vw;
  }
}

@media screen and (min-width: 1024px) {
  .oneNews__date {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
  }
}

.oneNews__date--year {
  color: #000000;
}

.oneNews__link {
  text-align: center;
  margin: 0 auto;
  padding: 2.0833333333vw 0 4.1666666667vw;
}

.oneNews__link a {
  color: #000000;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  width: 129px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-decoration: none;
  border: 0.15625vw solid #000000;
}

.oneNews__link a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #fff;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .oneNews__link a {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 6.71875vw;
    border-radius: 0vw;
  }
}

.oneNews__link a:focus, .oneNews__link a:hover, .oneNews__link a:active {
  background: #000000;
  color: #fff;
}

.oneNews__link a:focus::before, .oneNews__link a:hover::before, .oneNews__link a:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.styledForm__row {
  position: relative;
  margin-bottom: 0.5208333333vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.styledForm__row--button {
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .styledForm__row--button {
    justify-content: flex-end;
  }
}

.styledForm__left {
  width: 40%;
  padding-right: 1.0416666667vw;
  flex-shrink: 0;
  line-height: 1.1;
}

.styledForm__right {
  width: 60%;
  flex-grow: 1;
}

.styledForm__label {
  font-size: 0.78125vw;
  color: #000;
  flex-grow: 1;
  width: 100%;
}

.styledForm__label + .styledFormItems__checkbox {
  margin-top: 0.5208333333vw;
}

.styledForm--twocols .styledForm__left, .styledForm--twocols .styledForm__right {
  width: 50%;
  padding: 0;
  flex-grow: 1;
}

.styledForm--twocols .styledForm__left {
  padding-right: 0.2604166667vw;
}

.styledForm--twocols .styledForm__right {
  padding-left: 0.2604166667vw;
}

@media screen and (max-width: 1024px) {
  .styledForm__row {
    margin-bottom: 10px;
  }
  .styledForm__left, .styledForm__right {
    width: 100%;
    padding: 0;
  }
  .styledForm__label {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding-left: 15px;
  }
  .styledForm--twocols .styledForm__left, .styledForm--twocols .styledForm__right {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .styledForm--twocols .styledForm__left {
    margin-bottom: 10px;
  }
}

.styledFormItems--input {
  display: block;
  width: 100%;
  font-family: "Raleway", sans-serif;
  color: #000;
  background: #fff;
  padding: 0 2.4479166667vw;
  border: 1px solid #ccc;
  font-size: 0.9375vw;
}

.styledFormItems--input::-webkit-input-placeholder {
  color: #000;
}

.styledFormItems--input:-moz-placeholder {
  color: #000;
}

.styledFormItems--input::-moz-placeholder {
  color: #000;
}

.styledFormItems--input:-ms-input-placeholder {
  color: #000;
}

.styledFormItems--textarea {
  resize: none;
  display: block;
  width: 100%;
  font-family: "Raleway", sans-serif;
  color: #000;
  background: #fff;
  padding: 0.78125vw 2.4479166667vw;
  font-size: 0.9375vw;
}

.styledFormItems--textarea::-webkit-input-placeholder {
  color: #000;
}

.styledFormItems--textarea:-moz-placeholder {
  color: #000;
}

.styledFormItems--textarea::-moz-placeholder {
  color: #000;
}

.styledFormItems--textarea:-ms-input-placeholder {
  color: #000;
}

.styledFormItems--select {
  display: block;
  width: 100%;
  font-family: "Raleway", sans-serif;
  color: #000;
  background: #fff;
  padding: 0 1.0416666667vw;
  height: 2.0833333333vw;
  border: 1px solid #ccc;
  font-size: 0.78125vw;
}

@media screen and (max-width: 1024px) {
  .styledFormItems--input {
    padding: 0 15px;
    height: 35px;
    font-size: 14px;
  }
  .styledFormItems--textarea {
    padding: 10px 15px;
    height: 80px;
    font-size: 14px;
  }
}

.exampleContainer {
  max-width: 900px;
  margin: 0 auto;
}

.styledCheckbox, .styledRadio {
  display: flex;
  position: relative;
  align-items: flex-start;
  margin: 1.3020833333vw 0;
}

.styledCheckbox input, .styledRadio input {
  margin: 0;
  padding: 0;
  opacity: 0 !important;
  position: absolute;
  z-index: -1;
  width: 25px !important;
  height: 25px !important;
  top: 0;
  left: 0;
  border-radius: 0.2604166667vw;
}

@media screen and (min-width: 1024px) {
  .styledCheckbox input, .styledRadio input {
    width: 1.3020833333vw !important;
    height: 1.3020833333vw !important;
  }
}

.styledCheckbox input:checked + label, .styledRadio input:checked + label {
  color: #ef002d;
  font-size: 17px;
}

.styledCheckbox input:checked + label:before, .styledRadio input:checked + label:before {
  content: "";
}

.styledCheckbox input:checked + label::before, .styledRadio input:checked + label::before {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 1024px) {
  .styledCheckbox input:checked + label, .styledRadio input:checked + label {
    font-size: 0.8854166667vw;
  }
}

.styledCheckbox label, .styledRadio label {
  border: 1px solid #ef002d;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  cursor: pointer;
  margin-right: 0.78125vw;
  position: relative;
  border-radius: 0.2604166667vw;
}

@media screen and (min-width: 1024px) {
  .styledCheckbox label, .styledRadio label {
    width: 1.3020833333vw !important;
    height: 1.3020833333vw !important;
  }
}

.styledCheckbox span, .styledRadio span {
  color: #7e8b94;
  font-size: 0.8333333333vw;
}

.styledCheckbox a, .styledRadio a {
  color: #11a3dc;
  font-size: 0.78125vw;
  text-decoration: underline;
}

.styledCheckbox a:hover, .styledRadio a:hover {
  text-decoration: none;
}

.styledRadio {
  display: inline-flex;
  align-items: center;
}

.styledRadio input {
  border-radius: 50%;
}

.styledRadio input:checked + label:before {
  border-radius: 50%;
}

.styledRadio label {
  border-radius: 50%;
}

.styledRadio + .styledRadio {
  margin-left: 1.0416666667vw;
}

.formErrors__ul {
  background: #ef002d;
  text-align: center;
  color: #fff;
  padding: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .formErrors__ul {
    line-height: 1.5625vw;
    width: 100%;
    padding: 1.1520833vw;
    margin-top: 1.5625vw;
    margin-bottom: 20px;
  }
}

.formErrors__ul li {
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.formErrors__ul li b {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .formErrors__ul li {
    font-size: 1.0416666667vw;
  }
}

.formErrors__item {
  position: fixed;
  height: 400px;
  width: 600px;
  left: calc(50% - 300px);
  top: calc(50% - 205px);
  color: #fff;
  padding: 1.0416666667vw;
  font-size: 1.5625vw;
  background: #a4c22e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0.15625vw solid #1c272f;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 900;
}

.formErrors__item:before {
  content: "";
}

@media screen and (max-width: 650px) {
  .formErrors__item {
    height: 150px;
    width: 300px;
    left: calc(50% - 150px);
    top: calc(50% - 100px);
    font-size: 15px;
    text-align: center;
  }
  .formErrors__item .close {
    margin-top: 20px;
  }
}

.formErrors__item::before {
  font-size: 30px;
  margin-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .formErrors__item::before {
    font-size: 2.6041666667vw;
    margin-bottom: 1.5625vw;
  }
}

.formErrors__item + .styledForm button[type="submit"] {
  display: none;
}

.formErrors__item.false {
  background: #ef002d;
}

.formErrors__item:last-child {
  margin-bottom: 0;
}

.pb .email:before, .pb .email:after {
  display: none;
}

.pb .email select {
  width: 200px;
  padding: 10px;
}

.remempas {
  height: auto;
  background-position: top;
}

.remempas .styledForm {
  width: 100%;
  padding: 0 100px;
}

@media screen and (min-width: 1024px) {
  .remempas .styledForm {
    padding: 0 8.3333333333vw;
  }
}

.remempas .styledForm input {
  border-color: #ccc;
}

.remempas .styledForm input:hover {
  border-color: #ef002d;
}

.remempas .styledForm input:focus {
  border-color: #ef002d;
}

.remempas .styledForm__row.iconRight::after {
  background: #ccc;
}

.remempas .formErrors__ul {
  margin-bottom: 20px;
  width: 31.81667vw;
}

.downloads {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 1%;
  grid-row-gap: 1.5625vw;
}

@media screen and (min-width: 1024px) {
  .downloads {
    -ms-grid-columns: (32.2916666667vw)[2];
    grid-template-columns: repeat(2, 32.2916666667vw);
    grid-column-gap: 2.0833333333vw;
  }
}

.downloadItem {
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
  line-height: 1;
  background: #eef0f1;
  padding: 10px 10px 10px 100px;
  transition: all 0.4s ease-in-out;
  justify-content: space-between;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .downloadItem {
    flex-direction: row;
    width: 32.2916666667vw;
    height: 4.1666666667vw;
    padding: 1.0416666667vw 1.3020833333vw 1.0416666667vw 5.2083333333vw;
  }
}

.downloadItem:hover {
  border-color: #ef002d;
}

.downloadItem:first-child {
  margin-left: 0;
}

.downloadItem__icon {
  font-size: 17px;
  display: flex;
  align-items: center;
  font-weight: 900;
  color: #fff;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 82px;
  font-size: 17px;
  text-transform: uppercase;
  padding-left: 0.8854166667vw;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .downloadItem__icon {
    justify-content: flex-start;
    font-size: 0.8854166667vw;
    width: 4.2708333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .downloadItem__icon::after {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 4.1666666667vw solid #eef0f1;
    border-left: 1.3020833333vw solid transparent;
  }
}

.downloadItem__icon::before {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.downloadItem__icon--pdf {
  background: #ef002d;
}

.downloadItem__icon--doc, .downloadItem__icon--docx {
  background: #107dd1;
}

.downloadItem__icon--jpg {
  background: #dba421;
}

.downloadItem__icon--png {
  background: #8d5ba2;
}

.downloadItem__icon--xls, .downloadItem__icon--xlsx {
  background: #62ae2f;
}

.downloadItem__icon--zip {
  background: #596771;
}

.downloadItem__text {
  font-size: 14px;
  color: #000000;
  padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .downloadItem__text {
    padding-bottom: 0;
    font-size: 0.9375vw;
    max-width: 18.75vw;
  }
}

.downloadItem__button {
  text-decoration: none;
  color: #000000;
  background: #eef0f1;
  border-radius: 0px;
  font-size: 14px;
  width: 104px;
  height: 44px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 0.15625vw solid #000000;
}

.downloadItem__button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #eef0f1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .downloadItem__button {
    font-size: 0.7291666667vw;
    height: 2.2916666667vw;
    width: 5.4166666667vw;
    border-radius: 0vw;
  }
}

.downloadItem__button:focus, .downloadItem__button:hover, .downloadItem__button:active {
  background: #000000;
  color: #eef0f1;
}

.downloadItem__button:focus::before, .downloadItem__button:hover::before, .downloadItem__button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #000000;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.downloadItem__button:focus, .downloadItem__button:hover, .downloadItem__button:active {
  border-color: #ef002d;
  background: #ef002d;
  color: #fff;
}

.downloadItem__button:focus::before, .downloadItem__button:hover::before, .downloadItem__button:active::before {
  background: #ef002d;
}

.module {
  margin: 4.6875vw 0;
  padding: 0;
}

.module:first-of-type {
  margin-top: 0;
}

.module:last-child {
  margin-bottom: 0;
}

.module__title {
  font-weight: 900;
  color: #7e8b94;
  font-size: 30px;
}

@media screen and (min-width: 1024px) {
  .module__title {
    line-height: 2.5vw;
    font-size: 3.125vw;
  }
}

.module__description {
  font-weight: 400;
  color: #7e8b94;
  font-size: 22px;
  line-height: 36px;
  margin: 20px 0;
}

@media screen and (min-width: 1024px) {
  .module__description {
    font-size: 1.1458333333vw;
    line-height: 1.875vw;
    margin: 1.3020833333vw 0;
  }
}

.module__empty {
  color: #ef002d;
  font-size: 3rem;
  text-align: center;
  border: 2px solid #ef002d;
  padding: 2rem 0;
  border-radius: 5px;
}

@media screen and (min-width: 1024px) {
  .module__empty {
    padding: 1.0416666667vw 0;
    border-radius: 0.2604166667vw;
    font-size: 1.5625vw;
  }
}

.mainContainer__modules .newsList {
  margin-bottom: 0;
  overflow: hidden;
}

.mainContainer__modules .newsList__list {
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  grid-row-gap: 3.6458333333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__modules .oneNews:nth-child(2n + 0) .oneNews__bottom {
    order: -1;
    padding-right: 1.9791666667vw;
    padding-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__modules .oneNews {
    flex-direction: row;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__modules .oneNews__bottom {
    width: 39.5833333333vw;
    padding-left: 3.8020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__modules .oneNews__title {
    margin: 0.9375vw 0 2.0833333333vw;
  }
}

.mainContainer__modules .oneNews__date {
  padding-top: 0;
}

.contentBlock {
  font-size: calc(14px + 2 * ((100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  .contentBlock {
    font-size: 14px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock {
    font-size: 16px;
  }
}

.contentBlock h6 {
  font-size: calc(13.75px + 6.25 * ((100vw - 420px) / 480));
  margin: 0.1vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h6 {
    font-size: 13.75px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h6 {
    font-size: 20px;
  }
}

.contentBlock h5 {
  font-size: calc(16.5px + 7.5 * ((100vw - 420px) / 480));
  margin: 0.2vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h5 {
    font-size: 16.5px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h5 {
    font-size: 24px;
  }
}

.contentBlock h4 {
  font-size: calc(19.25px + 8.75 * ((100vw - 420px) / 480));
  margin: 0.3vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h4 {
    font-size: 19.25px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h4 {
    font-size: 28px;
  }
}

.contentBlock h3 {
  font-size: calc(22px + 10 * ((100vw - 420px) / 480));
  margin: 0.4vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h3 {
    font-size: 22px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h3 {
    font-size: 32px;
  }
}

.contentBlock h2 {
  font-size: calc(24.75px + 11.25 * ((100vw - 420px) / 480));
  margin: 0.5vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h2 {
    font-size: 24.75px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h2 {
    font-size: 36px;
  }
}

.contentBlock h1 {
  font-size: calc(27.5px + 12.5 * ((100vw - 420px) / 480));
  margin: 0.6vw 0;
}

@media screen and (max-width: 420px) {
  .contentBlock h1 {
    font-size: 27.5px;
  }
}

@media screen and (min-width: 900px) {
  .contentBlock h1 {
    font-size: 40px;
  }
}

.contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4, .contentBlock h5, .contentBlock h6 {
  color: #052b5f;
}

.contentBlock a {
  color: blue;
  text-decoration: underline;
}

.contentBlock a:hover {
  text-decoration: none;
}

.contentBlock ul, .contentBlock ol {
  list-style: disc;
  list-style-position: inside;
  padding-left: 0;
  margin: 1.3020833333vw 0;
}

.contentBlock ul li, .contentBlock ol li {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .contentBlock ul li, .contentBlock ol li {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.contentBlock ul li:last-child, .contentBlock ol li:last-child {
  margin-bottom: 0;
}

.contentBlock ul li {
  list-style: none;
  position: relative;
  padding-left: 30px;
}

@media screen and (min-width: 1024px) {
  .contentBlock ul li {
    padding-left: 1.5625vw;
  }
}

.contentBlock ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: 0.8333333333vw !important;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef002d;
}

@media screen and (max-width: 600px) {
  .contentBlock ul li:before {
    top: 16px !important;
  }
}

.contentBlock ol {
  list-style-type: decimal;
}

.contentBlock dl {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
  overflow: visible;
  margin: 1.3020833333vw 0;
}

.contentBlock dt {
  flex: 0 0 50%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.contentBlock dd {
  flex: 0 0 50%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.contentBlock p {
  margin: 0.78125vw 0;
  line-height: 1.25;
}

.contentBlock blockquote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #eef0f1;
  margin: 20px 0;
  padding: 15px;
  font-style: italic;
  text-align: center;
  font-size: 1.1458333333vw;
}

.contentBlock blockquote:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .contentBlock blockquote {
    margin: 3.6458333333vw 0 0;
    padding: 6.25vw 6.25vw 2.6041666667vw 6.25vw;
  }
}

.contentBlock blockquote::before {
  display: inline-flex;
  color: #626c73;
  font-size: 55px;
  top: 1.5625vw;
  position: absolute;
}

@media screen and (min-width: 1024px) {
  .contentBlock blockquote::before {
    font-size: 2.8645833333vw;
  }
}

.contentBlock blockquote:after {
  content: '';
  width: 20px;
  height: 5px;
  position: absolute;
  display: inline-block;
  background: #ef002d;
  bottom: 1.3020833333vw;
  left: calc(50% - 10px);
}

.contentBlock blockquote p, .contentBlock blockquote div {
  margin: 0;
}

.contentBlock blockquote p {
  font-size: 22px;
  line-height: 30px;
  color: #000000;
  font-style: italic;
  text-align: center;
  padding: 1.9270833333vw 0 2.6041666667vw;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .contentBlock blockquote p {
    font-size: 1.1458333333vw;
    line-height: 1.5625vw;
  }
}

.contentBlock blockquote p::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 1.0416666667vw;
  height: 0.2604166667vw;
  background: #ef002d;
}

.contentBlock hr {
  border: none;
  background: #000;
  height: 1px;
  width: 100%;
  margin: 0.78125vw 0;
}

.contentBlock pre {
  margin: 1.0416666667vw 0;
  background: #f9f9f9;
  color: #000;
  padding: 0.5208333333vw 1.5625vw;
  font-family: "Raleway", sans-serif;
  font-size: 0.7291666667vw;
  line-height: 1.5;
}

.contentBlock pre div, .contentBlock pre p {
  display: inline;
}

.contentBlock small {
  font-size: 0.7291666667vw;
}

.contentBlock s, .contentBlock strike, .contentBlock del {
  text-decoration: line-through;
}

.contentBlock abbr, .contentBlock acronym {
  border-bottom: 1px dashed;
  cursor: help;
}

.contentBlock table {
  width: 100%;
}

.contentBlock table caption {
  font-size: 0.9375vw;
  font-style: italic;
  text-align: center;
  margin-bottom: 0.5208333333vw;
}

.contentBlock i, .contentBlock cite, .contentBlock em, .contentBlock var, .contentBlock address, .contentBlock dfn {
  font-style: italic;
}

.contentBlock figure {
  margin: 0;
  padding: 0;
}

.contentBlock img {
  max-width: 100%;
}

.contentBlock .styledTable {
  overflow-x: auto;
}

.contentBlock .styledTable table {
  min-width: 100%;
  border-spacing: 0;
}

.contentBlock .styledTable tbody tr:first-child td, .contentBlock .styledTable tbody tr:first-child th {
  text-align: left;
  font-weight: bold;
  color: #fff;
  background: #1c272f;
  border-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .contentBlock .styledTable tbody tr:first-child td, .contentBlock .styledTable tbody tr:first-child th {
    padding: 1.0416666667vw 1.5104166667vw 1.1458333333vw 1.5104166667vw;
  }
}

.contentBlock .styledTable tr:nth-child(2n+1) td {
  background: #eef0f1;
}

.contentBlock .styledTable td, .contentBlock .styledTable th {
  font-weight: 400;
  background: #fff;
  text-align: left;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  .contentBlock .styledTable td, .contentBlock .styledTable th {
    font-size: 0.9375vw;
    padding: 1.0416666667vw 1.5625vw 1.1458333333vw 1.5625vw;
  }
}

@media screen and (max-width: 1024px) {
  .contentBlock table caption {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .contentBlock table td, .contentBlock table th {
    font-size: 14px;
  }
  .contentBlock pre {
    margin: 10px 0;
    padding: 10px 20px;
    font-size: 13px;
  }
  .contentBlock small {
    font-size: 12px;
  }
  .contentBlock ul, .contentBlock ol {
    margin: 20px 0;
  }
  .contentBlock .styledTable td, .contentBlock .styledTable th {
    padding: 10px;
  }
}

.contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4 {
  margin: 0;
  color: #000000;
}

.contentBlock h1 {
  font: 900 30px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .contentBlock h1 {
    font: 900 2.5vw "Raleway", sans-serif;
  }
}

.contentBlock h2 {
  font: 900 28px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .contentBlock h2 {
    font: 900 1.8229166667vw "Raleway", sans-serif;
  }
}

.contentBlock h3 {
  font: 900 24px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .contentBlock h3 {
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.contentBlock h4 {
  font: 900 20px "Raleway", sans-serif;
}

@media screen and (min-width: 1024px) {
  .contentBlock h4 {
    font: 900 1.1458333333vw "Raleway", sans-serif;
  }
}

.contentBlock img + p:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .contentBlock img ~ p[style="text-align: left;"] {
    max-width: 30.9895833333vw;
  }
}

.contentBlock img ~ p[style="text-align: right;"] {
  margin-left: auto;
  text-align: left !important;
}

@media screen and (min-width: 1024px) {
  .contentBlock img ~ p[style="text-align: right;"] {
    max-width: 30.78125vw;
  }
}

.contentBlock p {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin: 20px 0;
}

.contentBlock p:first-child {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .contentBlock p {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin: 1.0416666667vw 0;
  }
}

.contentBlock a {
  color: #ef002d;
  transition: all 0.4s ease-in-out;
}

.contentBlock a:focus, .contentBlock a:hover, .contentBlock a:active {
  color: #000000;
  text-decoration: none;
}

strong, b {
  font-weight: bold;
  line-height: 1.5625vw;
}

h1 + .styledTable {
  margin-top: 1.3020833333vw;
}

.customBlock {
  padding-left: 8.3333333333vw;
  margin-bottom: 3.125vw;
}

.customBlock__title {
  margin-bottom: 1.8229166667vw !important;
  position: relative;
}

.customBlock__title:before {
  position: absolute;
  left: -8.3333333333vw;
  top: 0;
  color: #ef002d;
  font-size: 4.1666666667vw;
}

.customBlock ul {
  margin-bottom: 0;
}

.customBlockBoxes {
  display: flex;
  justify-content: space-between;
  margin-top: 8.8541666667vw;
  margin-bottom: 10.9375vw;
}

.customBlockBoxes--medals .customBlock__box {
  min-height: 11.1979166667vw;
}

.customBlockBoxes--medals .customBlock__box:after {
  bottom: -159% !important;
}

.customBlockBoxes--medals .customBlock__boxIcon:before {
  font-size: 3.6458333333vw !important;
}

.customBlockBoxes--scool .customBlock__box {
  min-height: 22.65625vw;
}

.customBlockBoxes--scool .customBlock__box:after {
  bottom: -78.9% !important;
}

.customBlockBoxes--scool .customBlock__boxIcon:before {
  font-size: 3.6458333333vw !important;
}

.customBlock__box {
  background: #EDEFF1;
  width: 21.3541666667vw;
  color: black;
  font-size: 1.25vw;
  padding-top: 7.03125vw;
  padding-left: 1.8229166667vw;
  padding-right: 1.8229166667vw;
  text-align: center;
  position: relative;
  min-height: 16.40625vw;
}

.customBlock__box_title {
  font-weight: 900;
  font-size: 1.5625vw;
  text-transform: uppercase;
  margin-bottom: 2.0833333333vw;
}

.customBlock__box:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -108.9%;
  left: 0;
  right: 0;
  border: 10.6770833333vw solid transparent;
  border-top: 7.1875vw solid #edeff1;
}

.customBlock__boxIcon {
  position: absolute;
  width: 6.7708333333vw;
  height: 6.7708333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ef002d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  color: #fff;
  top: -3.3854166667vw;
  transform: translateX(-50%) rotate(45deg);
  text-align: center;
  pointer-events: none;
  z-index: 1;
}

.customBlock__boxIcon:before {
  color: white;
  font-size: 2.6041666667vw;
  transform: rotate(-45deg);
  font-weight: 900;
}

.customBlock__box1 .customBlock__boxIcon:before {
  content: "75%";
}

.customBlock__box2 .customBlock__boxIcon:before {
  content: "25%";
}

.customBlock__box3 .customBlock__boxIcon:before {
  content: "0%";
}

.customBlock__box4 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__box5 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__box6 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__box7 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__box8 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__box9 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__webinar1 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__webinar1 .customBlock__boxIcon:before {
  font-size: 3.6458333333vw;
}

.customBlock__webinar2 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__webinar2 .customBlock__boxIcon:before {
  font-size: 3.6458333333vw;
}

.customBlock__webinar3 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__webinar3 .customBlock__boxIcon:before {
  font-size: 3.6458333333vw;
}

.customBlock__webinar4 .customBlock__boxIcon:before {
  content: "";
}

.customBlock__webinar4 .customBlock__boxIcon:before {
  font-size: 3.6458333333vw;
}

.customBlock--about1 {
  position: relative;
}

.customBlock--about1 .customBlock__title:before {
  content: "";
}

.customBlock--about1:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 16.40625vw;
  position: absolute;
  left: 2.0833333333vw;
  top: 5.9895833333vw;
  background: #ef002d;
}

.customBlock--about2 .customBlock__title:before {
  content: "";
}

.customBlock--about3 .customBlock__title:before {
  content: "";
}

.customBlock--about5 {
  position: relative;
}

.customBlock--about5 .customBlock__title:before {
  content: "";
}

.customBlock--about5:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 9.375vw;
  position: absolute;
  left: 2.0833333333vw;
  top: 5.9895833333vw;
  background: #ef002d;
}

.customBlock--about6 .customBlock__title:before {
  content: "";
}

.customBlock--about4 {
  margin-bottom: 4.6875vw;
}

.customBlock--about7 {
  padding: 0;
  text-align: center;
  margin-top: 3.3854166667vw;
}

.customBlock--scool1 .customBlock__title:before {
  content: "";
}

.customBlock--scool2 {
  position: relative;
}

.customBlock--scool2 .customBlock__title:before {
  content: "";
}

.customBlock--scool2:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 7.5520833333vw;
  position: absolute;
  left: 2.0833333333vw;
  top: 5.9895833333vw;
  background: #ef002d;
}

.customBlock--scool3 .customBlock__title:before {
  content: "";
}

.customBlock--scool4 .customBlock__title:before {
  content: "";
}

.customBlock--coach1 {
  margin-bottom: 7.2916666667vw;
}

.customBlock--coach1 .customBlock__title:before {
  content: "";
}

.customBlock--coach2 {
  margin-bottom: 5.7291666667vw;
  margin-top: 5.7291666667vw;
}

.customBlock--coach2 h2 {
  margin: 0;
}

.customBlock--coach2 .customBlock__title:before {
  content: "";
}

.customBlock--coach2 .customBlock__title:before {
  top: -1.3020833333vw;
}

.customBlock--coach3 {
  margin-bottom: 6.25vw;
  margin-top: 5.7291666667vw;
}

.customBlock--coach3 .customBlock__title:before {
  content: "";
}

.customBlock--webinar1 .customBlock__title:before {
  content: "";
}

.customBlock--webinar3 {
  position: relative;
}

.customBlock--webinar3 .customBlock__title:before {
  content: "";
}

.customBlock--webinar3:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 7.5520833333vw;
  position: absolute;
  left: 2.0833333333vw;
  top: 5.9895833333vw;
  background: #ef002d;
}

.customBlock--webinar4 .customBlock__title:before {
  content: "";
}

.customBlock--webinar5 {
  margin-top: 3.125vw;
}

.customBlock--webinar5 .customBlock__title:before {
  content: "";
}

.banerAbout {
  background: #0F0F0F;
  display: flex;
  width: 100%;
}

.banerAbout p, .banerAbout li {
  color: white !important;
}

.banerAbout ul li ul {
  margin-top: 0;
  margin-bottom: 0;
}

.banerAbout__left {
  width: 25vw;
}

.banerAbout__left img {
  max-width: 25vw;
}

.banerAbout__right {
  padding-right: 2.6041666667vw;
}

.banerAbout__title {
  margin: 3.3854166667vw 0 2.34375vw;
  color: white;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 900;
}

.banerAbout__title span {
  color: #ef002d;
}

.banerAbout--bottom .banerAbout__title {
  margin-top: 7.8125vw;
}

.banerAbout--bottom h3 {
  color: #ef002d;
  text-transform: uppercase;
}

.banerAbout--bottom .banerAbout__content_Boxes {
  display: flex;
  justify-content: flex-start;
  margin-top: 2.6041666667vw;
}

.banerAbout--bottom .banerAbout__content_Box {
  background: white;
  width: 16.6666666667vw;
  display: flex;
  align-items: center;
  padding: 2.6041666667vw 0;
  height: auto;
  text-decoration: none;
  transition: all .4s ease;
}

.banerAbout--bottom .banerAbout__content_Box:first-child {
  margin-right: 2.0833333333vw;
}

.banerAbout--bottom .banerAbout__content_Box:first-child span:before {
  content: "";
}

.banerAbout--bottom .banerAbout__content_Box:last-child {
  margin-right: 2.0833333333vw;
}

.banerAbout--bottom .banerAbout__content_Box:last-child span:before {
  content: "";
}

.banerAbout--bottom .banerAbout__content_Box span {
  padding-left: 5.7291666667vw;
  color: black;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.0416666667vw;
  font-weight: 900;
  transition: all .4s ease;
}

.banerAbout--bottom .banerAbout__content_Box span:before {
  color: #ef002d;
  position: absolute;
  transition: all .4s ease;
  top: 0;
  font-size: 3.125vw;
  left: 1.5625vw;
}

.banerAbout--bottom .banerAbout__content_Box:hover {
  background: #ef002d;
}

.banerAbout--bottom .banerAbout__content_Box:hover span {
  color: white;
}

.banerAbout--bottom .banerAbout__content_Box:hover span:before {
  color: white;
}

.banerAbout--scool {
  margin-bottom: 4.6875vw;
}

.banerAbout--scool .banerAbout__title {
  margin-top: 7.8125vw;
}

.banerAbout--scool a {
  margin-top: 4.1666666667vw !important;
}

.banerAbout--webinar1 .banerAbout__title {
  margin-top: 7.8125vw;
  margin-bottom: 1.34375vw;
}

.banerAbout--webinar1 .contentBlock {
  margin-bottom: 4.4270833333vw;
}

.banerAbout--webinar1 .banerAbout__link a {
  width: 16.6666666667vw;
  height: 3.125vw;
}

.banerAbout--webinar2 {
  margin-top: 1.5625vw;
}

.banerAbout--webinar2 .banerAbout__title {
  margin-top: 7.8125vw;
  margin-bottom: 1.34375vw;
}

.banerAbout--webinar2 .contentBlock {
  margin-bottom: 2.6041666667vw;
}

.banerAbout--webinar2 .contentBlock p {
  margin-bottom: 0;
}

.banerAbout--webinar2 .contentBlock span {
  margin-top: 1.5625vw;
  text-transform: uppercase;
  font-size: 1.25vw;
  display: inline-block;
  font-weight: 900;
  color: #ef002d;
}

.banerAbout--webinar2 .banerAbout__link a {
  width: 16.6666666667vw;
  height: 3.125vw;
  font-size: 1.0416666667vw;
}

.buttonScool {
  color: black !important;
  text-decoration: none !important;
}

.buttonScool:hover {
  color: white !important;
}

.customBlockBoxes--webinar .customBlock__box {
  width: 32.8125vw;
}

.customBlockBoxes--webinar .customBlock__box:after {
  bottom: -124.95%;
  left: 0;
  right: 0;
  border: 16.177083vw solid transparent;
  border-top: 6.1875vw solid #edeff1;
}

.webinarBaner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #EDEFF1;
  color: black;
  align-items: center;
  padding: 2.8645833333vw 3.90625vw 2.8645833333vw 8.3333333333vw;
  margin-bottom: 5.7291666667vw;
}

.webinarBaner__title {
  font-weight: 900;
  font-size: 1.8229166667vw;
  color: black;
  text-transform: uppercase;
  margin-bottom: 1.5625vw;
}

.webinarBaner__day {
  font-weight: 400;
  font-size: 1.8229166667vw;
  color: black;
  margin-bottom: 1.5625vw;
}

.webinarBaner__dateTime {
  font-weight: 700;
  font-size: 1.8229166667vw;
  color: black;
}

.webinarBaner__dateTime span {
  color: #ef002d;
}

.webinarBaner__left {
  position: relative;
}

.webinarBaner__left:after {
  content: '';
  width: 2px;
  background: #D1D5D8;
  height: 9.375vw;
  top: 0;
  right: -8.0729166667vw;
  position: absolute;
  display: inline-block;
}

.pageOffer .boxesOffer__title, .pageOffer .boxesOffer__description {
  display: none;
}

.popup {
  margin: 0 auto;
  position: relative;
  text-align: left;
  justify-content: center;
  border: 2px solid #EF092D;
}

@media screen and (min-width: 1024px) {
  .popup {
    display: inline-flex;
    max-width: 80vw;
  }
}

.popup img {
  max-width: 100%;
  height: auto;
  display: block;
}

.popup a {
  display: block;
  line-height: 1;
}

.mfp-content {
  text-align: center;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-bg {
  opacity: 0.8;
  background: #414040;
  z-index: 99999;
}

.mfp-close {
  opacity: 1;
  transition: all .4s ease;
}

.mfp-close:hover {
  opacity: 0.8;
}

.mfp-wrap {
  z-index: 99999;
}

.popup button.mfp-close {
  background-color: #ef002d;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .popup button.mfp-close {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    right: -2.6041666667vw;
    top: -0.1041666667vw;
    font-size: 3vw;
  }
}

.popup button.mfp-close:active {
  top: 0vw;
}

.popup .mfp-close-btn-in .mfp-close {
  color: #fff !important;
}

.mainContainer__sidebar + .mainContainer__modules .galleryList {
  grid-column-gap: 1.3020833333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .galleryList {
    -ms-grid-columns: (21.3541666667vw)[3];
    grid-template-columns: repeat(3, 21.3541666667vw);
  }
}

.mainContainer__left .galleryList {
  grid-column-gap: 1.3020833333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__left .galleryList {
    -ms-grid-columns: (21.3541666667vw)[3];
    grid-template-columns: repeat(3, 21.3541666667vw);
  }
}

.galleryList {
  display: -ms-grid;
  display: grid;
  grid-row-gap: 1.3020833333vw;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  grid-column-gap: 1.2%;
  justify-content: center;
}

.galleryList__item {
  display: block;
  position: relative;
  z-index: 5;
  text-decoration: none;
  overflow: hidden;
}

.galleryList__item:before {
  content: "";
}

.galleryList__item--line {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 6;
  height: 100%;
  top: 0;
  transform: translate3d(0, -100%, 0);
  transition: .4s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .galleryList__item--line {
    width: 9.6875vw;
    left: 5.7291666667vw;
  }
}

.galleryList__item--line::before, .galleryList__item--line::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 5px;
  background: #ef002d;
}

@media screen and (min-width: 1024px) {
  .galleryList__item--line::before, .galleryList__item--line::after {
    width: 1.0416666667vw;
    height: 0.2604166667vw;
  }
}

.galleryList__item--line::before {
  left: 0;
}

.galleryList__item--line::after {
  right: 0;
}

.galleryList__item:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 6;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  font-size: 71px;
}

@media screen and (min-width: 1024px) {
  .galleryList__item:before {
    font-size: 3.6979166667vw;
  }
}

.galleryList__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 39, 47, 0.7);
  z-index: 5;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}

.galleryList__item:hover:before, .galleryList__item:hover:after {
  opacity: 1;
}

.galleryList__item:hover .galleryList__item--line {
  transform: translate3d(0, 0, 0);
}

.galleryList__item:hover .galleryItem__desc {
  z-index: 10;
  transform: translate3d(0, 0, 0);
  bottom: 13px;
}

@media screen and (min-width: 1024px) {
  .galleryList__item:hover .galleryItem__desc {
    bottom: 0.6770833333vw;
  }
}

@media screen and (max-width: 1024px) {
  .galleryList {
    -ms-grid-columns: (50%)[2];
    grid-template-columns: repeat(2, 50%);
  }
}

@media screen and (max-width: 480px) {
  .galleryList {
    -ms-grid-columns: (100%)[1];
    grid-template-columns: repeat(1, 100%);
    display: block;
  }
  .galleryList__item {
    margin-bottom: 10px;
  }
  .galleryList__item:last-child {
    margin-bottom: 0;
  }
}

.galleryItem {
  z-index: 3;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  height: 285px;
}

.galleryItem:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 74.0740740741%;
}

.galleryItem > .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 1024px) {
  .galleryItem {
    height: 14.84375vw;
  }
}

.galleryItem__desc {
  font-size: 18px;
  padding: 0 27px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: -100%;
  text-align: center;
  left: 0;
  z-index: 4;
  width: 100%;
  transition: transform 0.4s ease-in-out;
  transform: translate3d(0, 100%, 0);
}

@media screen and (min-width: 1024px) {
  .galleryItem__desc {
    font-size: 0.9375vw;
    padding: 0 1.40625vw;
  }
}

.videoSlider {
  padding: 33px 45px 30px 31px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #1c272f;
}

@media screen and (min-width: 1024px) {
  .videoSlider {
    padding: 1.71875vw 2.34375vw 1.5625vw 1.6145833333vw;
  }
}

.videoSlider__move {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 1.40625vw;
  cursor: pointer;
}

.videoSlider .atlasYoutube__moveInfo {
  border-bottom: 1px solid #444f57;
  width: 100%;
  padding-bottom: 8px;
}

@media screen and (min-width: 1024px) {
  .videoSlider .atlasYoutube__moveInfo {
    width: 15.3645833333vw;
    padding-bottom: 0.4166666667vw;
  }
}

.videoSlider .atlasYoutube__moveInfo--title {
  font-size: 23px;
  padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .videoSlider .atlasYoutube__moveInfo--title {
    font-size: 1.1979166667vw;
    padding-bottom: 1.0416666667vw;
  }
}

.videoSlider .atlasYoutube__moveInfo--time {
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .videoSlider .atlasYoutube__moveInfo--time {
    font-size: 0.7291666667vw;
  }
}

.videoSlider .atlasYoutube__move--icon {
  margin-left: 0;
  margin-right: 1.09375vw;
}

.videoSlider__left {
  width: 67%;
  position: relative;
  position: relative;
}

.videoSlider__left:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.videoSlider__left > .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 1024px) {
  .videoSlider__left {
    height: 21.3541666667vw;
  }
}

.videoSlider__left iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoSlider__right {
  width: 30%;
  position: relative;
}

.videoSlider .slick-arrow {
  position: absolute;
  height: calc(50% + 20px);
  font-size: 0;
  background: #1c272f;
  border: 1px solid #444f57;
  width: 25px;
  cursor: pointer;
  transition: .3s;
}

.videoSlider .slick-arrow:before {
  content: "";
}

.videoSlider .slick-arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
}

.videoSlider .slick-arrow:hover {
  border-color: #ef002d;
}

.videoSlider .slick-arrow:hover::before {
  color: #ef002d;
}

.videoSlider .slick-arrow[aria-disabled="true"] {
  opacity: .5;
}

@media screen and (min-width: 1024px) {
  .videoSlider .slick-arrow {
    right: -1.5625vw;
  }
}

.videoSlider .slick-prev:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and (min-width: 1024px) {
  .videoSlider .slick-prev {
    bottom: 0;
  }
}

.videoSlider .slick-next:before {
  transform: translate(-50%, -50%) rotate(-90deg);
}

@media screen and (min-width: 1024px) {
  .videoSlider .slick-next {
    top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .videoSlider {
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 10px;
  }
  .videoSlider__left {
    width: 100%;
    margin-bottom: 10px;
  }
  .videoSlider__left iframe {
    height: 100%;
  }
  .videoSlider__right {
    width: 100%;
  }
  .videoSlider .slick-arrow:before {
    font-size: 16px;
  }
  .videoSlider .slick-prev {
    bottom: -10px;
    left: -10px;
    width: calc(50% + 10px);
    height: 32px;
    top: auto;
    right: auto;
    z-index: 5;
  }
  .videoSlider .slick-next {
    bottom: -10px;
    width: calc(50% + 10px);
    height: 32px;
    top: auto;
    right: -10px;
    z-index: 5;
  }
}

@media screen and (max-width: 480px) {
  .videoSlider .slick-prev, .videoSlider .slick-next {
    height: 22px;
  }
}

.videoSlide__item {
  width: 100% !important;
}

.videoPreview {
  display: flex;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e4ddd7;
  cursor: pointer;
}

.videoPreview__image {
  width: 170px;
  height: 96px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .videoPreview__image {
    width: 8.8541666667vw;
    height: 5vw;
  }
}

.videoPreview__image:after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 22px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAq1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9HdxPLAAAAOHRSTlMAL53R7vz92J4wO/b5NbOs5eLwzX5M03gCX+EHJM4XlYoMgPP66/Tsxsd6hQ3L2xELcL/q7c+CEjXbD9kAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAgklEQVQY023PxxLCMAxF0Qs4hGJC6J3Qe0to/v8vY4OdzERvpTkLPQkKxZLyjEtZ+ZUq1OomF90gMEKahBK3aP8n1cluwbZ16fVTxw4DGI7GEsMkEHk6E3geabfEVi6Wq7Vr3LC1T+8yB+45SO8cOUl85nLN6+0Ojzh56pS81/vz5QcV+EEBCkrPlQAAAABJRU5ErkJggg==");
}

@media screen and (min-width: 1024px) {
  .videoPreview__image:after {
    bottom: 0.3125vw;
    right: 0.3125vw;
    width: 1.1458333333vw;
    height: 0.8333333333vw;
  }
}

.videoPreview__text {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: 20px;
}

@media screen and (min-width: 1024px) {
  .videoPreview__text {
    margin-left: 1.0416666667vw;
  }
}

.videoPreview__desc {
  color: #000000;
  font-size: 17px;
  font-weight: 700;
  max-height: 86px;
  overflow: hidden;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  .videoPreview__desc {
    font-size: 0.8854166667vw;
    max-height: 4.4791666667vw;
  }
}

.videoPreview__time {
  font-size: 14px;
  color: #919ca7;
}

@media screen and (min-width: 1024px) {
  .videoPreview__time {
    font-size: 0.7291666667vw;
  }
}

@media screen and (max-width: 480px) {
  .videoPreview {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .videoPreview__image {
    width: 120px;
    height: 68px;
  }
  .videoPreview__text {
    margin-left: 10px;
  }
  .videoPreview__desc {
    font-size: 13px;
    max-height: 56px;
  }
}

.videoSlider {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .videoSlider .slick-arrow {
    height: 9.8958333333vw;
    width: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .videoSlider .slick-arrow:before {
    font-size: 0.8333333333vw;
  }
}

.mainContainer__sidebar + .mainContainer__modules .videoSlider, .mainContainer__left .videoSlider {
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider, .mainContainer__left .videoSlider {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-list.draggable, .mainContainer__left .videoSlider .slick-list.draggable {
    height: 21.71875vw !important;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider__left, .mainContainer__left .videoSlider__left {
    width: 38.0208333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider__right, .mainContainer__left .videoSlider__right {
    width: 21.3541666667vw !important;
    padding-left: 1.4583333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider .slick-slide, .mainContainer__left .videoSlider .slick-slide {
    width: 19.53125vw !important;
  }
}

.mainContainer__sidebar + .mainContainer__modules .videoSlider .videoSlide, .mainContainer__left .videoSlider .videoSlide {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__sidebar + .mainContainer__modules .videoSlider .videoSlide, .mainContainer__left .videoSlider .videoSlide {
    width: 21.3541666667vw !important;
  }
}

.mfp-gallery .mfp-bottom-bar {
  display: flex;
  padding: 10px 0;
  align-items: center;
}

.mfp-gallery .mfp-counter {
  position: static;
}

.mfp-gallery .mfp-title {
  line-height: 1;
  font-size: 13px;
  flex-grow: 1;
}

#cookies-info {
  display: none;
}

.mainContainer {
  padding-bottom: 5.2083333333vw;
}

.mainContainer.post .mainContainer__borderTop {
  border-top: 0.2604166667vw solid #eef0f1;
}

.mainContainer.post .mainContainer__wrap {
  flex-direction: column;
  padding: 0 15px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.post .mainContainer__wrap {
    padding: 2.34375vw 0 0;
    flex-direction: row;
    width: 93.75vw;
    margin: 0 auto;
  }
}

.mainContainer__left, .mainContainer__right {
  flex: 1 0 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__left {
    flex: 0 0 66.6666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__right {
    flex: 0 0 23.9583333333vw;
  }
}

.mainContainer__postTitle {
  margin: 0;
  font-size: 40px;
  text-align: left;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postTitle {
    font-size: 2.5vw;
    padding-left: 0.9895833333vw;
  }
}

@media screen and (max-width: 600px) {
  .mainContainer__postTitle {
    padding-top: 30px;
  }
}

.mainContainer__leftInfo {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  position: relative;
  flex-direction: column;
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfo {
    flex-direction: row;
    padding: 3.125vw 0 2.0833333333vw 0.9895833333vw;
  }
  .mainContainer__leftInfo::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.0833333333vw;
    height: 0.2604166667vw;
    background: #ef002d;
  }
}

.mainContainer__leftInfoAuthor, .mainContainer__leftInfoDate {
  display: flex;
  align-items: center;
  color: #ef002d;
  line-height: 30px;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoAuthor, .mainContainer__leftInfoDate {
    line-height: 1.5625vw;
  }
}

@media screen and (max-width: 1024px) {
  .mainContainer__leftInfoAuthor, .mainContainer__leftInfoDate {
    margin-bottom: 10px;
  }
}

.mainContainer__leftInfoAuthor--icon, .mainContainer__leftInfoDate--icon {
  padding-right: 1.3020833333vw;
  display: inline-flex;
  color: #cad0d3;
  font-size: 23px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoAuthor--icon, .mainContainer__leftInfoDate--icon {
    font-size: 1.1979166667vw;
  }
}

.mainContainer__leftInfoAuthor--black, .mainContainer__leftInfoAuthor--year, .mainContainer__leftInfoDate--black, .mainContainer__leftInfoDate--year {
  color: #000000;
}

.mainContainer__leftInfoAuthor--icon:before {
  content: "";
}

.mainContainer__leftInfoAuthor--title {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoAuthor--title {
    font-size: 0.8333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoDate {
    padding-left: 2.7604166667vw;
  }
}

.mainContainer__leftInfoDate--icon:before {
  content: "";
}

.mainContainer__leftInfoDate--title {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoDate--title {
    font-size: 1.0416666667vw;
  }
}

.mainContainer__leftInfoShare {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoShare {
    margin-left: auto;
  }
}

.mainContainer__leftInfoShare--icon {
  color: #eef0f1;
  font-size: 20px;
  display: inline-flex;
  padding-right: 2.5vw;
  position: relative;
}

.mainContainer__leftInfoShare--icon:before {
  content: "";
}

.mainContainer__leftInfoShare--icon::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25vw;
  width: 0.1041666667vw;
  height: 1.5625vw;
  background: #eef0f1;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftInfoShare--icon {
    font-size: 1.0416666667vw;
  }
}

.mainContainer__modulesText {
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  padding-top: 2.6041666667vw;
  padding-bottom: 2.8645833333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__modulesText {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
  }
}

.mainContainer__modulesText h1 {
  display: none;
}

.mainContainer__modulesText img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.3020833333vw 0;
}

.mainContainer__postCatTagRates {
  padding: 2.34375vw 0;
  position: relative;
  padding-left: 0.9895833333vw;
}

.mainContainer__postCatTagRates::after, .mainContainer__postCatTagRates::before {
  content: '';
  position: absolute;
  width: 69.7916666667vw;
  height: 0.2604166667vw;
  background: #eef0f1;
  left: -3.125vw;
}

.mainContainer__postCatTagRates::before {
  top: 0;
}

.mainContainer__postCatTagRates::after {
  bottom: 0;
}

.mainContainer__postCatTagRatesTop, .mainContainer__postCatTagRatesBottom {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.mainContainer__postCatTagRatesTop {
  padding-bottom: 1.3541666667vw;
}

.mainContainer__postCategory {
  font-size: 16px;
  line-height: 30px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postCategory {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}

.mainContainer__postCategory--icon {
  font-size: 22px;
  display: inline-flex;
  padding-right: 0.9895833333vw;
}

.mainContainer__postCategory--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__postCategory--icon {
    font-size: 1.1458333333vw;
  }
}

.mainContainer__postCategory--name {
  color: #ef002d;
}

.mainContainer__postRates {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.mainContainer__postRates input {
  position: absolute;
  left: -99999px;
}

.mainContainer__postRates input:checked ~ label {
  color: #ffa800;
}

.mainContainer__postRates label {
  cursor: pointer;
  color: #c3cacd;
  font-size: 20px;
  margin-right: 5px;
}

.mainContainer__postRates label:before {
  content: "";
}

.mainContainer__postRates label[for="star5"] {
  margin-right: 0;
}

.mainContainer__postRates label::before {
  display: inline-flex;
}

.mainContainer__postRates label:hover,
.mainContainer__postRates label:hover ~ label {
  color: #ffa800;
}

.mainContainer__postRates label .active:before {
  color: #ffa800;
}

.mainContainer__postCatTagRatesBottom {
  align-items: flex-start;
}

.mainContainer__postTags {
  display: flex;
  align-items: flex-start;
}

.mainContainer__postTagsLeft {
  display: flex;
  align-items: center;
}

.mainContainer__postTagsLeft--icon {
  font-size: 18px;
  padding-right: 0.8854166667vw;
}

.mainContainer__postTagsLeft--icon:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__postTagsLeft--icon {
    font-size: 0.9375vw;
  }
}

.mainContainer__postTagsLeft--title {
  font-size: 16px;
  line-height: 30px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postTagsLeft--title {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
}

.mainContainer__postTagsRight {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postTagsRight {
    max-width: 31.8229166667vw;
  }
}

.mainContainer__postTagsRight--tag {
  display: flex;
  align-items: center;
  color: #000000;
  margin-left: 0.2604166667vw;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 0.2604166667vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postTagsRight--tag {
    font-size: 0.7291666667vw;
    line-height: 1.5625vw;
    height: 1.3020833333vw;
    background: #eef0f1;
  }
}

.mainContainer__postTagsRight--tag:hover {
  transition: .3s;
  background: #ef002d;
  color: #fff;
}

.mainContainer__postTagsRight--tag a {
  color: inherit;
  padding: 0 0.625vw;
  text-decoration: none;
}

.mainContainer__coments {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  .mainContainer__coments {
    padding-left: 0.9895833333vw;
  }
}

.mainContainer__comentsTitle {
  width: 100%;
  font-size: 24px;
  font-weight: 900;
  padding: 3rem 0 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__comentsTitle {
    padding: 1.4583333333vw 0 2.8645833333vw;
    font-size: 1.25vw;
  }
}

.mainContainer__coment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 2.0833333333vw;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .mainContainer__coment {
    flex-direction: row;
  }
}

.mainContainer__coment--img {
  padding: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__coment--img {
    padding: 0;
    width: 3.90625vw;
    height: 3.90625vw;
    margin-right: 2.1875vw;
  }
}

.mainContainer__comentDesc {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__comentDesc {
    font-size: 0.8333333333vw;
  }
}

.mainContainer__comentDesc--date {
  color: #a1a1a1;
  padding-top: 1.0416666667vw;
}

.mainContainer__leftNavigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 3.125vw 0 2.3958333333vw;
  position: relative;
  background: #eef0f1;
}

.mainContainer__leftNavigation::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #d5dadc;
  width: 0.2604166667vw;
  height: 9.8958333333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigation {
    padding: 0;
    align-items: center;
    margin-left: -3.125vw;
    width: 69.7916666667vw;
    height: 12.7604166667vw;
    flex-direction: row;
    justify-content: space-between;
  }
}

.mainContainer__leftNavigationBlock {
  display: flex;
  align-items: center;
  flex: 1 0 50%;
  text-decoration: none;
  transition: color .3s;
}

.mainContainer__leftNavigationBlock:hover .mainContainer__leftNavigationBlockText--title {
  color: #ef002d;
}

.mainContainer__leftNavigationBlock--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mainContainer__leftNavigationBlock--icon::after {
  transition: .3s;
  display: block;
  width: 0;
  height: 0;
  border: inset 110px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000000;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlock--icon::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5.7291666667vw;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
  }
}

.mainContainer__leftNavigationBlock--icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlock--icon::before {
    font-size: 1.5625vw;
  }
}

.mainContainer__leftNavigationBlock--prev {
  justify-content: flex-start;
  text-align: left;
}

.mainContainer__leftNavigationBlock--prev .mainContainer__leftNavigationBlock--icon {
  margin-right: 2.6041666667vw;
}

.mainContainer__leftNavigationBlock--prev .mainContainer__leftNavigationBlock--icon:before {
  content: "";
}

.mainContainer__leftNavigationBlock--prev:hover .mainContainer__leftNavigationBlock--icon::after {
  border-color: transparent transparent transparent #ef002d;
}

.mainContainer__leftNavigationBlock--next {
  justify-content: flex-end;
  text-align: right;
}

.mainContainer__leftNavigationBlock--next:hover .mainContainer__leftNavigationBlock--icon::after {
  border-color: transparent #ef002d transparent transparent;
}

.mainContainer__leftNavigationBlock--next .mainContainer__leftNavigationBlock--icon {
  order: 1;
  margin-left: 2.6041666667vw;
}

.mainContainer__leftNavigationBlock--next .mainContainer__leftNavigationBlock--icon:before {
  content: "";
}

.mainContainer__leftNavigationBlock--next .mainContainer__leftNavigationBlock--icon::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 110px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000000 transparent transparent;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlock--next .mainContainer__leftNavigationBlock--icon::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 5.7291666667vw;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
  }
}

.mainContainer__leftNavigationBlockText {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlockText {
    max-width: 21.0416666667vw;
  }
}

.mainContainer__leftNavigationBlockText--title {
  font: 900 20px "Raleway", sans-serif;
  color: #000000;
  transition: .3s;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlockText--title {
    font: 900 1.5625vw "Raleway", sans-serif;
  }
}

.mainContainer__leftNavigationBlockText--prev, .mainContainer__leftNavigationBlockText--next {
  color: #ef002d;
  font: 900 18px "Raleway", sans-serif;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .mainContainer__leftNavigationBlockText--prev, .mainContainer__leftNavigationBlockText--next {
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.mainContainer__postsTitle {
  font: 900 24px "Raleway", sans-serif;
  color: #ef002d;
  margin: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postsTitle {
    margin: 0 0 2.6041666667vw 0;
    font: 900 1.25vw "Raleway", sans-serif;
  }
}

.mainContainer__posts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.mainContainer__post {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  border-bottom: 2px solid #eef0f1;
  width: 100%;
  padding: 1rem 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer__post {
    padding: 1.0416666667vw 0;
    flex-direction: row;
  }
}

.mainContainer__post:first-child {
  padding-top: 0;
}

.mainContainer__post:hover .mainContainer__postRight--title {
  color: #ef002d;
}

.mainContainer__postLeft {
  flex: 1 0 100%;
  position: relative;
  height: 139px;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postLeft {
    flex: 1 0 10.4166666667vw;
    height: 7.2395833333vw;
  }
}

.mainContainer__postLeft--img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postLeft--img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.mainContainer__postRight {
  flex: 1 0 100%;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postRight {
    flex: 1 0 12.65625vw;
    padding: 0.6770833333vw 0;
    padding-left: 1.7708333333vw;
  }
}

.mainContainer__postRight--title {
  font: 900 18px "Raleway", sans-serif;
  margin: 0;
  color: #000000;
  padding-bottom: 2.8645833333vw;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postRight--title {
    font: 900 0.9375vw "Raleway", sans-serif;
  }
}

.mainContainer__postRight--date {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ef002d;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  .mainContainer__postRight--date {
    font-size: 0.8333333333vw;
    justify-content: flex-start;
  }
}

.mainContainer__postRight--date .iconCalendar {
  display: inline-flexf;
  color: #cad0d3;
  font-size: 20px;
  padding-right: 0.6770833333vw;
}

.mainContainer__postRight--date .iconCalendar:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .mainContainer__postRight--date .iconCalendar {
    font-size: 1.0416666667vw;
  }
}

.mainContainer__postRight--date span {
  display: inline-flex;
}

.mainContainer__postRight--date .year {
  color: #000000;
}

.metamorphoses {
  padding-bottom: 0;
}

.metamorphoses .mainContainer__wrap {
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .metamorphoses .mainContainer__wrap {
    width: 93.75vw;
    margin: 0 auto;
  }
}

.metamorphoses .metamorphosesHome__shadowText {
  bottom: initial;
  top: 0;
  text-transform: uppercase;
  line-height: .8;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .metamorphoses .metamorphosesHome__shadowText {
    flex-wrap: wrap;
    position: relative;
  }
}

.metamorphoses__btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.2291666667vw;
}

@media screen and (max-width: 600px) {
  .metamorphoses__btns {
    width: 100%;
  }
  .metamorphoses__btns a {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .metamorphoses__btns {
    flex-direction: row;
    width: 35.9375vw;
    justify-content: space-between;
  }
}

.metamorphoses__btn {
  color: #fff;
  background: #1c272f;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.metamorphoses__btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #1c272f;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .metamorphoses__btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.metamorphoses__btn:focus, .metamorphoses__btn:hover, .metamorphoses__btn:active {
  background: #fff;
  color: #1c272f;
}

.metamorphoses__btn:focus::before, .metamorphoses__btn:hover::before, .metamorphoses__btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.metamorphoses__btn--red {
  color: #fff;
  background: #ef002d;
  border-radius: 0px;
  font-size: 20px;
  width: 320px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.metamorphoses__btn--red::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ef002d;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .metamorphoses__btn--red {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 16.6666666667vw;
    border-radius: 0vw;
  }
}

.metamorphoses__btn--red:focus, .metamorphoses__btn--red:hover, .metamorphoses__btn--red:active {
  background: #fff;
  color: #ef002d;
}

.metamorphoses__btn--red:focus::before, .metamorphoses__btn--red:hover::before, .metamorphoses__btn--red:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.metamorphoses__grid {
  padding-top: 3.125vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (100%)[1];
  grid-template-columns: repeat(1, 100%);
  grid-row-gap: 60px;
}

@media screen and (min-width: 1024px) {
  .metamorphoses__grid {
    -ms-grid-columns: (calc(50% - 25px))[2];
    grid-template-columns: repeat(2, calc(50% - 25px));
    grid-column-gap: 2.6041666667vw;
    grid-row-gap: 3.125vw;
  }
}

@media screen and (max-width: 600px) {
  .metamorphoses__grid {
    width: 100%;
    display: block;
  }
}

.pb {
  padding-bottom: 7.7604166667vw !important;
}

.sidebarMenu__person--name {
  text-decoration: none;
}

.myRoom, .close {
  color: white;
  display: inline-block;
  margin-top: 20px;
}

.close {
  margin-top: 40px;
  font-size: 15px;
  color: black;
}

.msgIconNone:after, .alertIconNone:after {
  display: none !important;
}

.listComent__listPosition--avatar, .ListAlert__listPosition--avatar {
  width: 7%;
}

.listComent__listPositionContent, .ListAlert__listPositionContent {
  width: 93%;
}

input::-ms-clear {
  display: none;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.mainContainer__form p {
  font-size: 15px;
}

.packeg select {
  margin: 0 auto;
  width: 200px;
}

.button--zap {
  background: transparent;
  border-color: black;
  border: 4px solid;
}

.button--zap:hover {
  color: white;
  border-color: black;
}

.sidebarMenu--mobile {
  display: none;
  width: 100%;
}

.sidebarMenu--mobile .sidebarMenu__list {
  display: block;
  width: 100%;
}

.sidebarMenu--mobile .sidebarMenu__person {
  padding: 20px 10px;
}

.sidebarMenu--mobile .sidebarMenu__person--name {
  font-size: 16px;
  padding-left: 45px;
}

.sidebarMenu--mobile .sidebarMenu__person--name:before {
  font-size: 25px;
  left: 15px;
  top: 15px;
  position: absolute;
}

.sidebarMenu--mobile .closeMobile {
  color: white;
  top: 16px;
}

.sidebarMenuMobile__name {
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px 0;
  background: #ef002d;
  color: white;
  margin-bottom: -20px;
}

@media screen and (min-width: 1024px) {
  .sidebarMenuMobile__name {
    display: none;
  }
}

.sidebarMenu--mobile .sidebarMenu__person + .sidebarMenu__list > li a, .sidebarMenu--mobile .sidebarMenu__title + .sidebarMenu__list > li a {
  font-size: 15px;
  padding: 15px;
}

.sidebarMenu--mobile .sidebarMenu__person + .sidebarMenu__list > li::before, .sidebarMenu--mobile .sidebarMenu__title + .sidebarMenu__list > li::before {
  width: 100px;
}

.sidebarMenu__person--name:before {
  content: "";
}

.sidebarMenu__person--name:before {
  font-size: 1.5625vw;
  left: 20px;
  top: 20px;
  position: absolute;
}

.header__top--close .close {
  margin: 0 !important;
}

.atlas .module {
  width: 100%;
  margin: 2.6875vw 0;
}

.atlas .module__title {
  margin-bottom: 20px;
}

.mainContainer.register.contact.afterlogin .mainContainer__tableContent {
  width: 50.1vw;
  margin-left: 24.6vw;
  margin-top: 2.0833333333vw;
}

@media screen and (max-width: 1024px) {
  .mainContainer.register.contact.afterlogin .mainContainer__tableContent {
    width: 75%;
    margin: 20px auto 0;
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .mainContainer.register.contact.afterlogin .mainContainer__tableContent {
    width: 100%;
    padding: 0 30px;
  }
}

.mainContainer.register.contact.afterlogin .mainContainer__tableContent a {
  position: absolute;
  right: 70px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.afterlogin .mainContainer__tableContent a {
    right: 3.6458333333vw;
  }
}

@media screen and (max-width: 600px) {
  .mainContainer.register.contact.afterlogin .mainContainer__tableContent a {
    width: 75px;
    right: 50px;
  }
}

.mainContainer.register.contact.afterlogin .mainContainer__tableContent table tr td:last-child {
  justify-content: space-between;
}

.mainContainer__postRates label.active {
  color: #ffa800;
}

.listTagsNews {
  margin-top: 20px;
}

.listTagsNews li {
  list-style: none;
  margin: 10px 0;
}

.listTagsNews li a {
  font-size: 1.0416666667vw;
  text-decoration: none;
  padding-left: 1.0416666667vw;
  list-style: none;
  color: black;
}

.listTagsNews li a:hover {
  color: #E0002A;
}

@media screen and (max-width: 600px) {
  .listTagsNews li a {
    font-size: 20px;
    padding-left: 20px;
  }
}

.oneNews__title {
  text-decoration: none;
  color: black;
}

.mainContainer__form .success {
  font-size: 1.0416666667vw;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #19bd19;
  color: white;
  font-weight: 600;
  border-radius: none;
}

@media screen and (max-width: 1024px) {
  .mainContainer__form .success {
    font-size: 13;
  }
}

.mainContainer__form .error {
  font-size: 1.0416666667vw;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
  color: white;
  font-weight: 600;
  border-radius: none;
}

@media screen and (max-width: 1024px) {
  .mainContainer__form .error {
    font-size: 13;
  }
}

.contact .formErrors__item {
  display: none;
}

.oneNews__figcaption--count {
  display: none !important;
}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
  width: 100% !important;
}

.remempas {
  justify-content: center;
}

.remempas #email:-ms-input-placeholder {
  padding-left: 20px;
}

.remempas #email::placeholder {
  padding-left: 20px;
}

.mainContainer__dashboardBoxFlex--btnGrab {
  cursor: pointer;
}

.mainContainer__dashboardBoxFlex--btnGrab:before {
  content: "";
}

.mainContainer__dashboardBoxFlex--btnGrab:before {
  font-size: 38px;
  position: absolute;
  right: 0;
  top: 20px;
}

.mainContainer__dashboardBoxFlex--btnGrab:hover:before {
  color: #EF002D;
}

.homeBlog .oneNews__content {
  margin-top: 15px;
}

.mainContainer__slide {
  text-decoration: none;
}

.atlas .mainContainer__dashboardTop, .planes .mainContainer__dashboardTop {
  justify-content: flex-start;
}

.atlas .mainContainer__dashboardTop .mainContainer__dashboardTopBox, .planes .mainContainer__dashboardTop .mainContainer__dashboardTopBox {
  margin-right: 0.5208333333vw;
}

.resetPass .mainContainer__wrap {
  padding: 2rem;
}

.resetPass .mainContainer__desc {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.resetPass .mainContainer__desc--big {
  margin-top: -30px;
  text-transform: uppercase;
  line-height: 1.5625vw;
  font-size: 1.3020833333vw;
}

.resetPass .mainContainer__desc--small {
  line-height: 1.5625vw;
  font-size: 0.9375vw;
  margin-top: 15px;
}

.resetPass .remempas {
  position: relative;
}

.resetPass .remempas:before {
  content: "";
}

.resetPass .remempas:before {
  position: absolute;
  top: 0;
  left: -130px;
  font-size: 90px;
  color: #EF002D;
}

@media screen and (max-width: 1024px) {
  .resetPass .remempas:before {
    left: -6.7708333333vw;
    font-size: 4.6875vw;
  }
}

.added__image {
  background: red;
  color: white;
  height: 100%;
  z-index: -1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  text-align: center;
}

.admin--avatar {
  background-image: url("/images/pg.png");
}

.afterlogin .mainContainer__ankietBox.surveryBox, .afterlogin .mainContainer__ankietBox.surveryBox2 {
  height: auto;
  padding: 3.5416666667vw 6.0416666667vw;
  background-position: -650px;
  margin-top: 1.3020833333vw;
}

.afterlogin .mainContainer__ankietBox.surveryBox .mainContainer__btn, .afterlogin .mainContainer__ankietBox.surveryBox2 .mainContainer__btn {
  margin: 0 0 1.677083vw;
  width: 100%;
}

.afterlogin .mainContainer__ankietBox.surveryBox .mainContainer__btn:last-child, .afterlogin .mainContainer__ankietBox.surveryBox2 .mainContainer__btn:last-child {
  margin-top: 0;
}

.afterlogin .mainContainer__ankietBox.surveryBox a, .afterlogin .mainContainer__ankietBox.surveryBox2 a {
  text-decoration: none;
}

.afterlogin .mainContainer__ankietBox.surveryBox #contactForm {
  background: none;
}

.mainContainer__ankietBox.surveryBox2 {
  background-position: 0px !important;
}

.mainContainer__ankietBox.surveryBox2 .mainContainer__form .styledForm {
  padding: 0;
}

.mainContainer__wrap--text.styledForm__title.linkbuy {
  margin-bottom: 2.635417vw !important;
}

.mainContainer__wrap--text.styledForm__title.linkbuy a {
  color: #EF002D;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

.mainContainer__wrap--text.styledForm__title.linkbuy a:hover {
  text-decoration: underline;
  color: black;
}

.mainContainer.afterlogin.contact .mainContainer__form {
  padding: 0 6.0416666667vw;
  background: none;
  height: auto;
}

.oneNews__infoRates label.active {
  color: #ffa800;
  pointer-events: none;
  cursor: default;
}

.oneNews__infoRates label.active:hover {
  pointer-events: none;
  cursor: default;
}

.newsList__button.hidden {
  display: none;
}

.oneNews__infoRates label:hover,
.oneNews__infoRates label:hover ~ label {
  color: #c3cacd;
  pointer-events: none;
  cursor: default;
}

.oneNews__infoRates label {
  pointer-events: none;
  cursor: default;
}

a.oneNews__infoCategory--nam {
  color: #F0002D;
}

a.oneNews__infoCategory--nam:hover {
  color: black;
  text-decoration: underline;
}

.oneNews__top img {
  height: auto !important;
}

.sliderBanner__slide--red {
  padding-left: 7px;
}

.none {
  display: none;
}

.offerLinkReg {
  margin: 0 auto;
}

.paycontent {
  text-align: left;
  margin-top: 30px;
}

.paycontent li {
  list-style: none;
  position: relative;
  padding-left: 1.5625vw;
}

.paycontent li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: 0.8333333333vw !important;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef002d;
}

.rodo {
  background-color: black;
  min-height: 7.2916666667vw;
  padding: 0.5208333333vw 1.0416666667vw 0;
  position: fixed;
  bottom: 4%;
  left: 2%;
  right: 55%;
  z-index: 999 !important;
}

.rodo__content {
  float: left;
  max-width: 75%;
  margin-top: 0.3645833333vw;
  margin-bottom: 0.3645833333vw;
  line-height: 1;
}

.rodo__content__link {
  color: #fff;
  text-decoration: underline !important;
}

.rodo__content__link:hover {
  color: #fff;
  text-decoration: underline !important;
}

.rodo__content p {
  color: #fff;
  line-height: 1.5;
  font-size: 0.7291666667vw;
}

.rodo__content h6 {
  color: #fff;
  font-weight: 700;
  font-size: 0.8333333333vw;
  text-transform: uppercase;
  margin: 0;
}

.rodo__button {
  display: flex;
  padding-left: 1.0416666667vw;
}

.rodo__button .button {
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  margin: 2.6041666667vw 0.5208333333vw 0 0 !important;
  float: right;
  cursor: pointer;
  color: white;
  padding: 5px 10px;
  font-size: 16px;
  border: 1px solid white;
  background: #EF002D;
}

@media only screen and (max-width: 1600px) {
  .rodo__content {
    max-width: 100%;
    text-align: center;
  }
  .rodo__button {
    padding: 0;
    width: 100%;
  }
  .rodo__button .button {
    margin: 20px auto !important;
    float: none;
    display: block;
  }
}

@media only screen and (max-width: 1299px) {
  .rodo p {
    font-size: 12px;
  }
  .rodo h6 {
    margin-top: 15px;
    font-size: 11px;
  }
  .rodo .button {
    width: 100px;
    height: 40px;
    font-size: 11px;
    max-width: none;
  }
}

@media only screen and (max-width: 550px) {
  .rodo {
    right: 2%;
  }
}

.formErrors__ul.succes {
  background: #08b72f;
}

.footer__form .formErrors__ul {
  width: 100%;
}

.metricTable .formErrors__ul {
  margin-top: 0;
  margin-bottom: 20px;
}

.mainContainer__logout--icon:nth-child(-n+2)::after, .mainContainer__logout a:nth-child(-n+2)::after {
  display: none;
}

.pt55 {
  padding-top: 55px;
}

.historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
  padding-bottom: 15px;
}

.blogview .sidebarMenuMobile {
  position: relative;
  margin-bottom: 20px;
}

.mainContainer__dashboardBoxFlex {
  margin-top: 15px;
}

.wrapPom {
  display: inline-block;
  width: 16.25vw;
  margin-bottom: 1.0416666667vw;
}

@media only screen and (max-width: 1024px) {
  .wrapPom {
    width: 312px;
  }
}

@media only screen and (max-width: 350px) {
  .wrapPom {
    width: 100%;
  }
}

.wrapPom label {
  display: inline-block;
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 15px;
}

.wrapPomDate {
  width: 66%;
}

.contact.atlas .mainContainer__dashboardTop h2 {
  display: inline-block !important;
  text-transform: uppercase;
  font-size: 1.1458333333vw;
}

@media only screen and (max-width: 1024px) {
  .contact.atlas .mainContainer__dashboardTop h2 {
    font-size: 20px;
  }
}

.step {
  margin-top: 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.9375vw;
  color: #EF002D;
}

@media only screen and (max-width: 1024px) {
  .step {
    font-size: 18px;
  }
}

.afterlogin .mainContainer__ankietBox.surveryBox .mainContainer__btn, .afterlogin .mainContainer__ankietBox.surveryBox2 .mainContainer__btn {
  margin-top: 20px;
}

.thank {
  margin-top: 0;
  font-size: 0.9375vw;
  width: 50vw;
  text-align: justify;
  line-height: 1.4;
}

@media only screen and (max-width: 1024px) {
  .thank {
    font-size: 18px;
    width: 100%;
  }
}

.metricTable .thank {
  width: 100%;
}

.thankT {
  margin-top: 0;
  font-size: 0.9375vw;
  text-align: justify;
  line-height: 1.4;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .thankT {
    font-size: 18px;
  }
}

.notError .formErrors {
  display: none !important;
}

.contact.atlas .mainContainer__atlasVideo {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}

.contact.atlas .mainContainer__dashboardTop {
  align-items: stretch;
}

.mainContainer__dashboardTopBox {
  justify-content: space-between;
}

.contact.atlas .mainContainer__atlasVideoMain iframe {
  width: 100%;
}

.mainContainer__videoPanelInfoList--list li::before {
  top: 0.625vw;
}

main {
  transition: all .3s ease;
  margin-top: 3.6458333333vw;
}

.maintop {
  margin-top: 7.03125vw;
}

@media only screen and (max-width: 1024px) {
  .maintop {
    margin-top: 135px;
  }
}

.promoBanner, .sliderBanner {
  margin-top: -3.6458333333vw;
}

@media only screen and (min-width: 1024px) {
  .contactpage {
    height: 32.8125vw;
  }
}

.linkblogimage {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.resetPass .universalForm__row {
  margin-bottom: 10px;
}

.universalForm__row.universalForm__row--mt15.universalForm__row--cols2.universalForm__row--between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/******CUSTOM BANERS********/
.webp .banerAboutPG {
  background-image: url("/images/banerAboutPG.webp");
}

.no-webp .banerAboutPG {
  background-image: url("/images/banerAboutPG.jpg");
}

.webp .banerOfferAH {
  background-image: url("/images/bannerOfferAH.webp");
}

.no-webp .banerOfferAH {
  background-image: url("/images/bannerOfferAH.jpg");
}

.banerAboutPG {
  background-size: cover;
  background-position: right;
  color: white;
  padding: 3.125vw 2.6041666667vw;
  margin: 1.5625vw 0;
  position: relative;
}

.banerAboutPG .banerAbout__title {
  margin-top: 0;
  margin-bottom: 2.0833333333vw;
}

.banerAboutPG .banerAbout__title .colorRed {
  display: inline;
  color: #EF092D;
}

.banerAboutPG .contentBlock p {
  color: white;
  font-size: 0.8333333333vw;
  max-width: 51.0416666667vw;
}

.banerAboutPG .contentBlock .banerAboutPG__bottom {
  display: inline-block;
  max-width: 51.0416666667vw;
  font-size: 1.5625vw;
  color: white;
  text-transform: uppercase;
}

.banerAboutPG .contentBlock .banerAboutPG__bottom strong {
  font-weight: 900;
}

@media only screen and (max-width: 1024px) {
  .banerAboutPG .contentBlock p {
    font-size: 15px;
    max-width: 100%;
  }
  .banerAboutPG .contentBlock .banerAboutPG__bottom {
    max-width: 100%;
    font-size: 19px;
  }
}

@media only screen and (max-width: 1024px) {
  .banerAboutPG {
    padding: 30px;
    background-position: center;
    margin: 20px 0;
  }
}

@media only screen and (max-width: 350px) {
  .banerAboutPG {
    padding: 30px 15px;
  }
}

.banerAboutPG .mainContainer__lines {
  right: 3.125vw;
  bottom: 3.6458333333vw;
}

.banerOfferAH {
  position: relative;
  background-size: cover;
  background-position: right;
  padding: 2.6041666667vw;
  margin: 1.5625vw 0;
}

.banerOfferAH__title {
  text-transform: uppercase;
  color: white;
  font-weight: 900;
  font-size: 1.8229166667vw;
  max-width: 26.0416666667vw;
  margin-bottom: 1.8229166667vw;
}

.banerOfferAH .banerAbout__content {
  max-width: 48.4375vw;
}

.banerOfferAH .banerAbout__content p {
  color: white;
  font-size: 0.8333333333vw;
}

.banerOfferAH__bottom {
  display: flex;
  width: 38.5416666667vw;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.banerOfferAH__bottom:after {
  content: '';
  position: absolute;
  right: -3.6458333333vw;
  display: inline-block;
  width: 3.6458333333vw;
  height: 0.2604166667vw;
  background: white;
}

.banerOfferAH__bottom .banerOfferAH__bottomLeft {
  text-transform: uppercase;
  font-weight: 900;
  color: white;
  font-size: 1.5625vw;
  display: inline-block;
}

.banerOfferAH__bottom .promoBanner__btn {
  margin: 0;
  width: 15.625vw;
  height: 2.6041666667vw;
  font-size: 0.78125vw;
}

@media only screen and (max-width: 1024px) {
  .banerOfferAH {
    padding: 30px;
    background-position: center;
    margin: 20px 0;
  }
  .banerOfferAH .banerOfferAH__title {
    font-size: 19px;
    max-width: 100%;
    margin-bottom: 15px;
  }
  .banerOfferAH .banerAbout__content {
    max-width: 100%;
  }
  .banerOfferAH .banerAbout__content p {
    font-size: 15px;
    line-height: 1.4;
  }
  .banerOfferAH .banerOfferAH__bottom {
    width: 100%;
    flex-wrap: wrap;
  }
  .banerOfferAH .banerOfferAH__bottom:after {
    display: none;
  }
  .banerOfferAH .banerOfferAH__bottom .banerOfferAH__bottomLeft {
    font-size: 17px;
  }
  .banerOfferAH .banerOfferAH__bottom a {
    margin-top: 15px;
    font-size: 14px;
    width: auto;
    height: auto;
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 350px) {
  .banerOfferAH {
    padding: 30px 15px;
  }
  .banerOfferAH .banerOfferAH__bottom a {
    font-size: 13px;
  }
}

.default--aftlogin {
  width: 83.3333333333vw;
  margin: 0 auto;
  margin-top: 3.125vw;
  flex-direction: column;
}

@media only screen and (max-width: 1201px) {
  .default--aftlogin {
    width: 98%;
  }
}

.default--aftlogin .contentBlock {
  width: 100%;
}

.default--aftlogin .contentBlock h3 {
  text-transform: uppercase;
  font-size: 1.6666666667vw;
  text-align: center;
}

@media only screen and (max-width: 1201px) {
  .default--aftlogin .contentBlock h3 {
    font-size: 25px;
  }
}

.default--aftlogin .contentBlock h3:first-child {
  text-align: left;
}

.default--aftlogin .contentBlock h4 {
  text-transform: uppercase;
  font-size: 0.8854166667vw;
}

@media only screen and (max-width: 1201px) {
  .default--aftlogin .contentBlock h4 {
    font-size: 17px;
  }
}

.default--aftlogin .contentBlock p {
  font-size: 0.8854166667vw;
}

@media only screen and (max-width: 1201px) {
  .default--aftlogin .contentBlock p {
    font-size: 17px;
  }
}

.default--aftlogin .contentBlock .red {
  color: #E71F44;
}

.default--aftlogin .planesLogin {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .planesLogin {
    margin-top: 2.6041666667vw;
  }
}

.default--aftlogin .plan {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan {
    width: 26.0416666667vw;
  }
}

.default--aftlogin .plan:nth-child(2) img {
  max-width: 54px;
}

.default--aftlogin .plan__icon {
  width: 145px;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan__icon {
    width: 7.5520833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan__icon {
    height: 7.5520833333vw;
  }
}

.default--aftlogin .plan__icon img {
  max-width: 50%;
  height: auto;
}

.default--aftlogin .plan__icon:before {
  font-size: 0px;
  color: #E7E7E8;
  content: '+';
  font-family: 'Raleway', sans-serif;
  position: absolute;
  right: -12.083333vw;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan__icon:before {
    font-size: 6.7708333333vw;
  }
}

.default--aftlogin .plan:last-child .plan__icon:before {
  display: none;
}

.default--aftlogin .plan_title {
  color: #6A6A70;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_title {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_title {
    margin-top: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_title {
    margin-bottom: 1.5625vw;
  }
}

.default--aftlogin .plan_list {
  border: 1px solid #E7E7E8;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
  border-radius: 10px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list {
    padding-top: 1.8229166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list {
    padding-left: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list {
    padding-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list {
    padding-bottom: 0.78125vw;
  }
}

.default--aftlogin .plan_list ul li {
  list-style: none;
  font-size: 18px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 20px;
  line-height: 1.4;
}

.default--aftlogin .plan_list ul li:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list ul li {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list ul li {
    padding-left: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list ul li {
    margin-bottom: 1.0416666667vw;
  }
}

.default--aftlogin .plan_list ul li:before {
  margin-right: 10px;
  color: #E71F44;
  position: absolute;
  left: 0;
  top: 0.3125vw;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list ul li:before {
    margin-right: 0.5208333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .default--aftlogin .plan_list ul li:before {
    font-size: 0.5208333333vw;
  }
}

.aftloginVideo {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .aftloginVideo {
    margin-top: 9.1145833333vw;
  }
}

.aftloginVideo__left {
  display: flex;
  flex-direction: column;
  width: 45%;
}

.aftloginVideo__left .mainContainer__lines {
  position: relative;
  left: 0;
  align-items: flex-start;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .aftloginVideo__left .mainContainer__lines {
    margin-bottom: 1.0416666667vw;
  }
}

.aftloginVideo__right {
  width: 53%;
}

.aftloginVideo__right iframe {
  width: 100%;
  height: 100%;
  min-height: 23.4375vw;
}

.aftloginVideo__title {
  font-weight: 800;
  font-size: 30px;
  margin-top: 10px;
  line-height: 1.2;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .aftloginVideo__title {
    font-size: 2.6041666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .aftloginVideo__title {
    margin-top: 1.0416666667vw;
  }
}

.aftloginVideo__title .red {
  color: #ef002d;
}

.aftloginVideo__text {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.7;
}

@media screen and (min-width: 1024px) {
  .aftloginVideo__text {
    margin-top: 1.8229166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .aftloginVideo__text {
    font-size: 0.9375vw;
  }
}

.models {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.models .model {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .models .model {
    width: 40.1041666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model {
    margin-bottom: 3.125vw;
  }
}

.models .modelTop {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  border: 1px solid #E7E7E8;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
  border-radius: 15px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .models .modelTop {
    padding-left: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .modelTop {
    padding-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .modelTop {
    padding-top: 2.34375vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .modelTop {
    padding-bottom: 0.78125vw;
  }
}

.models .model:nth-child(3) .modelTop {
  border-color: #E71F44;
}

.models .model__title {
  font-size: 22px;
  text-align: center;
  color: #0E0A09;
  font-weight: 800;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .models .model__title {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model__title {
    margin-bottom: 1.3020833333vw;
  }
}

.models .model ul {
  margin-left: 15px;
}

@media screen and (min-width: 1024px) {
  .models .model ul {
    margin-left: 0.78125vw;
  }
}

.models .model ul li {
  font-size: 14px;
  margin-bottom: 14px;
  color: #0E0A09;
  list-style: none;
  position: relative;
  padding-left: 20px;
}

@media screen and (min-width: 1024px) {
  .models .model ul li {
    font-size: 0.8333333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model ul li {
    margin-bottom: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model ul li {
    padding-left: 1.0416666667vw;
  }
}

.models .model ul li:before {
  width: 3px;
  height: 3px;
  content: '';
  position: absolute;
  left: 0;
  top: 0.3645833333vw;
  background: #0E0A09;
  border-radius: 50%;
}

.models .model__cena {
  color: #6A6A70;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  padding-left: 10px;
}

@media screen and (min-width: 1024px) {
  .models .model__cena {
    margin-top: 1.5625vw;
  }
}

@media only screen and (max-width: 1020px) {
  .models .model__cena {
    flex-wrap: wrap;
    padding: 0;
  }
  .models .model__cena .model__cena-left {
    width: 100%;
    text-align: center;
  }
  .models .model__cena .model__cena-right {
    text-align: center;
    width: 100%;
    margin-top: 15px;
  }
  .models .model__cena .model__cena-right .button {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .models .model__cena {
    padding-left: 1.0416666667vw;
  }
}

.models .model__cena-top {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .models .model__cena-top {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model__cena-top {
    margin-bottom: 0.5208333333vw;
  }
}

.models .model__cena-bottom {
  font-size: 19px;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .models .model__cena-bottom {
    font-size: 1.1458333333vw;
  }
}

.models .model__cena .red {
  color: #E71F44;
}

.models .model .button {
  border-radius: 8px;
  background: #E71F44;
  color: white;
  width: 100%;
  height: 50px;
  font-size: 18px;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
}

@media screen and (min-width: 1024px) {
  .models .model .button {
    width: 16.6666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model .button {
    height: 2.8645833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model .button {
    font-size: 1.0416666667vw;
  }
}

.models .model .modelButton {
  width: 100%;
}

.models .model--traning .model__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 50px;
  background: white;
  border: 1px solid #E7E7E8;
  border-radius: 10px;
  position: absolute;
  top: -1.3020833333vw;
  left: calc(50% - 1.693vw);
}

@media screen and (min-width: 1024px) {
  .models .model--traning .model__icon {
    width: 3.3854166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model--traning .model__icon {
    height: 2.6041666667vw;
  }
}

.models .model--traning .model__listTop {
  border-bottom: 2px solid #6A6A70;
}

.models .model--traning .model__listBottom {
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .models .model--traning .model__listBottom {
    margin-top: 0.78125vw;
  }
}

.models .model--traning .model__listBottom li {
  text-decoration: line-through;
  color: #6A6A70;
}

.models .model--premium .model__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  background: #E71F44;
  position: absolute;
  transform: rotate(45deg);
  top: -1.3020833333vw;
  left: calc(50% - 1.224vw);
}

@media screen and (min-width: 1024px) {
  .models .model--premium .model__icon {
    width: 2.4479166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model--premium .model__icon {
    height: 2.4479166667vw;
  }
}

.models .model--premium .model__icon img {
  transform: rotate(-45deg);
  margin-top: -3px;
  margin-right: 3px;
}

.models .model--premium .model__listTop {
  border-bottom: 2px solid #E71F44;
}

.models .model--premium .model__listBottom {
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .models .model--premium .model__listBottom {
    margin-top: 0.78125vw;
  }
}

.models .model--premium .model__listBottom li {
  font-weight: 700;
  color: #E71F44;
}

.models .model--premium .model__listBottom li:before {
  background: #E71F44;
}

.models .model--premium3 .model__listTop {
  border-bottom: 2px solid #E71F44;
}

.models .model--premium3 .model__listBottom {
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  .models .model--premium3 .model__listBottom {
    margin-top: 0.78125vw;
  }
}

.models .model--premium3 .model__listBottom li {
  font-weight: 700;
  color: #E71F44;
}

.models .model--premium3 .model__listBottom li:before {
  background: #E71F44;
}

.models .model--premium3 .model__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  background: white;
  position: absolute;
  border: 1px solid #E7E7E8;
  transform: rotate(45deg);
  top: -1.3020833333vw;
  left: calc(50% - 1.224vw);
}

@media screen and (min-width: 1024px) {
  .models .model--premium3 .model__icon {
    width: 2.4479166667vw;
  }
}

@media screen and (min-width: 1024px) {
  .models .model--premium3 .model__icon {
    height: 2.4479166667vw;
  }
}

.models .model--premium3 .model__icon img {
  transform: rotate(-45deg);
  margin-top: -3px;
  margin-right: 3px;
}

.modelsTitle h3 {
  text-transform: uppercase;
  font-size: 1.6666666667vw;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .modelsTitle h3 {
    margin-top: 5.2083333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .modelsTitle h3 {
    margin-bottom: 4.1666666667vw;
  }
}

@media only screen and (max-width: 1201px) {
  .modelsTitle h3 {
    font-size: 25px;
  }
}

.modelsTitle h3 .red {
  color: #E71F44;
}

.afterLoginBoxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.afterLoginBoxes .afterLoginBox {
  width: 100%;
  height: auto;
  padding: 15px;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
  border: 1px solid #E7E7E8;
  border-radius: 15px;
  position: relative;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes .afterLoginBox {
    width: 40.1041666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes .afterLoginBox {
    height: 13.0208333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes .afterLoginBox {
    padding: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes .afterLoginBox {
    margin-bottom: 3.125vw;
  }
}

.afterLoginBoxes h5 {
  font-size: 22px;
  text-align: center;
  color: #0E0A09;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes h5 {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes h5 {
    margin-bottom: 0.78125vw;
  }
}

.afterLoginBoxes p {
  line-height: 1.6;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .afterLoginBoxes p {
    font-size: 0.8854166667vw;
  }
}

.howStart__top {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  .howStart__top {
    margin-top: 4.6875vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStart__top {
    margin-bottom: 3.6458333333vw;
  }
}

.howStart__icon {
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  .howStart__icon {
    margin-right: 1.5625vw;
  }
}

.howStart__title {
  text-transform: uppercase;
  font-size: 1.6666666667vw;
  font-weight: 800;
  color: #E71F44;
}

@media only screen and (max-width: 1201px) {
  .howStart__title {
    font-size: 25px;
  }
}

.howStart__text {
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .howStart__text {
    font-size: 0.9375vw;
  }
}

.howStartSteps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.howStartSteps .howStartStep {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep {
    width: 27.7604166667vw;
  }
}

.howStartSteps .howStartStep__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E71F44;
  color: #E71F44;
  font-size: 18px;
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__icon {
    width: 4.1666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__icon {
    height: 4.1666666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__icon {
    font-size: 2.34375vw;
  }
}

.howStartSteps .howStartStep__title {
  color: #0E0A09;
  font-weight: 700;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title {
    font-size: 1.40625vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title {
    margin-top: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title {
    margin-bottom: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title {
    height: 3.6458333333vw;
  }
}

.howStartSteps .howStartStep__title span {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title span {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__title span {
    margin-top: 0.78125vw;
  }
}

.howStartSteps .howStartStep__content {
  color: #0E0A09;
  line-height: 1.8;
  font-size: 16px;
  text-align: center;
  width: auto;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__content {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep__content {
    width: 26.0416666667vw;
  }
}

.howStartSteps .howStartStep:before {
  width: 0px;
  height: 0px;
  display: inline-block;
  background: #E71F44;
  content: '';
  position: absolute;
  top: 2.03125vw;
  left: -1px;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep:before {
    width: 9.375vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep:before {
    height: 0.1041666667vw;
  }
}

.howStartSteps .howStartStep:after {
  width: 0px;
  height: 0px;
  display: inline-block;
  background: #E71F44;
  content: '';
  position: absolute;
  top: 2.03125vw;
  right: -1px;
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep:after {
    width: 9.375vw;
  }
}

@media screen and (min-width: 1024px) {
  .howStartSteps .howStartStep:after {
    height: 0.1041666667vw;
  }
}

.witchPackeges {
  display: flex;
  justify-content: space-between;
}

.witchPackege {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .witchPackege {
    width: 20.0520833333vw;
  }
}

.witchPackege__top {
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  width: 100%;
  border: 1px solid #E7E7E8;
  border-radius: 15px;
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    height: 10.15625vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    padding-left: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    padding-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    padding-top: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    padding-bottom: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__top {
    margin-bottom: 2.0833333333vw;
  }
}

.witchPackege:nth-child(3) .witchPackege__top {
  border-color: #E71F44;
}

.witchPackege h5 {
  font-size: 22px;
  text-align: center;
  color: #0E0A09;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .witchPackege h5 {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege h5 {
    margin-bottom: 1.8229166667vw;
  }
}

.witchPackege .button {
  border-radius: 8px;
  background: #E71F44;
  color: white;
  width: 100%;
  height: 50px;
  font-size: 18px;
  box-shadow: 0px 20px 40px -10px #E2DFDF;
}

@media screen and (min-width: 1024px) {
  .witchPackege .button {
    height: 2.8645833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege .button {
    font-size: 1.0416666667vw;
  }
}

.witchPackege__cena {
  color: #6A6A70;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .witchPackege__cena {
    margin-top: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__cena {
    margin-bottom: 1.0416666667vw;
  }
}

.witchPackege__cena-top {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .witchPackege__cena-top {
    font-size: 1.3020833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .witchPackege__cena-top {
    margin-bottom: 0.78125vw;
  }
}

.witchPackege__cena-bottom {
  font-size: 19px;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .witchPackege__cena-bottom {
    font-size: 1.1458333333vw;
  }
}

.witchPackege__cena .red {
  color: #E71F44;
}

@media only screen and (max-width: 1201px) {
  .default--aftlogin .plan_list ul li:before {
    font-size: 10px;
    top: 7px;
    left: -3px;
  }
  .aftloginVideo__left {
    width: 100%;
  }
  .aftloginVideo__right {
    width: 100%;
  }
  .aftloginVideo__right iframe {
    width: 100%;
    min-height: inherit;
    height: 350px;
  }
  .aftloginVideo__text {
    margin-bottom: 20px;
  }
  .aftloginVideo__text br {
    display: none;
  }
  .model__icon {
    display: none !important;
  }
  .model {
    margin-bottom: 30px;
  }
  .models .modelTop, .witchPackege__top {
    margin-bottom: 15px;
  }
  .afterLoginBoxes {
    flex-wrap: wrap;
  }
  .afterLoginBoxes .afterLoginBox, .witchPackege {
    margin-bottom: 25px;
  }
  .howStart__icon {
    display: none;
  }
  .howStart__title, .howStartSteps .howStartStep {
    margin-bottom: 15px;
  }
  .witchPackeges {
    flex-wrap: wrap;
  }
}

.afterLoginBox p {
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (min-width: 1024px) {
  .afterLoginBox p {
    font-size: 0.8333333333vw;
  }
}

.afterLoginBox p b {
  line-height: 1.7;
}

.modelsafl {
  width: 100%;
  justify-content: flex-end;
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .modelsafl {
    margin-top: 1.5625vw;
  }
}

.modelsafl .model {
  width: 100%;
  margin-left: 0px;
}

@media screen and (min-width: 1024px) {
  .modelsafl .model {
    width: 33.59375vw;
  }
}

@media screen and (min-width: 1024px) {
  .modelsafl .model {
    margin-left: 0.78125vw;
  }
}

.survery.notError {
  width: 100%;
}

.coacinpag {
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  .coacinpag {
    margin-bottom: 4.6875vw;
  }
}

@media only screen and (min-width: 1200px) {
  .coacinpag {
    padding-top: 3.25vw;
  }
}

.coacinpag .metamorphosesHome__title {
  flex-direction: column;
  line-height: 1.4;
}

.coacinpag .metamorphosesHome__title span {
  display: inline-block;
  width: 100%;
}

.coapacont {
  padding-bottom: 0;
}

.model__cena-standard-title {
  color: black;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 7px;
}

@media only screen and (min-width: 1200px) {
  .model__cena-standard-title {
    font-size: 1.0416666667vw;
  }
}

@media only screen and (max-width: 1200px) {
  .model__cena-standard {
    margin-top: 20px;
  }
}

.model__cena-standard .model__cena-top {
  text-align: center;
}

.model__cena-standard .model__cena-bottom {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .model__cena-standard .model__cena-bottom {
    font-size: 1.0416666667vw;
  }
}

.model__cena-promo {
  margin-top: 35px;
  border: 1px solid  #EF002D;
  border-radius: 10px;
  padding: 0 20px;
}

@media only screen and (min-width: 1200px) {
  .model__cena-promo {
    border-radius: 0.5208333333vw;
    padding: 0 3.125vw;
    margin-top: 1.8229166667vw;
    position: relative;
  }
}

.model__cena-promo .model__cena-top {
  text-align: center;
  color: black;
}

.model__cena-promo .model__cena-promo-title {
  margin-top: -20px;
  color: #EF002D;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 7px;
  background: white;
  padding: 10px;
}

@media only screen and (min-width: 1200px) {
  .model__cena-promo .model__cena-promo-title {
    padding: 10px 20px;
    font-size: 1.0416666667vw;
  }
}

.model__cena-promo .model__cena-bottom {
  color: black;
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (min-width: 1200px) {
  .model__cena-promo .model__cena-bottom {
    font-size: 1.0416666667vw;
  }
}

.model__listTop strong, .modelTop strong {
  line-height: 1.1;
}

.modelsafl.models .model .button {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .modelsafl.models .model .button {
    width: 9.375vw;
  }
}

.modelsafl.models .model__cena-promo {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .modelsafl.models .model__cena-promo {
    padding-left: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .modelsafl.models .model__cena-promo {
    padding-right: 0.78125vw;
  }
}

.filesWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.filesWrap .files__lists {
  width: 100%;
}

.filesWrap .files__buttons {
  width: 100%;
}

.filesWrap .files__buttons .button {
  width: 100%;
  height: 45px;
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .button {
    height: 3.125vw;
  }
}

.filesWrap .files__buttons .addFilesButon {
  display: flex;
  width: 100%;
  border: 1px solid #C8D0D4;
  background: #DAEDF7;
  align-items: center;
  text-transform: uppercase;
  font-weight: 900;
  justify-content: center;
  font-size: 14px;
  height: 40px;
  margin-bottom: 20px;
  transition: all .5s ease;
  cursor: pointer;
  color: black;
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .addFilesButon {
    font-size: 0.7291666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .addFilesButon {
    height: 3.125vw;
  }
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .addFilesButon {
    margin-bottom: 0.78125vw;
  }
}

.filesWrap .files__buttons .addFilesButon:hover {
  background: white;
  border-color: #EF002D;
}

.filesWrap .files__buttons .addFilesButon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.filesWrap .files__buttons .addFilesButon span:before {
  margin-right: 15px;
  color: black;
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .addFilesButon span:before {
    margin-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .filesWrap .files__buttons .addFilesButon span:before {
    font-size: 1.5625vw;
  }
}

.filesWrap .files__buttons .addFilesButon span:before {
  content: "";
}

#files-area {
  width: 100%;
}

#files-area #filesList {
  width: 100%;
}

#files-area #files-names {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.file-block {
  flex-direction: row-reverse;
  align-items: center;
  background: white;
  margin-right: 15px;
  margin-bottom: 15px;
  box-shadow: 3px 6px 9px #0000001c;
  border: 1px solid #C8D0D4;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  color: initial;
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .file-block {
    margin-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .file-block {
    margin-bottom: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .file-block {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}

@media screen and (min-width: 1024px) {
  .file-block {
    padding-top: 0.4166666667vw;
    padding-bottom: 0.4166666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .file-block {
    font-size: 0.7291666667vw;
  }
}

.file-block > span.name {
  padding-right: 15px;
  display: inline-flex;
}

.file-delete {
  display: flex;
  color: initial;
  font-size: large;
  justify-content: center;
  margin-left: 3px;
  cursor: pointer;
}

.file-delete .iconDel {
  font-size: 15px;
  color: black;
}

.file-delete .iconDel:before {
  content: "";
}

@media screen and (min-width: 1024px) {
  .file-delete .iconDel {
    font-size: 0.9375vw;
  }
}

.file-delete:hover .iconDel {
  color: EF002D;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms {
  background-image: none;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms form {
  background-image: url("/images/bgFilmForm.png");
  background-size: contain;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #EDEFF1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms form {
    padding-left: 7.8125vw;
    padding-right: 7.8125vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle {
  padding-top: 20px;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle {
    padding-top: 2.8645833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle {
    margin-bottom: 2.34375vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle:before {
  content: "";
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle:before {
  color: #EF002D;
  position: absolute;
  top: 3.125vw;
  left: -2.6041666667vw;
  font-size: 0px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .formTitle:before {
    font-size: 1.5625vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row {
  width: 100%;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row input {
  height: 40px;
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row input {
    height: 3.125vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row input {
    padding-left: 2.34375vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row textarea {
  padding-left: 15px;
  padding-top: 15px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row textarea {
    padding-left: 2.34375vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm__row textarea {
    padding-top: 0.78125vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap {
  width: 100%;
  position: relative;
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap {
    margin-top: 3.125vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content {
  width: 100%;
  position: absolute;
  right: -21.3541666667vw;
  top: 0;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content {
    width: 19.7916666667vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-title {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #EF002D;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-title {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-title {
    margin-bottom: 1.5625vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-text {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: black;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-text {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-text {
    font-size: 1.5625vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-desc {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content-desc {
    font-size: 0.9375vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__film {
  width: 100%;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__film iframe {
  width: 100%;
  height: 28.125vw;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms audio {
  width: 100%;
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .audioTitle {
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  width: 100%;
  text-align: left;
  color: black;
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .audioTitle {
    margin-top: 1.0416666667vw;
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .audioTitle {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .audioTitle {
    padding-left: 2.0833333333vw;
  }
}

.mainContainer.register.contact.msgpriv .mainContainer__formFilms .listComent__listPosition {
  background: #EDEFF1;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
  border-bottom: none;
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .listComent__listPosition {
    padding-left: 2.8645833333vw;
    padding-right: 2.8645833333vw;
  }
}

@media screen and (min-width: 1024px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .listComent__listPosition {
    margin-top: 1.0416666667vw;
  }
}

@media only screen and (max-width: 1200px) {
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__film video {
    width: 100%;
    height: auto;
  }
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__content {
    position: relative;
    right: auto;
    left: auto;
    margin-bottom: 20px;
  }
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .styledForm input {
    width: 100%;
  }
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms form {
    background-size: cover;
  }
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .filmWrap__film iframe {
    height: 220px;
  }
  .mainContainer.register.contact.msgpriv .mainContainer__formFilms .listComent__listPositionContent--author {
    display: block !important;
    padding-top: 20px;
  }
}

.blackWeekLabel {
  background: black;
  margin-bottom: 15px;
  font-size: 20px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .blackWeekLabel {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .blackWeekLabel {
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 1024px) {
  .blackWeekLabel {
    padding-top: 0.5208333333vw;
    padding-bottom: 0.5208333333vw;
  }
}

@media screen and (min-width: 1024px) {
  .blackWeekLabel {
    padding-left: 1.3020833333vw;
    padding-right: 1.3020833333vw;
  }
}

.blackWeekLabel:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 18px 58px 18px;
  border-color: transparent transparent white transparent;
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  left: -19px;
}

.blackWeekLabel:before {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 58px 20px;
  border-color: transparent transparent white transparent;
  position: absolute;
  top: -3px;
  right: -19px;
}

.trenWeek {
  color: black;
  margin-bottom: 15px;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  .trenWeek {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .trenWeek {
    font-size: 1.0416666667vw;
  }
}

.blackWeekPromo {
  margin-bottom: 15px;
  font-size: 18px;
  color: black;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .blackWeekPromo {
    margin-bottom: 1.0416666667vw;
  }
}

@media screen and (min-width: 1024px) {
  .blackWeekPromo {
    font-size: 1.0416666667vw;
  }
}

.blackWeekPrice {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 2.34375vw;
  font-size: 30px;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  .blackWeekPrice {
    font-size: 2.34375vw;
  }
}

.blackWeekPrice span {
  display: flex;
  margin: 0 5px;
}

.blackWeekPrice__new {
  color: #E71F44;
}

.blackWeekPrice__old {
  color: black;
  padding-top: 3px;
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .blackWeekPrice__old {
    padding-top: 0.15625vw;
  }
}

@media screen and (min-width: 1024px) {
  .blackWeekPrice__old {
    font-size: 1.3020833333vw;
  }
}

.carePackagesContinue .carePackages__priceWrap {
  line-height: 0.6;
}

.burg {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 34px;
  cursor: pointer;
  z-index: 0;
}

.burg div {
  cursor: pointer;
  background: white;
  width: 40px;
  height: 4px;
  margin-bottom: 7px;
}

.sidebarMenuMobile {
  margin-top: 15px;
}

.sidebarMenu--mobile {
  z-index: 3;
}

@media screen and (max-width: 1020px) {
  .mainContainer__modules, .mainContainer__offer-single {
    width: 100%;
  }
  .homePage {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .homePage .promoBanner {
    order: -1;
  }
  .homePage .boxesOffer {
    order: 1;
  }
  .homePage .homeAchive {
    order: 2;
  }
  .homePage .boxesActive {
    order: 3;
  }
  .homePage .metamorphosesHome {
    order: 4;
  }
  .homePage .homeBlog {
    order: 5;
  }
  .homePage .atlasYoutube {
    order: 6;
  }
  .boxesOffer::before {
    display: none !important;
  }
  .datapomlabel {
    display: block;
    font-size: 17px;
    width: 100%;
    margin-bottom: 10px;
  }
  .historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
    width: 100%;
  }
  .mainContainer__dashboardBox {
    width: 100%;
  }
  .admin--avatar {
    background-position: center;
  }
  .mainContainer__videoPanelInfoTab {
    width: 300px;
    padding: 10px;
  }
  .mainContainer__videoPanelInfoTab:last-child {
    width: 200px;
  }
  .mainContainer__logout a:last-child {
    display: none;
  }
  .mainContainer__videoPanelInfoTabs {
    flex-direction: row;
    width: 100%;
  }
  .contact.atlas .mainContainer__atlasVideoNav {
    padding: 20px;
    left: 0;
    right: 0;
  }
  .mainContainer__title, .mainContainer__postTitle {
    margin-top: 20px;
  }
  .mainContainer.contact .mainContainer__wrap {
    padding: 0 30px;
  }
  .mainContainer.contact .mainContainer__wrap .mainContainer__form {
    width: 100%;
  }
  .remempas {
    height: auto;
  }
  .remempas .styledForm .button {
    width: 200px;
    height: 45px;
  }
  .resetPass .remempas {
    padding: 0;
  }
  .remempas .styledForm__row--button:first-child .button {
    margin-right: 40px;
  }
  .remempas .styledForm input {
    width: 100%;
  }
  .atlasYoutube__left {
    flex: 1 0 100%;
    font-size: 100px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 30px;
  }
  .atlasYoutube__left iframe {
    width: 500px;
    height: 300px;
    margin: 0 auto;
  }
  .header {
    box-shadow: 0px -7px 24px 6px rgba(0, 0, 0, 0.16);
  }
  .historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
    margin-top: 30px;
  }
  .mainContainer__dashboardSettings {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .header__container {
    flex-wrap: wrap;
  }
  .header__right {
    width: 100%;
    text-align: center;
  }
  .customBlock {
    padding-left: 0;
  }
  .customBlock__title:before, .customBlock__title:after {
    display: none;
  }
  .customBlock--scool2:after {
    display: none;
  }
  .customBlock__box {
    width: 30%;
  }
  .customBlock__box_title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .customBlock__box {
    font-size: 15px;
  }
  .customBlockBoxes--scool .customBlock__box {
    min-height: 240px;
    padding-bottom: 20px;
  }
  .customBlock__box:after, .customBlock--about5:after {
    display: none;
  }
  .banerAbout__left, .customBlock--about1:after {
    display: none;
  }
  .customBlock__box1 .customBlock__boxIcon:before, .customBlock__box2 .customBlock__boxIcon:before, .customBlock__box3 .customBlock__boxIcon:before {
    font-size: 20px;
  }
  .banerAbout__right {
    width: 100%;
    padding: 25px;
  }
  .contentBlock blockquote {
    padding: 70px 30px 25px;
    font-size: 18px;
  }
  .banerAbout {
    margin: 30px 0;
  }
  .banerAbout--scool .banerAbout__title {
    margin-top: 0;
  }
  .banerAbout--scool a {
    margin-top: 30px !important;
  }
  .scoolList__item {
    font-size: 18px;
    padding: 20px 50px;
  }
  .scoolList__item:before {
    top: 20px;
    left: 15px;
  }
  .customBlock__boxIcon {
    width: 50px;
    height: 50px;
    top: -25px;
  }
  .customBlockBoxes--scool .customBlock__boxIcon:before {
    font-size: 30px !important;
  }
  .banerAbout--bottom .banerAbout__content_Box:first-child {
    margin-right: 25px;
  }
  .banerAbout--bottom .banerAbout__content_Box {
    width: 250px;
    padding: 20px 0;
  }
  .banerAbout--bottom .banerAbout__content_Box span {
    padding-right: 20px;
    font-size: 15px;
    padding-left: 65px;
  }
  .banerAbout--bottom .banerAbout__content_Box span:before {
    font-size: 35px;
  }
}

@media screen and (max-width: 800px) {
  .customBlockBoxes {
    flex-wrap: wrap;
  }
  .customBlock, .customBlock--about4 {
    margin-bottom: 30px;
  }
  .customBlockBoxes--medals .customBlock__boxIcon:before {
    font-size: 24px !important;
  }
  .banerAbout--bottom .banerAbout__content_Boxes {
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .banerAbout--bottom .banerAbout__content_Box {
    margin: 0 auto 20px 0 !important;
  }
  .banerAbout--bottom .banerAbout__title {
    font-size: 28px;
    margin-top: 35px;
    margin-top: 20px;
  }
  .banerAbout--bottom .banerAbout__content_Box span:before {
    left: 15px !important;
  }
  .customBlock--about7 {
    margin-top: 30px;
  }
  .customBlockBoxes {
    margin-top: 50px;
  }
  .scoolList__item {
    margin-bottom: 15px;
    padding-left: 20px;
  }
  .scoolList__item:before {
    display: none;
  }
  .customBlock__box {
    width: 100%;
    margin-bottom: 50px;
    min-height: auto !important;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .customBlock__box:last-child {
    margin-bottom: 0;
  }
  .customBlock__title, .banerAbout--scool .banerAbout__title {
    font-size: 23px !important;
    margin-bottom: 15px !important;
  }
  .customBlock {
    padding-left: 0px;
    padding-right: 0px;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--btn, .survery .mainContainer__validyOfServiceBottom--btn {
    margin-top: 21px;
  }
  .boxesOffer {
    position: relative;
    background: #eef0f1;
  }
  .boxesOffer__title {
    font: 900 28px "Raleway", sans-serif;
    padding-bottom: 16px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    z-index: 1;
    padding: 30px 0 30px 0;
  }
  .paycontent li:before {
    top: 10px !important;
  }
  .promoBanner {
    padding-top: 0 !important;
  }
  .paycontent li {
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .boxesOffer::before {
    display: none;
  }
  .mainContainer__dashboardSettings--title {
    width: 100%;
  }
  .ListAlert__title, .listComent__listPosition--arrow:before, .ListAlert__listPosition--arrow:before {
    display: none;
  }
  .styledForm__row {
    width: 100%;
  }
  .styledForm__row textarea {
    width: 100%;
  }
  .mainContainer.login.contact .mainContainer__form .styledForm__noAccount {
    flex-wrap: wrap;
  }
  .footer__instagram {
    padding: 30px 0;
  }
  .header__panel--item {
    margin-left: -30px;
  }
  .styledForm input {
    height: 50px;
  }
  .mainContainer.register .mainContainer__wrap--title {
    font-size: 19px;
  }
  .formErrors__ul {
    line-height: 22px;
    width: 360px;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 0;
    left: 100%;
    margin: 15px auto 0;
    padding: 10px;
  }
  .formErrors__ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .styledForm input, .styledForm textarea, .styledForm select {
    font-size: 14px;
  }
  .mainContainer.register .mainContainer__form .styledForm .password {
    top: 27px;
    font-size: 28px;
    right: 13px;
  }
  .styledForm__row.iconRight::before {
    right: 19px;
  }
  .mainContainer.register .mainContainer__wrap--text {
    margin: 15px 0;
  }
  .atlasYoutube__title {
    align-items: center;
  }
  .atlasYoutube__moveInfo--text {
    text-align: center;
  }
  .atlasYoutube__moveInfo--title {
    width: 100%;
    text-align: center;
  }
  .atlasYoutube__more--info {
    justify-content: center;
  }
  .atlasYoutube__morePanel {
    margin: 0 auto;
  }
  .atlasYoutube__move--icon {
    display: none;
  }
  .resetPass .remempas:before {
    display: none;
  }
  .mainContainer__dashboard {
    padding: 0;
  }
  .listComent__title, .ListAlert__title {
    padding: 30px 0px;
    font: 900 16px "Raleway", sans-serif;
  }
  .listComent__title::before, .ListAlert__title::before {
    padding-right: 15px;
    font-size: 37px;
  }
  .listComent__listPosition--avatar, .ListAlert__listPosition--avatar {
    width: 72px;
    height: 40px;
    flex: 1 0 40px;
    font: 700 12px "Raleway", sans-serif;
  }
  .listComent__listPositionContent, .ListAlert__listPositionContent {
    padding-left: 12px;
  }
  .historiesOrder .mainContainer__ankietBox--red, .survery .mainContainer__ankietBox--red {
    margin: 15px 0;
  }
  .mainContainer__ankietBox.surveryBox #contactForm {
    padding-top: 15px;
  }
  .mainContainer__tableContent table thead tr th {
    background: #1c272f;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    height: 80px;
    text-align: center;
    padding: 10px;
  }
  .mainContainer__tableContent table tr td {
    font-size: 12px;
    color: #000000;
    height: 60px;
    padding: 10px;
  }
  .mainContainer__dashboardSettings--title {
    padding-bottom: 15px;
  }
  .mainContainer__dashboardSettingsBox, .mainContainer__dashboardBox--name {
    padding: 15px 0;
  }
  .historiesOrder .mainContainer__validyOfServiceTop, .survery .mainContainer__validyOfServiceTop {
    padding-top: 35px;
  }
  .historiesOrder .mainContainer__validyOfServiceTop, .survery .mainContainer__validyOfServiceTop {
    width: 100%;
    height: 375px;
    padding-top: 75px;
  }
  .historiesOrder .mainContainer__validyOfServiceTop::after, .survery .mainContainer__validyOfServiceTop::after {
    display: none;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--icon, .survery .mainContainer__validyOfServiceBottom--icon {
    width: 80px;
    height: 80px;
    font-size: 45px;
    top: 50%;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--date, .survery .mainContainer__validyOfServiceBottom--date {
    padding-top: 50px !important;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--icon::before, .survery .mainContainer__validyOfServiceBottom--icon::before {
    font-size: 35px;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--btn, .survery .mainContainer__validyOfServiceBottom--btn {
    margin-top: 21px !important;
  }
  .historiesOrder .mainContainer__validyOfService, .survery .mainContainer__validyOfService {
    padding-bottom: 35px !important;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--btn, .survery .mainContainer__validyOfServiceBottom--btn {
    margin-top: 50px;
  }
  .historiesOrder .mainContainer__validyOfServiceBottom--date, .survery .mainContainer__validyOfServiceBottom--date {
    padding-top: 20px;
    font-size: 35px;
  }
  .mainContainer.register .mainContainer__form .styledForm .button {
    margin-top: 25px;
  }
  .styledForm__rodo--text {
    padding: 0;
  }
  .styledForm__row.email, .styledForm__row.iconRight {
    font-size: 20px;
  }
  .styledForm__row.iconRight::after {
    right: 55px;
  }
  .mainContainer__contactBanner--title {
    font-size: 24px;
  }
  .mainContainer__contactBanner--subtitle {
    font-size: 18px;
  }
  .mainContainer__contactBannerSocials--title {
    font-size: 20px;
  }
  .mainContainer__contactBannerSocials--item.fb, .mainContainer__contactBannerSocials--item.ig:before, .mainContainer__contactBannerSocials--item.yt:before {
    font-size: 35px;
  }
  .mainContainer__dashboardBox {
    width: 100%;
  }
  .metamorphosesHome__slideRightDesc--title .black {
    padding-left: 5px;
  }
  .mainContainer__title {
    margin-bottom: 0;
  }
  .metamorphoses .metamorphosesHome__shadowText {
    margin-bottom: 30px;
  }
  .mainContainer__videoPanelInfoList--title {
    padding: 20px 0;
  }
}

@media screen and (max-width: 600px) {
  .footer__menuBottomNaviContent li {
    margin: 0;
  }
  .footer__parallax {
    display: none;
  }
  .metamorphosesHome__nav--next:before {
    padding-left: 12px;
  }
  .metamorphosesHome__nav--prev:before {
    padding-right: 12px;
  }
  .metamorphosesHome__nav--prev {
    left: -30px;
  }
  .metamorphosesHome__nav--next {
    right: -30px;
  }
  .metamorphosesHome__nav--arrow {
    width: 40px;
    height: 40px;
  }
  .footer__reguls, .footer__copyright {
    order: 2;
    margin-bottom: 5px;
  }
  .footer__socials {
    order: 1;
  }
  .mainContainer__videoPanelInfoTab {
    width: 200px;
  }
  .mainContainer__videoPanelInfoTab:last-child {
    width: 150px;
  }
  .contact.atlas .mainContainer__atlasVideoMain iframe, .contact.atlas .mainContainer__atlasVideoMain {
    height: 350px;
  }
  .metamorphosesHome__subtitle {
    padding: 15px;
  }
  .atlasYoutube__left iframe {
    width: 300px;
    height: 200px;
  }
  .mainContainer__title {
    font-size: 28px;
  }
  .remempas .styledForm {
    padding: 0 30px;
  }
  .remempas {
    width: 100%;
    padding: 0 30px;
  }
  .mainContainer.msgpriv.contact .mainContainer__form .styledForm__avatar {
    display: none;
  }
  .styledForm__row {
    width: 100%;
  }
  .afterlogin .mainContainer__ankietBox.surveryBox .mainContainer__btn, .afterlogin .mainContainer__ankietBox.surveryBox2 .mainContainer__btn {
    font-size: 18px;
    padding: 15px;
    margin-bottom: 15px;
    z-index: 0;
  }
  .mainContainer.afterlogin.contact .styledForm__title {
    margin: 15px 0;
  }
  .styledForm__row.file {
    padding-left: 15px;
  }
  .mainContainer.afterlogin.contact .mainContainer__form, .historiesOrder .mainContainer__historiesOrderContent, .survery .mainContainer__historiesOrderContent {
    padding: 0;
  }
}

@media screen and (max-width: 500px) {
  .metamorphosesHome__slideRight::after {
    display: none;
  }
  .header__container {
    width: 100%;
    flex-wrap: wrap;
  }
  .remempas .styledForm__row--button:first-child .button {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .remempas .styledForm__row {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .remempas .styledForm input {
    height: 50px;
  }
}

@media screen and (max-width: 400px) {
  .banerAbout.banerAbout--scool .buttonScool {
    width: auto;
    font-size: 14px;
  }
  .banerAboutPG .contentBlock p, .banerAbout p, .banerAbout li {
    line-height: 1.4;
  }
  .homePage .boxesOffer, .homePage .promoBanner, .homePage .boxesActive, .homePage .homeBlog, .homePage .atlasYoutube, .howSeeHome, .socialHome {
    width: 100%;
  }
  .socialHome__title {
    font-size: 25px;
  }
  .boxesOffer__boxContent {
    padding-top: 30px;
  }
  .listComent__listPositionContent--author.admin, .ListAlert__listPositionContent--author.admin,
  .listComent__listPositionContent--author, .ListAlert__listPositionContent--author {
    display: none;
  }
  .oneNews__top {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 240px;
    margin-top: 20px;
  }
  .formErrors__ul {
    width: 280px;
  }
  .mainContainer__videoPanelInfoTab {
    width: 130px;
    padding: 10px;
    font-size: 13px;
    text-align: center;
  }
  .footer__form .styledForm__title {
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 20px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer__form .styledForm__title {
    margin-bottom: 30px;
  }
  .footer__form .styledForm__title--normal {
    margin-bottom: 5px;
  }
  .contact.atlas .mainContainer__atlasVideoMain iframe, .contact.atlas .mainContainer__atlasVideoMain {
    height: 260px;
  }
  .mainContainer__videoPanelInfoTab:last-child {
    width: 110px;
  }
  .mainContainer__videoPanelInfoList--title {
    font-size: 18px;
  }
  .mainContainer__videoPanelInfoList--list li {
    font-size: 15px;
  }
}

@keyframes anim-effect-marin {
  0% {
    opacity: 1;
  }
  100% {
    box-shadow: inset 0 0 0 3px rgba(111, 148, 182, 0.8);
    opacity: 0;
    transform: scale3d(0.75, 0.75, 1);
  }
}

@keyframes anim-francisco {
  50% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@font-face {
  font-display: swap;
  font-family: "myfont";
  src: url("../../fonts/myfont.eot");
  src: url("../../fonts/myfont.eot?#iefix") format("eot"), url("../../fonts/myfont.woff2") format("woff2"), url("../../fonts/myfont.woff") format("woff"), url("../../fonts/myfont.ttf") format("truetype"), url("../../fonts/myfont.svg#myfont") format("svg");
}

.page--light.page {
  background: #ffd200;
}

.page--light .header {
  background: #ffde00;
}

.page--light .header.short {
  box-shadow: 1px 1px 1px black;
}

.page--light .header__right::before {
  background: #000000;
}

.page--light .header__rightLogin--bigger button, .page--light .header__rightLogin--eye {
  background: #000000;
  border-color: #000000;
}

.page--light .header__rightLogin--bigger span {
  color: #fff;
}

.page--light .header__languagesMenu a {
  color: #000000;
}

.page--light .sliderHome {
  color: #fff;
}

.page--light .sliderHome__inner--btn {
  color: #fff;
  background: #ffd200;
  border-radius: 10px;
  font-size: 14px;
  width: 290px;
  height: 95px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .sliderHome__inner--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ffd200;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .sliderHome__inner--btn {
    font-size: 0.7291666667vw;
    height: 4.9479166667vw;
    width: 15.1041666667vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .sliderHome__inner--btn:focus, .page--light .sliderHome__inner--btn:hover, .page--light .sliderHome__inner--btn:active {
  background: #fff;
  color: #ffd200;
}

.page--light .sliderHome__inner--btn:focus::before, .page--light .sliderHome__inner--btn:hover::before, .page--light .sliderHome__inner--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .textRight__btn {
  color: #fff;
  background: #ffd200;
  border-radius: 5px;
  font-size: 20px;
  width: 210px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .textRight__btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ffd200;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .textRight__btn {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 10.9375vw;
    border-radius: 0.2604166667vw;
  }
}

.page--light .textRight__btn:focus, .page--light .textRight__btn:hover, .page--light .textRight__btn:active {
  background: #fff;
  color: #ffd200;
}

.page--light .textRight__btn:focus::before, .page--light .textRight__btn:hover::before, .page--light .textRight__btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .advantages {
  background: #000000;
}

.page--light .advantages__left--title, .page--light .advantages__right--title, .page--light .advantages .advantages__featureText--under {
  color: #fff;
}

.page--light .premium__left--btn {
  color: #fff;
  background: #ffd200;
  border-radius: 10px;
  font-size: 14px;
  width: 345px;
  height: 95px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .premium__left--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ffd200;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .premium__left--btn {
    font-size: 0.7291666667vw;
    height: 4.9479166667vw;
    width: 17.96875vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .premium__left--btn:focus, .page--light .premium__left--btn:hover, .page--light .premium__left--btn:active {
  background: #fff;
  color: #ffd200;
}

.page--light .premium__left--btn:focus::before, .page--light .premium__left--btn:hover::before, .page--light .premium__left--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .downloadPage__left {
  color: #fff;
}

.page--light .downloadPage__left--btn {
  color: #fff;
  background: #ffd200;
  border-radius: 10px;
  font-size: 14px;
  width: 290px;
  height: 95px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .downloadPage__left--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #ffd200;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .downloadPage__left--btn {
    font-size: 0.7291666667vw;
    height: 4.9479166667vw;
    width: 15.1041666667vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .downloadPage__left--btn:focus, .page--light .downloadPage__left--btn:hover, .page--light .downloadPage__left--btn:active {
  background: #fff;
  color: #ffd200;
}

.page--light .downloadPage__left--btn:focus::before, .page--light .downloadPage__left--btn:hover::before, .page--light .downloadPage__left--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .downloadPage + .appHearUs, .page--light .premium + .appHearUs {
  background: #ffd200;
}

.page--light .downloadPage + .appHearUs .appHearUs__heading, .page--light .downloadPage + .appHearUs .appHearUs__intro, .page--light .premium + .appHearUs .appHearUs__heading, .page--light .premium + .appHearUs .appHearUs__intro {
  color: #000000;
}

.page--light .helpPage__tab {
  color: #000000;
  border-color: #000000;
  box-shadow: 1px 1px 50px 0px #000000;
}

.page--light .helpPage__text::before, .page--light .helpPage__tabHead--icon {
  background: #000000;
}

.page--light .up {
  background: #ffd200;
}

.page--light .up:hover::before {
  color: #000000;
}

.page--light .footer {
  background: #000000;
}

.page--light .footer .footer__leftBottom--text, .page--light .footer .footer__menuBottomNaviContent a {
  color: #fff;
}

.page--light .appdesc__topRight, .page--light .appdesc__bottom--title, .page--light .appdesc__bottomColsLeftFeatureFlex--subtitle {
  color: #000000;
}

.page--light .appdesc__top {
  border-color: #000000;
}

.page--light .appdesc__bottomBtn a {
  color: #fff;
  background: #000000;
  border-radius: 10px;
  font-size: 14px;
  width: 290px;
  height: 95px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .appdesc__bottomBtn a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #000000;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .appdesc__bottomBtn a {
    font-size: 0.7291666667vw;
    height: 4.9479166667vw;
    width: 15.1041666667vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .appdesc__bottomBtn a:focus, .page--light .appdesc__bottomBtn a:hover, .page--light .appdesc__bottomBtn a:active {
  background: #fff;
  color: #000000;
}

.page--light .appdesc__bottomBtn a:focus::before, .page--light .appdesc__bottomBtn a:hover::before, .page--light .appdesc__bottomBtn a:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .oneNews {
  border-color: #000000;
}

.page--light .oneNews__link .button {
  background: #000;
}

.page--light .oneNews__title, .page--light .oneNews__text, .page--light .oneNews__date {
  color: #000000;
}

.page--light .oneNews__link a {
  color: #fff;
  background: #000000;
  border-radius: 10px;
  font-size: 18px;
  width: 200px;
  height: 55px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: lowercase;
}

.page--light .oneNews__link a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #000000;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .oneNews__link a {
    font-size: 0.9375vw;
    height: 2.8645833333vw;
    width: 10.4166666667vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .oneNews__link a:focus, .page--light .oneNews__link a:hover, .page--light .oneNews__link a:active {
  background: #fff;
  color: #000000;
}

.page--light .oneNews__link a:focus::before, .page--light .oneNews__link a:hover::before, .page--light .oneNews__link a:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .newsList__button .button {
  color: #fff;
  background: #000000;
  border-radius: 10px;
  font-size: 14px;
  width: 210px;
  height: 65px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .newsList__button .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #000000;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .newsList__button .button {
    font-size: 0.7291666667vw;
    height: 3.3854166667vw;
    width: 10.9375vw;
    border-radius: 0.5208333333vw;
  }
}

.page--light .newsList__button .button:focus, .page--light .newsList__button .button:hover, .page--light .newsList__button .button:active {
  background: #fff;
  color: #000000;
}

.page--light .newsList__button .button:focus::before, .page--light .newsList__button .button:hover::before, .page--light .newsList__button .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li a {
  border-color: #000000;
}

.page--light .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li a:before {
  color: #000000;
}

.page--light .mainContainer__mainTitle, .page--light .mainContainer__date, .page--light .mainContainer__postRight--title {
  color: #000000;
}

.page--light .mainContainer__post, .page--light .mainContainer__leftNavigation {
  border-color: #000000;
}

.page--light .mainContainer__leftNavigationBlock {
  color: #000000;
}

.page--light .mainContainer__leftNavigation::after {
  background: #000000;
}

.page--light .videoSlider {
  background: #ffd200;
  box-shadow: 1px 1px 50px 0px #000000;
}

.page--light .videoSlider .slick-arrow {
  background: black;
}

.page--light .videoSlider .slick-arrow:before {
  color: #fff;
}

.page--light .videoPreview {
  border-color: #000000;
}

.page--light .downloadItem {
  border-color: #000000;
}

.page--light .contentBlock .styledTable tbody tr:first-child td, .page--light .contentBlock .styledTable tbody tr:first-child th {
  background: #000000;
}

.page--light .contentBlock .styledTable tbody tr:nth-child(2n+1) {
  background-color: #ffd200;
}

.page--light .sideInfo__title {
  color: #000000;
}

.page--light .contactPage__column:nth-child(2):before {
  color: #000000;
}

.page--light .contactPage__map {
  border-color: #000000;
}

.page--light .styledFormItems--input, .page--light .styledFormItems--textarea {
  border-color: #000000;
  color: #000000;
}

.page--light .styledFormItems--input:-ms-input-placeholder, .page--light .styledFormItems--textarea:-ms-input-placeholder {
  color: #000000;
}

.page--light .styledFormItems--input::placeholder, .page--light .styledFormItems--textarea::placeholder {
  color: #000000;
}

.page--light .styledFormItems--input:focus, .page--light .styledFormItems--input:hover, .page--light .styledFormItems--input:active, .page--light .styledFormItems--textarea:focus, .page--light .styledFormItems--textarea:hover, .page--light .styledFormItems--textarea:active {
  border-color: #000000;
}

.page--light .styledForm .button {
  color: #fff;
  background: #000000;
  border-radius: 5px;
  font-size: 20px;
  width: 210px;
  height: 70px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page--light .styledForm .button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #000000;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--light .styledForm .button {
    font-size: 1.0416666667vw;
    height: 3.6458333333vw;
    width: 10.9375vw;
    border-radius: 0.2604166667vw;
  }
}

.page--light .styledForm .button:focus, .page--light .styledForm .button:hover, .page--light .styledForm .button:active {
  background: #fff;
  color: #000000;
}

.page--light .styledForm .button:focus::before, .page--light .styledForm .button:hover::before, .page--light .styledForm .button:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #fff;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--light .styledForm__reminder--text, .page--light .styledForm__reminderText {
  color: #000000;
}

.page--light .styledForm__row.iconRight::before {
  color: #000000;
}

.page--light .styledForm__row.iconRight::after {
  background: #000000;
}

.page--light .styledCheckbox label, .page--light .styledRadio label {
  border-color: #000000;
}

.page--light .styledCheckbox label::before, .page--light .styledRadio label::before {
  color: #000000;
}

.page--light .styledForm__rowRodo--text {
  color: #000000;
}

.page--light .contentBlock h1, .page--light .contentBlock h2, .page--light .contentBlock h4, .page--light .contentBlock p, .page--light .contentBlock li {
  color: #000000;
}

.page--light .contentBlock blockquote {
  border-color: #000000;
  box-shadow: 1px 1px 50px 0px #000000;
}

.page--light .module__title, .page--light .module__description {
  color: #000000;
}

.page--light .mainContainer__form {
  background: #ffd200;
}

.page--light .galleryList__item:after {
  background: rgba(0, 0, 0, 0.8);
}

.page--light .contentBlock .styledTable td, .page--light .contentBlock .styledTable th {
  border-bottom: 1px solid #000000;
  color: #000000;
}

.page--light .sidebarMenu__title {
  border-color: #000000;
}

.page--light .sidebarMenu .sidebarMenu__title + .sidebarMenu__list li {
  color: #000000;
  border-color: #000000;
}

.page--light .breadcrumbs__breads li.active {
  color: #000000;
}

.page--big .header__center a {
  transition: all 0.4s ease-in-out;
  font-size: 1.3020833333vw;
}

.page--big .header__rightLogin--item {
  transition: all 0.4s ease-in-out;
  font-size: 1.0416666667vw;
}

.page--big .header__languages {
  transition: all 0.4s ease-in-out;
  font-size: 1.3020833333vw;
}

.page--big .oneNews__tit {
  font-size: 1.1979166667vw;
}

.page--big .oneNews__text {
  font-size: 0.9375vw;
}

.page--big .oneNews__content-text {
  height: 10vw;
}

.page--big .sliderHome__inner--title {
  transition: all 0.4s ease-in-out;
  font-size: 4.84375vw;
}

.page--big .sliderHome__inner--subtitle {
  transition: all 0.4s ease-in-out;
  font-size: 1.9791666667vw;
}

.page--big .advantages__left--title, .page--big .advantages__right--title {
  transition: all 0.4s ease-in-out;
  font-size: 2.2395833333vw;
}

.page--big .sidebarMenu .sidebarMenu__title + .sidebarMenu__list > li {
  font-size: 20px;
}

.page--big .contentBlock table td, .page--big .contentBlock table th,
.page--big .contentBlock .styledTable tbody tr:first-child td, .page--big .contentBlock .styledTable tbody tr:first-child th {
  font-size: 0.9895833333vw;
}

.page--big .contentBlock {
  font-size: 1.0416666667vw;
}

.page--big .contentBlock h2 {
  font-size: 1.5625vw;
}

.page--big .module__descrition {
  font-size: 0.9375vw;
}

.page--big .eventsCalendar__text-content {
  font-size: 0.9895833333vw;
}

.page--big .breadcrumbs li {
  font-size: 0.9375vw;
  transition: all 0.4s ease-in-out;
}

.page--big .breadcrumbs__name {
  font-size: 0.9375vw;
  transition: all 0.4s ease-in-out;
}

.page--big .textLeft__title {
  font-size: 2.65625vw;
  transition: all 0.4s ease-in-out;
}

.page--big .textRight__text {
  font-size: 2.03125vw;
  transition: all 0.4s ease-in-out;
}

.page--big .footer__leftTop--btn {
  transition: all 0.4s ease-in-out;
  color: #ec6b10;
  background: #f4f4f4;
  border-radius: 5px;
  font-size: 17px;
  width: 220px;
  height: 40px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #ec6b10;
}

.page--big .footer__leftTop--btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  background: #f4f4f4;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

@media screen and (min-width: 1024px) {
  .page--big .footer__leftTop--btn {
    font-size: 0.8854166667vw;
    height: 2.0833333333vw;
    width: 11.4583333333vw;
    border-radius: 0.2604166667vw;
  }
}

.page--big .footer__leftTop--btn:focus, .page--big .footer__leftTop--btn:hover, .page--big .footer__leftTop--btn:active {
  background: #ec6b10;
  color: #f4f4f4;
}

.page--big .footer__leftTop--btn:focus::before, .page--big .footer__leftTop--btn:hover::before, .page--big .footer__leftTop--btn:active::before {
  transform: rotate3d(0, 0, 1, 0deg);
  background: #ec6b10;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.page--big .footer__leftBottom {
  transition: all 0.4s ease-in-out;
  font-size: 1.0416666667vw;
}

.page--big .footer__menuBottomNaviContent a {
  transition: all 0.4s ease-in-out;
  font-size: 1.1979166667vw;
}

.page--big h3 {
  transition: all 0.4s ease-in-out;
  font-size: 1.71875vw;
}

.page--big p {
  transition: all 0.4s ease-in-out;
  font-size: 1.3020833333vw;
}

/*# sourceMappingURL=front.css.map */