@import 'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css';
@import 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,800;1,200;1,400;1,500;1,600&family=Noto+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500&display=swap';
@import 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.3/swiper-bundle.min.css';
:root {
  --blue: #0C4277;
  --blue-80: #0C4277cc;
  --blue-dark: #082B4B;
  --dark: #0F2235;
  --dark-80: #0F2235cc;
  --white: #fff;
  --white-80: #fffc;
  --light: #DCECFF;
  --light-blue: #73C4FF;
  --ac: #007FDB;
  --ac-60: #007FDB99;
  --ac-red: #F80031;
  --ac-yellow: #fc0;
  --ac-green: #34C759;
  --bg: #FEFEFE;
  --bg-grey: #F3F9FF;
  --bg-gradient: linear-gradient(0deg, #040E13 1%, #0D4883 98%);
  --modal-bg: #0F223544;
  --time: .3s;
  --bigTime: .5s;
  --rad: .8rem;
  --rad-m: 1.2rem;
  --rad-l: 1.6rem;
  --fw-med: 500;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
html {
  overflow-x: hidden;
  width: 100%;
  background: var(--bg);
  font-size: 2.5vw;
}
@media (min-width: 768px) {
  html {
    font-size: 1.25vw;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 10px;
  }
}
html._menu-open {
  overflow: hidden;
}
@media (min-width: 992px) {
  html._menu-open {
    overflow: visible;
  }
}
html._modal-open {
  overflow: hidden;
}
html._modal-open .roistat-lh-wrap,
html._modal-open .roistat-lh-popup {
  transform: rotateY(90deg) scale(0) !important;
}
@media (min-width: 992px) {
  html._modal-open {
    width: calc(100vw - 1rem);
  }
}

body {
  font: 400 1.4rem/1.7rem "Montserrat", sans-serif;
  color: var(--blue);
  background: var(--bg);
  display: flex;
  overflow-x: clip;
  overflow-y: visible;
  width: 40rem;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  body {
    font-size: 1.8rem;
    line-height: 2.2rem;
    width: 80rem;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 1.8rem;
    line-height: 2.2rem;
    width: auto;
  }
}
body::-webkit-scrollbar {
  width: 1rem;
}
body::-webkit-scrollbar-track {
  background: var(--light);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--ac);
}
body.compensate-for-scrollbar {
  margin-right: 0;
}

::selection {
  color: var(--white);
  background: var(--ac);
}

.head {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  padding: 1.2rem 1rem 1.1rem;
  background: var(--white);
  border-bottom: 0.1rem solid var(--light);
  display: grid;
  grid-template: auto/5.2rem auto 5.2rem;
  height: 7.6rem;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .head {
    height: 9.3rem;
    padding: 1.2rem 1.6rem 1.1rem;
    grid-template: auto/21rem 1fr 4rem;
    gap: 0 3.2rem;
  }
}
@media (min-width: 992px) {
  .head {
    padding: 1.2rem 0;
    grid-template: auto/21rem 1fr auto;
    width: 136rem;
    left: 50%;
    right: auto;
    margin-left: -68rem;
    border-bottom: none;
    background: none;
  }
}
@media (min-width: 992px) {
  ._modal-open .head {
    margin-left: -68.5rem;
  }
}
@media (min-width: 992px) {
  .head:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: var(--white);
    border-bottom: 0.1rem solid var(--light);
    z-index: -1;
  }
}
.head__main {
  display: block;
  width: 16.2rem;
  grid-area: 1/2/2/3;
  justify-self: center;
  align-self: center;
}
@media (min-width: 768px) {
  .head__main {
    grid-area: 1/1/2/2;
    justify-self: flex-start;
    width: 21rem;
  }
}
.head__logo {
  display: block;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.head__logo._min {
  display: block;
}
@media (min-width: 768px) {
  .head__logo._min {
    display: none;
  }
}
.head__logo._max {
  display: none;
}
@media (min-width: 768px) {
  .head__logo._max {
    display: block;
  }
}
.head__menu {
  position: relative;
  grid-area: 1/3/2/4;
  align-self: center;
  justify-self: flex-end;
}
@media (min-width: 992px) {
  .head__menu {
    justify-self: center;
    grid-area: 1/2/2/3;
  }
}
.head__call {
  grid-area: 1/1/2/2;
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  align-items: stretch;
}
@media (min-width: 768px) {
  .head__call {
    grid-area: 1/2/2/3;
    align-self: center;
    flex-direction: column;
    align-items: flex-end;
    justify-self: flex-end;
    width: auto;
    height: auto;
    gap: 0.8rem;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .head__call {
    grid-area: 1/3/2/4;
  }
}
.head__phone {
  font-size: 0;
  line-height: 0;
  border-radius: var(--rad);
  background: var(--ac);
  display: block;
  flex-grow: 1;
  text-decoration: none;
  background: var(--ac) url("../img/icons/contact.svg") center center/1.8rem no-repeat;
}
@media (min-width: 768px) {
  .head__phone {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--blue);
    background: none;
  }
}
.head__callMe {
  display: none;
}
@media (min-width: 768px) {
  .head__callMe {
    height: 3.4rem;
    padding-right: 4.4rem;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--ac);
    transition: color var(--time);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .head__callMe:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.7rem;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    background: var(--ac) url("../img/icons/contact.svg") center center/1.8rem no-repeat;
    transition: background-color var(--time);
  }
}
@media (min-width: 992px) {
  .head__callMe:hover {
    color: var(--ac-red);
  }
  .head__callMe:hover:before {
    background-color: var(--ac-red);
  }
}
@media (min-width: 992px) {
  .head__callMe:active {
    color: var(--blue);
  }
  .head__callMe:active:before {
    background-color: var(--blue);
  }
}
.head__tel {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: var(--blue);
  text-decoration: none;
  gap: 1.2rem;
  align-items: center;
  display: none;
}
@media (min-width: 768px) {
  .head__tel {
    display: flex;
    margin: 0 3.2rem 0 auto;
  }
}
@media (min-width: 992px) {
  .head__tel {
    margin: 0;
  }
}
.head__tel:before {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: var(--ac) url("../img/icons/contact.svg") center center/100% no-repeat;
}

@media (min-width: 768px) {
  .menu {
    order: 1;
  }
}
@media (min-width: 992px) {
  .menu {
    order: unset;
  }
}
.menu__burger {
  font-size: 0;
  line-height: 0;
  width: 4rem;
  height: 4rem;
}
@media (min-width: 992px) {
  .menu__burger {
    display: none;
  }
}
.menu__burger:before, .menu__burger:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.2rem;
  width: 4rem;
  margin: -0.1rem 0 0 -2rem;
  border-radius: 0.2rem;
  background: var(--ac);
  transition: transform var(--bigTime), box-shadow var(--bigTime);
}
.menu__burger:before {
  box-shadow: 0 -1rem 0 0 var(--ac);
}
._menu-open .menu__burger:before {
  box-shadow: 0 0 0 0 var(--ac);
  transform: rotate(45deg);
}
.menu__burger:after {
  box-shadow: 0 1rem 0 0 var(--ac);
}
._menu-open .menu__burger:after {
  box-shadow: 0 0 0 0 var(--ac);
  transform: rotate(-45deg);
}
.menu__overlay {
  position: fixed;
  width: 100%;
  top: 7.6rem;
  box-sizing: border-box;
  height: calc(100vh - 7.6rem);
  left: 100%;
  transition: left var(--bigTime), background-color var(--bigTime);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .menu__overlay {
    top: 9.3rem;
    height: calc(100vh - 9.3rem);
    transition: left 0s var(--bigTime), background-color var(--bigTime);
  }
}
@media (min-width: 992px) {
  .menu__overlay {
    position: static;
    width: auto;
    height: auto;
    transition: none;
  }
}
._menu-open .menu__overlay {
  left: 0;
  background: var(--modal-bg);
}
@media (min-width: 768px) {
  ._menu-open .menu__overlay {
    transition: left 0s, background-color var(--bigTime);
  }
}
@media (min-width: 992px) {
  ._menu-open .menu__overlay {
    background: none;
  }
}
.menu__box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex-grow: 1;
  padding: 6rem 1rem;
  background: var(--white);
}
@media (min-width: 768px) {
  .menu__box {
    padding: 8rem 1.6rem 2rem;
    width: 50%;
    margin-left: 100%;
    transition: margin-left var(--bigTime);
  }
}
@media (min-width: 992px) {
  .menu__box {
    padding: 0;
    width: auto;
    margin-left: 0;
    transition: none;
  }
}
@media (min-width: 768px) {
  ._menu-open .menu__box {
    margin-left: 50%;
  }
}
@media (min-width: 992px) {
  ._menu-open .menu__box {
    margin-left: 0;
  }
}
.menu__list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 768px) {
  .menu__list {
    gap: 4rem;
  }
}
@media (min-width: 992px) {
  .menu__list {
    flex-direction: row;
    gap: 3rem;
  }
}
.menu__item {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: var(--blue);
  text-decoration: none;
  transition: color var(--time);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .menu__item:hover {
    color: var(--ac-red);
  }
  .menu__item:active {
    color: var(--blue);
  }
}

.content {
  margin-top: 7.6rem;
}
@media (min-width: 768px) {
  .content {
    margin-top: 9.3rem;
  }
}

.foot {
  padding: 4rem 1rem 1.5rem;
  color: var(--white);
  background: var(--dark);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .foot {
    padding: 6rem 1.6rem 4rem;
    display: grid;
    grid-template: repeat(3, auto)/repeat(2, 1fr);
    gap: 0 1.6rem;
  }
}
@media (min-width: 992px) {
  .foot {
    padding: 6rem 0 3rem;
    width: 136rem;
    margin: 0 auto;
    grid-template: repeat(3, auto)/43.2rem auto;
    gap: 0 3.2rem;
  }
}
@media (min-width: 992px) {
  .foot:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background: var(--dark);
    z-index: -1;
  }
}
.foot__logo {
  display: block;
  width: 21rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .foot__logo {
    grid-area: 1/1/2/2;
    align-self: flex-start;
    justify-self: flex-start;
  }
}
@media (min-width: 768px) {
  .foot__contacts {
    grid-area: 2/1/2/2;
    align-self: flex-start;
    justify-self: flex-start;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3rem;
  }
}
.foot__division {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .foot__division {
    margin-bottom: 0;
  }
}
.foot__h4.t-title, .foot__h4.b2b16__question, .foot__h4.b2b13__name, .foot__h4.b2b12__reviewsBox, .foot__h4.b2b02__dt {
  margin-bottom: 2rem;
}
.foot__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.foot__item {
  padding-left: 4.4rem;
  min-height: 3.4rem;
  position: relative;
}
.foot__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--ac);
  width: 3.4rem;
  height: 3.4rem;
}
.foot__item._place:before {
  mask: url(../img/icons/footerPlace.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/footerPlace.svg) center center/100% no-repeat;
}
.foot__item._phone {
  display: flex;
  align-items: center;
}
.foot__item._phone:before {
  mask: url(../img/icons/footerPhone.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/footerPhone.svg) center center/100% no-repeat;
}
.foot__item._email {
  display: flex;
  align-items: center;
}
.foot__item._email:before {
  mask: url(../img/icons/footerEmail.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/footerEmail.svg) center center/100% no-repeat;
}
.foot__contact {
  text-decoration: none;
  color: var(--white);
}
.foot__socials {
  display: flex;
  gap: 1.5rem;
}
.foot__social {
  font-size: 0;
  line-height: 0;
  position: relative;
  border-radius: 50%;
  background: var(--ac);
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  transition: background-color var(--time);
}
.foot__social:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--white);
}
.foot__social._tg:before {
  mask: url(../img/icons/socials/tg.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/tg.svg) center center/100% no-repeat;
}
.foot__social._vk:before {
  mask: url(../img/icons/socials/vk.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/vk.svg) center center/100% no-repeat;
}
.foot__social._yt:before {
  mask: url(../img/icons/socials/yt.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/yt.svg) center center/100% no-repeat;
}
.foot__social._vc:before {
  mask: url(../img/icons/socials/vc.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/vc.svg) center center/100% no-repeat;
}
.foot__social._ok:before {
  mask: url(../img/icons/socials/ok.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/ok.svg) center center/100% no-repeat;
}
.foot__social._dz:before {
  mask: url(../img/icons/socials/dz.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/socials/dz.svg) center center/100% no-repeat;
}
.foot__social:active {
  background: var(--ac-red);
}
@media (min-width: 992px) {
  .foot__social:hover {
    background: var(--ac-red);
  }
  .foot__social:active {
    background: var(--blue);
  }
}
.foot__formName {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .foot__formName {
    grid-area: 1/2/2/3;
    align-self: flex-start;
    justify-self: flex-start;
    margin-bottom: 3rem;
  }
}
.foot__h3.t-title, .foot__h3.b2b16__question, .foot__h3.b2b13__name, .foot__h3.b2b12__reviewsBox, .foot__h3.b2b02__dt {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .foot__h3.t-title, .foot__h3.b2b16__question, .foot__h3.b2b13__name, .foot__h3.b2b12__reviewsBox, .foot__h3.b2b02__dt {
    margin-bottom: 1rem;
  }
}
.foot__form {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  .foot__form {
    gap: 1.5rem;
    grid-template: 2/2/3/3;
    align-self: flex-start;
    justify-self: stretch;
    margin-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  .foot__form {
    display: grid;
    grid-area: repeat(5, auto)/repeat(2, 1fr);
    gap: 1.5rem 3.2rem;
  }
}
.foot__form:before, .foot__form:after {
  content: "";
  position: absolute;
  z-index: -3;
  opacity: 0;
  transition: opacity var(--time);
}
.foot__form:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--dark-80);
  opacity: 0.8;
}
.foot__form:after {
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  margin: -5rem 0 0 -5rem;
  background: var(--white);
  mask: url(../img/modal/preload.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/modal/preload.svg) center center/100% no-repeat;
}
.foot__form._preload:before, .foot__form._preload:after {
  z-index: 2;
  opacity: 1;
}
@media (min-width: 992px) {
  .foot__label._textarea {
    grid-area: 1/2/4/3;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .foot__label._textarea .t-textarea {
    flex-grow: 1;
    max-height: none;
    justify-self: stretch;
    align-self: stretch;
  }
}
.foot__submitBox {
  margin: 1.5rem 0 0.5rem;
}
@media (min-width: 768px) {
  .foot__submitBox {
    margin: 1rem 0 0;
  }
}
@media (min-width: 992px) {
  .foot__submitBox {
    margin: 1rem 0 1.5rem;
    grid-area: 4/1/5/3;
  }
}
.foot__check {
  align-self: flex-start;
}
@media (min-width: 992px) {
  .foot__check {
    grid-area: 5/1/6/3;
    justify-self: flex-start;
  }
}
.foot__complete {
  display: none;
  margin-bottom: 4rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .foot__complete {
    grid-area: 1/2/3/3;
    margin-bottom: 5rem;
    align-self: center;
    justify-self: stretch;
  }
}
.foot__complete:before {
  content: "";
  display: block;
  margin: 0 auto 3rem;
  width: 11.4rem;
  height: 8.2rem;
  background: url("../img/modal/infoModalOkDark.svg") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .foot__complete:before {
    margin-bottom: 4rem;
  }
}
.foot__completeName {
  text-align: center;
  margin-bottom: 1rem;
}
.foot__completeDesc {
  text-align: center;
  margin-bottom: 2.5rem;
}
.foot__completeButton.t-button {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
.foot__bottom {
  border-top: 0.1rem solid rgba(220, 236, 255, 0.2);
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .foot__bottom {
    grid-area: 3/1/4/3;
    align-self: flex-start;
    justify-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.foot__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .foot__links {
    gap: 1rem;
  }
}
.foot__link {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  color: var(--light);
  cursor: pointer;
  transition: color var(--time);
}
@media (min-width: 992px) {
  .foot__link:hover {
    color: var(--ac);
  }
}
.foot__copy {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--light);
}
.foot span {
  display: inline-block;
}
.foot span .link_medium {
  color: var(--white);
  font-weight: var(--fw-med);
}
.foot span .link_medium:hover {
  color: var(--ac);
}

.modal {
  position: fixed;
  z-index: 1000;
  background: rgba(15, 34, 53, 0.4509803922);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal::-webkit-scrollbar {
  width: 1rem;
}
.modal::-webkit-scrollbar-track {
  background: var(--light);
}
.modal::-webkit-scrollbar-thumb {
  background-color: var(--ac);
}
.modal.compensate-for-scrollbar {
  margin-right: 0;
}
.modal__template {
  display: grid;
  width: 100%;
  min-height: 100vh;
  grid-template: minmax(4.6rem, 1fr) auto minmax(1.6rem, 1fr)/minmax(0.5rem, 1fr) auto minmax(0.5rem, 1fr);
}
@media (min-width: 768px) {
  .modal__template {
    grid-template: minmax(5.2rem, 1fr) auto minmax(3.2rem, 1fr)/minmax(1.6rem, 1fr) auto minmax(1.6rem, 1fr);
  }
}
@media (min-width: 992px) {
  .modal__template {
    grid-template: minmax(6.4rem, 1fr) auto minmax(6.4rem, 1fr)/1fr auto 1fr;
  }
}
.modal__container {
  position: relative;
  grid-area: 2/2/3/3;
}
.modal__close {
  position: relative;
  font-size: 0;
  line-height: 0;
  width: 3.6rem;
  height: 3.6rem;
  margin: -3.6rem 0 0 auto;
  cursor: pointer;
}
@media (min-width: 992px) {
  .modal__close {
    margin: 0 -5.2rem -3.6rem auto;
  }
}
.modal__close:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.modal__close:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  mask: url(../img/icons/cross.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/cross.svg) center center/100% no-repeat;
  transition: background-color 0s 0s;
}
.modal:has(._opened) .modal__close:after {
  transition: background-color var(--time) var(--time);
  background: var(--white);
}
.modal__block {
  display: none;
  background: var(--white);
  padding: 6rem 1rem;
  width: 100%;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--rad-l);
}
@media (min-width: 992px) {
  .modal__block {
    min-width: 76.8rem;
    max-width: 120rem;
  }
}
.modal__block._opened {
  display: block;
}

.formModal {
  position: relative;
}
.formModal.modal__block {
  width: 38rem;
  padding: 5.6rem 1rem 8rem;
  background: var(--white) url("../img/modal/infoModalBgMobile.svg") right bottom/20.7rem no-repeat;
}
@media (min-width: 768px) {
  .formModal.modal__block {
    background: var(--white) url("../img/modal/infoModalBgBig.svg") right bottom/45.5rem no-repeat;
    width: 76.8rem;
    padding: 6rem 16rem 8.4rem;
  }
}
.formModal:before, .formModal:after {
  content: "";
  position: absolute;
  z-index: -3;
  opacity: 0;
  transition: opacity var(--time);
}
.formModal:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--white-80);
  border-radius: var(--rad-l);
}
.formModal:after {
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  margin: -5rem 0 0 -5rem;
  background: var(--blue);
  mask: url(../img/modal/preload.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/modal/preload.svg) center center/100% no-repeat;
}
.formModal._preload:before, .formModal._preload:after {
  z-index: 2;
  opacity: 1;
}
.formModal__title.t-title, .formModal__title.b2b16__question, .formModal__title.b2b13__name, .formModal__title.b2b12__reviewsBox, .formModal__title.b2b02__dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
.formModal__title.t-title:before, .formModal__title.b2b16__question:before, .formModal__title.b2b13__name:before, .formModal__title.b2b12__reviewsBox:before, .formModal__title.b2b02__dt:before {
  content: "";
  width: 11.4rem;
  height: 8.2rem;
  background: center center/100% no-repeat;
}
._day .formModal__title.t-title:before, ._day .formModal__title.b2b16__question:before, ._day .formModal__title.b2b13__name:before, ._day .formModal__title.b2b12__reviewsBox:before, ._day .formModal__title.b2b02__dt:before {
  background-image: url("../img/modal/infoModalDay.svg");
}
._night .formModal__title.t-title:before, ._night .formModal__title.b2b16__question:before, ._night .formModal__title.b2b13__name:before, ._night .formModal__title.b2b12__reviewsBox:before, ._night .formModal__title.b2b02__dt:before {
  background-image: url("../img/modal/infoModalNight.svg");
}
._ok .formModal__title.t-title:before, ._ok .formModal__title.b2b16__question:before, ._ok .formModal__title.b2b13__name:before, ._ok .formModal__title.b2b12__reviewsBox:before, ._ok .formModal__title.b2b02__dt:before {
  background-image: url("../img/modal/infoModalOk.svg");
}
.formModal__desc {
  text-align: center;
}
.formModal__form {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .formModal__form {
    gap: 2rem;
  }
}
.formModal__label {
  display: block;
}
.formModal__submitBox {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .formModal__submitBox {
    margin-top: 1rem;
  }
}
.formModal__check {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .formModal__check {
    margin-top: 1rem;
  }
}
.formModal span {
  display: inline-block;
}
.formModal span .link-form {
  color: var(--blue);
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: var(--fw-med);
}
.formModal span .link-form:hover {
  color: var(--ac-red);
}

.t-section {
  padding: 3rem 1rem;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .t-section {
    padding: 6rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .t-section {
    padding: 6rem 0;
    max-width: 136rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.t-title, .b2b16__question, .b2b13__name, .b2b12__reviewsBox, .b2b02__dt {
  margin: 0;
  cursor: default;
  text-transform: uppercase;
  font-weight: 600;
}
.t-title._h1, ._h1.b2b16__question, ._h1.b2b13__name, ._h1.b2b12__reviewsBox, ._h1.b2b02__dt {
  font-size: 2.2rem;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .t-title._h1, ._h1.b2b16__question, ._h1.b2b13__name, ._h1.b2b12__reviewsBox, ._h1.b2b02__dt {
    font-size: 4.2rem;
    line-height: 5rem;
  }
}
.t-title._h2, ._h2.b2b16__question, ._h2.b2b13__name, ._h2.b2b12__reviewsBox, ._h2.b2b02__dt {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
@media (min-width: 768px) {
  .t-title._h2, ._h2.b2b16__question, ._h2.b2b13__name, ._h2.b2b12__reviewsBox, ._h2.b2b02__dt {
    font-size: 3.6rem;
    line-height: 4.2rem;
  }
}
@media (min-width: 992px) {
  .t-title._h2, ._h2.b2b16__question, ._h2.b2b13__name, ._h2.b2b12__reviewsBox, ._h2.b2b02__dt {
    font-size: 4rem;
    line-height: 4.6rem;
  }
}
.t-title._h3, ._h3.b2b16__question, ._h3.b2b13__name, .b2b12__reviewsBox, ._h3.b2b02__dt {
  font-size: 2rem;
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .t-title._h3, ._h3.b2b16__question, ._h3.b2b13__name, .b2b12__reviewsBox, ._h3.b2b02__dt {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}
.t-title._h4, .b2b16__question, .b2b13__name, ._h4.b2b12__reviewsBox, .b2b02__dt {
  font-size: 1.6rem;
  line-height: 1.9rem;
}
@media (min-width: 768px) {
  .t-title._h4, .b2b16__question, .b2b13__name, ._h4.b2b12__reviewsBox, .b2b02__dt {
    font-size: 2rem;
    line-height: 2.3rem;
  }
}

.t-button {
  outline: none;
  appearance: none;
  border-radius: var(--rad);
  background: var(--ac);
  color: var(--white);
  width: 100%;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: none;
  padding: 1.2rem 3rem;
  min-height: 5.2rem;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color var(--time), border-radius var(--time), opacity var(--time);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.t-button:active {
  background: var(--ac-red);
  border-radius: var(--rad-l);
}
@media (min-width: 992px) {
  .t-button {
    min-height: 6.2rem;
  }
  .t-button:hover {
    background: var(--ac-red);
    border-radius: var(--rad-l);
  }
  .t-button:active {
    background: var(--blue);
  }
}
.t-button._wide {
  min-height: 4.8rem;
}
.t-button._disabled, .t-button[disabled], ._disabled .t-button {
  cursor: default;
  opacity: 0.4;
  background: var(--blue);
  border-radius: var(--rad);
}
.t-button._next {
  color: var(--ac);
  align-self: center;
  text-transform: uppercase;
  min-height: 4.8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  padding: 0.5rem 3rem;
  transition: color var(--time), gap var(--time);
  gap: 1rem;
  background: none;
  border-radius: 0;
}
.t-button._next:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: var(--ac);
  mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
  transition: background-color var(--time);
}
.t-button._next:active {
  color: var(--ac-red);
  gap: 1.4rem;
}
.t-button._next:active:after {
  background-color: var(--ac-red);
}
@media (min-width: 992px) {
  .t-button._next {
    min-height: 4.8rem;
  }
  .t-button._next:hover {
    color: var(--ac-red);
    gap: 1.4rem;
  }
  .t-button._next:hover:after {
    background-color: var(--ac-red);
  }
  .t-button._next:active {
    color: var(--blue);
  }
  .t-button._next:active:after {
    background-color: var(--blue);
  }
}

.t-input {
  height: 4.8rem;
  font: 400 1.4rem/1.7rem "Montserrat", sans-serif;
  color: var(--blue);
  box-sizing: border-box;
  display: block;
  border-radius: var(--rad);
  padding: 1.5rem;
  appearance: none;
  outline: none;
  width: 100%;
  border: 0.1rem solid var(--light-blue);
  transition: border-color var(--time);
}
@media (min-width: 768px) {
  .t-input {
    height: 5.4rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.t-textarea {
  min-height: 18rem;
  max-height: 18rem;
  overflow: auto;
  resize: none;
  color: var(--blue);
  box-sizing: border-box;
  font: 400 1.4rem/1.7rem "Montserrat", sans-serif;
  border-radius: var(--rad);
  padding: 1.6rem 1.5rem;
  appearance: none;
  outline: none;
  width: 100%;
  display: block;
  border: 0.1rem solid var(--light-blue);
  transition: border-color var(--time);
}
@media (min-width: 768px) {
  .t-textarea {
    height: 5.4rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.t-select {
  display: block;
  position: relative;
  background-color: var(--white);
  border-radius: var(--rad);
}
.t-select:before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0;
  top: 50%;
  right: 1.5rem;
  background: var(--blue);
  mask: url(../img/icons/angle.svg) center center/2rem no-repeat;
  -webkit-mask: url(../img/icons/angle.svg) center center/2rem no-repeat;
}
.t-select__control {
  display: block;
  height: 6rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--rad);
  border: none;
  outline: none;
  appearance: none;
  padding: 0 1.5rem;
  cursor: pointer;
  position: relative;
  background: none;
}
@media (min-width: 768px) {
  .t-select__control {
    height: 7rem;
  }
}

.t-checkRadio {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.t-checkRadio__input {
  position: absolute;
  top: 50%;
  border: none;
  padding: 0;
  background: none;
  opacity: 0;
}
.t-checkRadio__input[type=checkbox] {
  left: 0.1rem;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0;
}
.t-checkRadio__input[type=radio] {
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  margin: -0.7rem 0 0;
}
.t-checkRadio__desc {
  font-size: 1.4rem;
  line-height: 1.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color var(--time);
  display: flex;
  position: relative;
  align-items: center;
}
@media (min-width: 768px) {
  .t-checkRadio__desc {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
._small .t-checkRadio__desc {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.t-checkRadio__desc:before, .t-checkRadio__desc:after {
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
}
.t-checkRadio__input[type=checkbox] + .t-checkRadio__desc {
  min-height: 2.2rem;
  padding-left: 3.2rem;
}
.t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:before {
  border: 0.1rem solid var(--blue);
  border-radius: 0.2rem;
  transition: border-color var(--time);
  margin-top: -1rem;
  left: 0.1rem;
  width: 2rem;
  height: 2rem;
}
._top .t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:before {
  top: 0.1rem;
  margin-top: 0;
}
._white .t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:before {
  border-color: var(--white);
}
.t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:after {
  background: var(--blue);
  mask: url(../img/icons/miniOk.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/miniOk.svg) center center/100% no-repeat;
  transition: opacity var(--time);
  margin-top: -1rem;
  left: 0.1rem;
  width: 2rem;
  height: 2rem;
  opacity: 0;
}
._top .t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:after {
  top: 0.1rem;
  margin-top: 0;
}
._white .t-checkRadio__input[type=checkbox] + .t-checkRadio__desc:after {
  background: var(--white);
}
.t-checkRadio__input[type=radio] + .t-checkRadio__desc {
  padding-left: 2.4rem;
}
.t-checkRadio__input[type=radio] + .t-checkRadio__desc:before {
  border: 0.1rem solid var(--light-blue);
  border-radius: 50%;
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
}
._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:before {
  top: 0.2rem;
  margin-top: 0;
}
@media (min-width: 768px) {
  ._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:before {
    top: 0.4rem;
  }
}
._small ._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:before {
  top: 0.2rem;
}
._white .t-checkRadio__input[type=radio] + .t-checkRadio__desc:before {
  border-color: var(--white);
}
.t-checkRadio__input[type=radio] + .t-checkRadio__desc:after {
  left: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
  background: var(--blue);
  transition: opacity var(--time);
  border-radius: 50%;
  opacity: 0;
}
._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:after {
  top: 0.5rem;
}
@media (min-width: 768px) {
  ._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:after {
    top: 0.7rem;
  }
}
._small ._top .t-checkRadio__input[type=radio] + .t-checkRadio__desc:after {
  top: 0.5rem;
}
._white .t-checkRadio__input[type=radio] + .t-checkRadio__desc:after {
  background: var(--white);
}
.t-checkRadio__input:checked + .t-checkRadio__desc:after {
  opacity: 1;
}

.t-color-ac {
  color: var(--ac);
}

.t-bold {
  font-weight: 600;
}

.t-extraBold {
  font-weight: 800;
}

.t-big, .b2b12__reviewsName {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media (min-width: 768px) {
  .t-big, .b2b12__reviewsName {
    font-size: 2.2rem;
    line-height: 2.7rem;
  }
}
@media (min-width: 992px) {
  .t-big, .b2b12__reviewsName {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
}

.t-simple {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 400;
  text-transform: none;
}
@media (min-width: 768px) {
  .t-simple {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}

.t-par {
  margin: 0;
}
.t-par:not(:last-child) {
  margin-bottom: 1em;
}

.t-nobr {
  white-space: nowrap;
}

.t-tag {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .t-tag {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.t-slider-arrow {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--light);
  position: relative;
  transition: background-color var(--time), opacity var(--time);
  overflow: hidden;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.t-slider-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--blue);
  mask: url(../img/icons/arrow.svg) center center/2rem no-repeat;
  -webkit-mask: url(../img/icons/arrow.svg) center center/2rem no-repeat;
  transition: background-color var(--time);
}
.t-slider-arrow:hover {
  background: var(--ac);
}
.t-slider-arrow:hover:before {
  background: var(--white);
}
.t-slider-arrow._prev:before {
  transform: rotateY(180deg);
}
.t-slider-arrow.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.b18.t-section {
  padding: 6rem 1rem;
}
@media (min-width: 768px) {
  .b18.t-section {
    padding: 6rem 1.6rem 12rem;
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .b18.t-section {
    padding: 6rem 0 12rem;
  }
}
.b18__top {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b18__top {
    margin-bottom: 4rem;
  }
}
.b18__title.t-title, .b18__title.b2b16__question, .b18__title.b2b13__name, .b18__title.b2b12__reviewsBox, .b18__title.b2b02__dt {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .b18__title.t-title, .b18__title.b2b16__question, .b18__title.b2b13__name, .b18__title.b2b12__reviewsBox, .b18__title.b2b02__dt {
    margin-bottom: 2rem;
  }
}
.b18__container {
  display: grid;
  grid-template: auto 1.6rem 30rem/1fr;
  overflow: hidden;
  border-radius: var(--rad-l);
}
@media (min-width: 768px) {
  .b18__container {
    grid-template: auto/1fr repeat(3, 1.6rem) 1fr;
  }
}
@media (min-width: 992px) {
  .b18__container {
    grid-template: auto/1fr 1.6rem 3.2rem 1.6rem 1fr;
  }
}
.b18__content {
  background: var(--ac);
  color: var(--white);
  border-radius: var(--rad-l);
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1.5rem;
  box-sizing: border-box;
  grid-area: 1/1/3/2;
  min-height: 38rem;
}
@media (min-width: 768px) {
  .b18__content {
    padding: 4rem 2rem;
    gap: 3rem;
    grid-area: 1/1/2/3;
    min-height: 50rem;
  }
}
@media (min-width: 992px) {
  .b18__content {
    padding: 4rem;
  }
}
.b18__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .b18__info {
    gap: 3rem;
  }
}
.b18__el {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .b18__el {
    gap: 1.5rem;
  }
}
.b18__keys {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .b18__keys {
    gap: 1rem;
  }
}
.b18__link {
  color: var(--white);
  text-decoration: none;
}
@media (min-width: 768px) {
  .b18__link {
    transition: text-decoration-color var(--time);
    text-decoration: underline transparent;
  }
  .b18__link:hover {
    cursor: pointer;
    text-decoration: underline;
  }
}
.b18__map {
  position: relative;
  z-index: 1;
  grid-area: 2/1/4/2;
}
@media (min-width: 768px) {
  .b18__map {
    grid-area: 1/2/2/6;
  }
}
@media (min-width: 768px) {
  .b18__map [class*=copyrights-pane] {
    left: 2rem !important;
  }
}

.b2b01 {
  position: relative;
  /* cover_gradient */
}
.b2b01.t-section {
  padding: 8rem 1rem 8rem;
}
@media (min-width: 768px) {
  .b2b01.t-section {
    padding: 14.5rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b01.t-section {
    padding: 11rem 0 13rem;
    display: grid;
    grid-template-columns: 69.6rem 1fr;
    align-items: center;
    gap: 0 11.6rem;
  }
}
.b2b01:before, .b2b01:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
}
.b2b01:before {
  z-index: -2;
  background: linear-gradient(0deg, rgba(15, 34, 53, 0.8) -4.36%, rgba(15, 34, 53, 0.695391) 0.32%, rgba(15, 34, 53, 0.08) 11.26%, rgba(255, 255, 255, 0) 76.05%), linear-gradient(360deg, #040E13 11.51%, #0D4883 119.28%);
}
.b2b01:after {
  z-index: -1;
  background: url("../pic/b2b/b2b_01_bg_mobile.webp") bottom right/cover no-repeat;
}
@media (min-width: 768px) {
  .b2b01:after {
    background-image: url("../pic/b2b/b2b_01_bg_tablet.webp");
  }
}
@media (min-width: 992px) {
  .b2b01:after {
    background-image: url("../pic/b2b/b2b_01_bg_desktop.webp");
    background-position: right bottom;
    background-size: auto 100%;
  }
}
@media (min-width: 1920px) {
  .b2b01:after {
    background-size: 50%;
  }
}
@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2) {
  .b2b01:after {
    background-image: url("../pic/b2b/b2b_01_bg_retina.webp");
  }
}
.b2b01__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.b2b01__title.t-title, .b2b01__title.b2b16__question, .b2b01__title.b2b13__name, .b2b01__title.b2b12__reviewsBox, .b2b01__title.b2b02__dt {
  color: var(--white);
  margin-bottom: 1rem;
  font-size: 2.6rem;
  line-height: 3.2rem;
}
@media (min-width: 768px) {
  .b2b01__title.t-title, .b2b01__title.b2b16__question, .b2b01__title.b2b13__name, .b2b01__title.b2b12__reviewsBox, .b2b01__title.b2b02__dt {
    margin-bottom: 2rem;
    font-size: 4.2rem;
    line-height: 5rem;
  }
}
@media (min-width: 992px) {
  .b2b01__title.t-title, .b2b01__title.b2b16__question, .b2b01__title.b2b13__name, .b2b01__title.b2b12__reviewsBox, .b2b01__title.b2b02__dt {
    font-size: 4.8rem;
    line-height: 5.8rem;
  }
}
.b2b01__subTitle.t-title, .b2b01__subTitle.b2b16__question, .b2b01__subTitle.b2b13__name, .b2b01__subTitle.b2b12__reviewsBox, .b2b01__subTitle.b2b02__dt {
  color: var(--white);
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .b2b01__subTitle.t-title, .b2b01__subTitle.b2b16__question, .b2b01__subTitle.b2b13__name, .b2b01__subTitle.b2b12__reviewsBox, .b2b01__subTitle.b2b02__dt {
    margin-bottom: 4rem;
    max-width: 42.6rem;
  }
}
@media (min-width: 992px) {
  .b2b01__subTitle.t-title, .b2b01__subTitle.b2b16__question, .b2b01__subTitle.b2b13__name, .b2b01__subTitle.b2b12__reviewsBox, .b2b01__subTitle.b2b02__dt {
    max-width: none;
  }
}
.b2b01__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0;
  margin: 0 0 4.7rem;
  list-style: none;
  max-width: 28rem;
}
@media (min-width: 768px) {
  .b2b01__list {
    gap: 2rem;
    max-width: none;
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .b2b01__list {
    margin-bottom: 0;
  }
}
.b2b01__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 3.2rem;
  position: relative;
  color: var(--white);
}
@media (min-width: 768px) {
  .b2b01__item {
    gap: 0.8rem;
  }
}
@media (min-width: 992px) {
  .b2b01__item {
    flex-direction: row;
    align-items: center;
  }
}
.b2b01__item:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: var(--light-blue);
}
@media (min-width: 992px) {
  .b2b01__item:before {
    top: 50%;
    margin-top: -0.7rem;
  }
}
.b2b01__text {
  margin-bottom: 2.5rem;
  max-width: 27.2rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .b2b01__text {
    max-width: 37.6rem;
  }
}
@media (min-width: 992px) {
  .b2b01__text {
    display: none;
  }
}
@media (min-width: 768px) {
  .b2b01__button {
    width: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .b2b01__button {
    display: none;
  }
}
.b2b01__form {
  display: none;
}
@media (min-width: 992px) {
  .b2b01__form {
    display: block;
  }
}
.b2b01__form .formModal.modal__block {
  display: block;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 4rem;
}
.b2b01__tags {
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
  width: 100vw;
  margin-left: -1rem;
  height: 3rem;
}
@media (min-width: 768px) {
  .b2b01__tags {
    margin-left: -1.6rem;
    height: 3.6rem;
  }
}
@media (min-width: 992px) {
  .b2b01__tags {
    margin-left: calc(-1 * (50vw - 68rem));
  }
}
.b2b01__tagsLine {
  position: absolute;
  display: flex;
  gap: 1.4rem;
  left: 0;
  animation: moveTagsToLeft linear infinite 60s 0s;
}
@media (min-width: 768px) {
  .b2b01__tagsLine {
    gap: 3rem;
  }
}
@keyframes moveTagsToLeft {
  100% {
    transform: translateX(-50%);
  }
}
.b2b01__tag {
  white-space: nowrap;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  line-height: 3rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .b2b01__tag {
    line-height: 3.6rem;
    font-size: 1.6rem;
  }
}
.b2b01__tag:before {
  content: "";
  position: absolute;
  background-color: var(--white);
  top: 50%;
  left: -0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin: -0.2rem 0 0 -0.2rem;
}
@media (min-width: 768px) {
  .b2b01__tag:before {
    left: -1.5rem;
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 -0.3rem;
  }
}

.b2b02 {
  position: relative;
}
.b2b02.t-section {
  padding: 6rem 1rem;
}
@media (min-width: 768px) {
  .b2b02.t-section {
    padding: 12rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b02.t-section {
    padding: 12rem 0;
  }
}
.b2b02__title.t-title, .b2b02__title.b2b16__question, .b2b02__title.b2b13__name, .b2b02__title.b2b12__reviewsBox, .b2b02__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b02__title.t-title, .b2b02__title.b2b16__question, .b2b02__title.b2b13__name, .b2b02__title.b2b12__reviewsBox, .b2b02__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
.b2b02__dls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media (min-width: 992px) {
  .b2b02__dls {
    gap: 0 3.2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.b2b02__dl {
  padding-left: 5.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .b2b02__dl {
    padding-left: 6.8rem;
    max-width: 53.2rem;
  }
}
.b2b02__dl:before, .b2b02__dl:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.8rem;
}
.b2b02__dl:before {
  background: var(--ac);
}
.b2b02__dl:after {
  background: var(--white);
}
.b2b02__dl._dissatisfiedCustomers:after {
  mask: url(../img/icons/b2b/b2b02_1.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b02_1.svg) center center/100% no-repeat;
}
.b2b02__dl._evilInspector:after {
  mask: url(../img/icons/b2b/b2b02_2.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b02_2.svg) center center/100% no-repeat;
}
.b2b02__dl._dampnessAndMold:after {
  mask: url(../img/icons/b2b/b2b02_3.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b02_3.svg) center center/100% no-repeat;
}
.b2b02__tags {
  position: absolute;
  top: 0;
  right: 0;
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
  height: 3rem;
  width: 100vw;
  margin-right: -1rem;
}
@media (min-width: 768px) {
  .b2b02__tags {
    margin-right: -1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b02__tags {
    height: 3.6rem;
    margin-right: calc(-1 * (50vw - 68rem));
  }
}
.b2b02__tagsLine {
  position: absolute;
  display: flex;
  gap: 1.4rem;
  right: 0;
  animation: moveTagsToRight linear infinite 60s 0s;
}
@media (min-width: 768px) {
  .b2b02__tagsLine {
    gap: 3rem;
  }
}
@keyframes moveTagsToRight {
  100% {
    transform: translateX(50%);
  }
}
.b2b02__tag {
  white-space: nowrap;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 3rem;
  font-size: 1.4rem;
  color: var(--blue);
}
@media (min-width: 768px) {
  .b2b02__tag {
    line-height: 3.6rem;
    font-size: 1.6rem;
  }
}
.b2b02__tag:before {
  content: "";
  position: absolute;
  background-color: var(--blue);
  top: 50%;
  left: -0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin: -0.2rem 0 0 -0.2rem;
}
@media (min-width: 768px) {
  .b2b02__tag:before {
    left: -1.5rem;
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 -0.3rem;
  }
}

.b2b03.t-section {
  padding: 4rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b03.t-section {
    padding: 8rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b03.t-section {
    padding: 8rem 0 9.4rem;
  }
}
.b2b03.t-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--bg-gradient);
  z-index: -1;
}
.b2b03__top {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b03__top {
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .b2b03__top {
    display: flex;
    justify-content: space-between;
  }
}
.b2b03__title.t-title, .b2b03__title.b2b16__question, .b2b03__title.b2b13__name, .b2b03__title.b2b12__reviewsBox, .b2b03__title.b2b02__dt {
  color: var(--white);
}
@media (min-width: 992px) {
  .b2b03__title.t-title, .b2b03__title.b2b16__question, .b2b03__title.b2b13__name, .b2b03__title.b2b12__reviewsBox, .b2b03__title.b2b02__dt {
    max-width: 55.2rem;
  }
}
.b2b03__arrows {
  display: none;
}
@media (min-width: 992px) {
  .b2b03__arrows {
    display: flex;
    gap: 3rem;
  }
}
.b2b03__arrow {
  display: block;
}
.b2b03__swiper {
  margin: 0 -1rem 2.5rem;
  width: calc(100% + 2rem);
  overflow: visible;
}
@media (min-width: 768px) {
  .b2b03__swiper {
    margin: 0 -1.6rem 2.5rem;
    width: calc(100% + 3.2rem);
  }
}
@media (min-width: 992px) {
  .b2b03__swiper {
    margin: 0 -1.6rem 2.5rem;
  }
}
.b2b03__wrapper {
  align-items: stretch;
}
.b2b03__slide {
  height: auto;
  width: 33rem;
  margin-left: 1rem;
  position: relative;
  background: var(--bg-grey);
  border-radius: 1.6rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 2rem;
}
@media (min-width: 768px) {
  .b2b03__slide {
    width: 66.4rem;
    padding: 3rem;
    margin-left: 1.6rem;
    display: grid;
    grid-template: auto auto 1fr/1fr auto;
    gap: 0 2rem;
  }
}
@media (min-width: 992px) {
  .b2b03__slide {
    margin: 0 1.6rem;
  }
}
.b2b03__slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b03__slide:last-child {
    margin-right: 1.6rem;
  }
}
.b2b03__name.t-title, .b2b03__name.b2b16__question, .b2b03__name.b2b13__name, .b2b03__name.b2b12__reviewsBox, .b2b03__name.b2b02__dt {
  margin-bottom: 1rem;
}
.b2b03__text {
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .b2b03__text {
    margin-bottom: 5.2rem;
  }
}
.b2b03__image {
  margin-bottom: 2rem;
  height: 10rem;
  align-self: flex-start;
}
@media (min-width: 768px) {
  .b2b03__image {
    height: 16rem;
    grid-area: 1/2/3/3;
  }
}
.b2b03__image[src$="b2b_03_01.webp"] {
  border-radius: 1.2rem;
}
.b2b03__image[src$="b2b_03_02.webp"] {
  border-radius: 5rem;
}
.b2b03__image[src*="b2b_03_03.webp"] {
  border-radius: 50%;
}
.b2b03__image[src*="b2b_03_04.webp"] {
  border-radius: 1.2rem;
}
.b2b03__image[src*="b2b_03_05.webp"] {
  border-radius: 5rem;
}
@media (min-width: 768px) {
  .b2b03__image[src*="b2b_03_05.webp"] {
    border-radius: 8rem;
  }
}
.b2b03__image[src*="b2b_03_06.webp"] {
  border-radius: 1.2rem;
}
.b2b03__image[src*="b2b_03_07.webp"] {
  border-radius: 50%;
}
.b2b03__image[src*="b2b_03_08.webp"] {
  border-radius: 5rem;
}
.b2b03__image[src*="b2b_03_09.webp"] {
  border-radius: 5rem;
}
.b2b03__tags {
  margin-top: auto;
  min-height: 15.8rem;
}
@media (min-width: 768px) {
  .b2b03__tags {
    min-height: 8.5rem;
    grid-column: span 2;
  }
}
.b2b03__tagsName {
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.7rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .b2b03__tagsName {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 1.5rem;
  }
}
.b2b03__tagList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem 0.5rem;
}
.b2b03__tag {
  cursor: default;
  padding: 0.5rem 0.9rem;
  box-sizing: border-box;
  border-radius: 1.2rem;
  background: var(--white);
  border: 0.1rem solid var(--light);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .b2b03__tag {
    padding: 0.9rem 1.4rem;
  }
  .b2b03__tag br {
    display: none;
  }
}

.b2b04.t-section {
  padding: 6rem 1rem;
}
@media (min-width: 768px) {
  .b2b04.t-section {
    padding: 12rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b04.t-section {
    padding: 12rem 0;
  }
}
.b2b04__title.t-title, .b2b04__title.b2b16__question, .b2b04__title.b2b13__name, .b2b04__title.b2b12__reviewsBox, .b2b04__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b04__title.t-title, .b2b04__title.b2b16__question, .b2b04__title.b2b13__name, .b2b04__title.b2b12__reviewsBox, .b2b04__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
.b2b04__tableBox {
  overflow-x: auto;
  margin: 0 -1rem -1rem;
  width: 100vw;
  box-sizing: border-box;
  padding: 0 0 1rem;
}
@media (min-width: 768px) {
  .b2b04__tableBox {
    overflow-x: visible;
    margin: 0;
    width: auto;
    padding: 0;
  }
}
.b2b04__table {
  border-radius: 1.6rem;
  border: 0.1rem solid var(--light);
  width: 84rem;
  margin: 0 1rem;
}
@media (min-width: 768px) {
  .b2b04__table {
    margin: 0;
    width: auto;
  }
}
.b2b04__thead {
  display: grid;
  grid-template-columns: 13.5rem repeat(3, 23.5rem);
}
@media (min-width: 768px) {
  .b2b04__thead {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .b2b04__thead {
    grid-template-columns: 27.2rem repeat(3, 1fr);
  }
}
.b2b04__thead:before {
  content: "";
  background: var(--white) url("../pic/b2b/b2b_04_angle.svg") right bottom/auto 100% no-repeat;
  border-top-left-radius: 1.6rem;
}
@media (min-width: 768px) {
  .b2b04__thead:before {
    display: none;
  }
}
@media (min-width: 992px) {
  .b2b04__thead:before {
    display: block;
  }
}
.b2b04__th {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem 1rem;
  border-left: 0.1rem solid var(--light);
  background: var(--bg-grey);
}
@media (min-width: 768px) {
  .b2b04__th {
    padding: 2rem 1rem;
  }
}
@media (min-width: 992px) {
  .b2b04__th {
    padding: 3rem 0.5rem;
  }
}
@media (min-width: 768px) {
  .b2b04__th:first-child {
    border-left-width: 0;
  }
}
@media (min-width: 992px) {
  .b2b04__th:first-child {
    border-left-width: 0.1rem;
  }
}
.b2b04__th:last-child {
  border-top-right-radius: 1.6rem;
}
.b2b04__th:after {
  content: "";
  margin-top: 0.5rem;
  background: #fc0;
  height: 1.9rem;
  display: block;
  mask: url(../img/icons/b2b/star.svg) center center/auto 100% repeat-x;
  -webkit-mask: url(../img/icons/b2b/star.svg) center center/auto 100% repeat-x;
}
@media (min-width: 768px) {
  .b2b04__th:after {
    height: 2.4rem;
  }
}
.b2b04__th._1s:after {
  width: 2.5rem;
}
@media (min-width: 768px) {
  .b2b04__th._1s:after {
    width: 3.2rem;
  }
}
.b2b04__th._3s:after {
  width: 7.5rem;
}
@media (min-width: 768px) {
  .b2b04__th._3s:after {
    width: 9.6rem;
  }
}
.b2b04__th._5s:after {
  width: 12.5rem;
}
@media (min-width: 768px) {
  .b2b04__th._5s:after {
    width: 16rem;
  }
}
.b2b04__name {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  text-transform: uppercase;
  min-height: 3.4rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .b2b04__name {
    font-size: 1.8rem;
    line-height: 2.2rem;
    min-height: 6.6rem;
  }
}
@media (min-width: 992px) {
  .b2b04__name {
    min-height: 4.4rem;
  }
}
.b2b04__tr {
  display: grid;
  grid-template-columns: 13.5rem repeat(3, 23.5rem);
  border-top: 0.1rem solid var(--light);
}
@media (min-width: 768px) {
  .b2b04__tr {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .b2b04__tr {
    grid-template-columns: 27.2rem repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .b2b04__tr:nth-child(n+5) {
    display: none;
  }
  ._fullTable .b2b04__tr:nth-child(n+5) {
    display: grid;
  }
}
.b2b04__td {
  border-right: 0.1rem solid var(--light);
  padding: 1rem;
}
@media (min-width: 768px) {
  .b2b04__td {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .b2b04__td {
    padding: 2rem;
  }
}
.b2b04__td._key {
  border-left-width: 0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.7rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0.5rem;
  position: sticky;
  left: -1rem;
  z-index: 1;
  background: var(--white);
}
@media (min-width: 768px) {
  .b2b04__td._key {
    border-bottom: 0.1rem solid var(--light);
    grid-column: span 3;
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding: 1rem 2rem;
  }
}
@media (min-width: 992px) {
  .b2b04__td._key {
    grid-column: unset;
    border-bottom: none;
  }
}
.b2b04__tr:last-child .b2b04__td._key {
  border-bottom-left-radius: 1.6rem;
}
.b2b04__td:last-child {
  border-right-width: 0;
}
.b2b04__key {
  padding-left: 2.3rem;
  position: relative;
}
@media (min-width: 768px) {
  .b2b04__key {
    padding-left: 2.9rem;
  }
}
@media (min-width: 992px) {
  .b2b04__key {
    padding-left: 3.2rem;
  }
}
.b2b04__key._critical {
  color: var(--ac-red);
}
.b2b04__key:before {
  content: "";
  left: 0.3rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  top: 0.3rem;
}
@media (min-width: 768px) {
  .b2b04__key:before {
    width: 1.4rem;
    height: 1.4rem;
    top: 0.4rem;
    left: 0.5rem;
  }
}
._red .b2b04__key:before {
  background: #B3261E;
}
._yellow .b2b04__key:before {
  background: var(--ac-yellow);
}
._green .b2b04__key:before {
  background: var(--ac-green);
}
.b2b04__desc {
  padding-left: 2.1rem;
  opacity: 0.6;
  margin-top: 0.2rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
@media (min-width: 768px) {
  .b2b04__desc {
    padding-left: 3.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.b2b04__showTable {
  display: none;
}
@media (min-width: 768px) {
  .b2b04__showTable {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4.8rem;
    box-sizing: border-box;
    gap: 1rem;
    padding: 1rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--ac);
    transition: color var(--time);
  }
  .b2b04__showTable:after {
    content: "";
    width: 2rem;
    height: 2rem;
    mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
    -webkit-mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
    background: var(--ac);
    transition: background-color var(--time);
  }
}
@media (min-width: 992px) {
  .b2b04__showTable:hover {
    color: var(--ac-red);
  }
  .b2b04__showTable:hover:after {
    background: var(--ac-red);
  }
}
.b2b04__showTable:active {
  color: var(--ac-red);
}
.b2b04__showTable:active:after {
  background: var(--ac-red);
}
@media (min-width: 992px) {
  .b2b04__showTable:active {
    color: var(--blue);
  }
  .b2b04__showTable:active:after {
    background: var(--blue);
  }
}
._fullTable ~ .b2b04__showTable {
  display: none;
}

.b2b05 {
  height: 4.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  --marqueeSpace: 1.4rem;
}
@media (min-width: 768px) {
  .b2b05 {
    height: 8.1rem;
  }
}
.b2b05:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--blue);
  z-index: -1;
}
@media (min-width: 768px) {
  .b2b05 {
    --marqueeSpace: 3.2rem;
  }
}
.b2b05__marquee {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--white);
  position: relative;
  filter: drop-shadow(0 -10% 0 var(--white));
  animation: marquee 3s linear infinite 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .b2b05__marquee {
    font-size: 3.4rem;
    line-height: 4.1rem;
  }
}
.b2b05__marqueeList {
  position: absolute;
  top: 0;
  left: 0;
}
.b2b05__marqueeItem {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
}
.b2b05__marqueeItem:nth-child(1) {
  transform: translateX(calc(-1 * 1 * 100% - 1 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(2) {
  transform: translateX(calc(-1 * 2 * 100% - 2 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(3) {
  transform: translateX(calc(-1 * 3 * 100% - 3 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(4) {
  transform: translateX(calc(-1 * 4 * 100% - 4 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(5) {
  transform: translateX(calc(-1 * 5 * 100% - 5 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(6) {
  transform: translateX(calc(-1 * 6 * 100% - 6 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(7) {
  transform: translateX(calc(1 * 100% + 1 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(8) {
  transform: translateX(calc(2 * 100% + 2 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(9) {
  transform: translateX(calc(3 * 100% + 3 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(10) {
  transform: translateX(calc(4 * 100% + 4 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(11) {
  transform: translateX(calc(5 * 100% + 5 * var(--marqueeSpace)));
}
.b2b05__marqueeItem:nth-child(12) {
  transform: translateX(calc(6 * 100% + 6 * var(--marqueeSpace)));
}
@keyframes marquee {
  100% {
    transform: translateX(calc(-1 * (100% + var(--marqueeSpace))));
  }
}
.b2b05__button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 0;
  line-height: 0;
  background: var(--ac);
  border-radius: 50%;
  margin-left: -2.25rem;
  cursor: pointer;
  transition: background-color var(--time), transform var(--time);
}
.b2b05:active .b2b05__button {
  background: var(--ac-red);
}
@media (min-width: 768px) {
  .b2b05__button {
    width: 8.1rem;
    height: 8.1rem;
    margin-left: -4.05rem;
  }
}
@media (min-width: 992px) {
  .b2b05:hover .b2b05__button {
    background: var(--ac-red);
    transform: scale(1.2);
  }
  .b2b05:active .b2b05__button {
    background: var(--blue);
  }
}
.b2b05__button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mask: url(../img/icons/arrow.svg) center center/2.2rem no-repeat;
  -webkit-mask: url(../img/icons/arrow.svg) center center/2.2rem no-repeat;
  background: var(--white);
  transition: background-color var(--time);
}
@media (min-width: 768px) {
  .b2b05__button:before {
    mask-size: 4rem;
    -webkit-mask-size: 4rem;
  }
}

.b2b06.t-section {
  padding: 6rem 1rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b06.t-section {
    padding: 6rem 1.6rem;
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .b2b06.t-section {
    padding: 6rem 0;
  }
}
.b2b06__title.t-title, .b2b06__title.b2b16__question, .b2b06__title.b2b13__name, .b2b06__title.b2b12__reviewsBox, .b2b06__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b06__title.t-title, .b2b06__title.b2b16__question, .b2b06__title.b2b13__name, .b2b06__title.b2b12__reviewsBox, .b2b06__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
.b2b06__tabs {
  display: flex;
  gap: 0.5rem;
  margin: 0 -1rem 1rem;
  padding-bottom: 1rem;
  width: 100vw;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .b2b06__tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem 0.5rem;
    overflow: visible;
    margin: 0 0 3rem;
    width: auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .b2b06__tabs {
    grid-template-columns: repeat(4, 1fr);
  }
}
.b2b06__tab {
  white-space: nowrap;
  padding: 1.2rem 2rem;
  box-shadow: inset 0 0 0 0.1rem var(--light);
  border-radius: 0.8rem;
  transition: box-shadow var(--time), border-radius var(--time), background-color var(--time), color var(--time);
  color: var(--blue);
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .b2b06__tab {
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding: 1.2rem 1rem;
  }
}
@media (min-width: 992px) {
  .b2b06__tab:not(._active):hover {
    background: var(--light);
  }
}
.b2b06__tab._active {
  border-radius: 1.6rem;
  background: var(--ac);
  box-shadow: none;
  color: var(--white);
  cursor: default;
}
.b2b06__tab:first-child {
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .b2b06__tab:first-child {
    margin-left: 0;
  }
}
.b2b06__tab:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b06__tab:last-child {
    margin-right: 0;
  }
}
.b2b06__container {
  display: none;
}
@media (min-width: 768px) {
  .b2b06__container {
    grid-template: auto 1fr/repeat(2, 1fr);
    gap: 0 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b06__container {
    gap: 0 3.2rem;
  }
}
.b2b06__container._showed {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b06__container._showed {
    display: grid;
  }
}
@media (min-width: 768px) {
  .b2b06__content {
    grid-row: span 2;
  }
}
@media (min-width: 992px) {
  .b2b06__content {
    grid-row: unset;
  }
}
.b2b06__name {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .b2b06__name {
    margin-bottom: 1rem;
  }
}
.b2b06__place {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .b2b06__place {
    margin-bottom: 2rem;
  }
}
.b2b06__place:before {
  content: "";
  min-width: 3.4rem;
  max-width: 3.4rem;
  height: 3.4rem;
  mask: url(../img/icons/footerPlace.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/footerPlace.svg) center center/100% no-repeat;
  background: var(--ac);
}
.b2b06__desc {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .b2b06__desc {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .b2b06__units {
    margin-bottom: 4rem;
  }
}
.b2b06__unitsName {
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .b2b06__unitsName {
    margin-bottom: 1rem;
  }
}
.b2b06__unitsList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.5rem;
}
.b2b06__unit {
  padding: 0.5rem 0.9rem;
  box-sizing: border-box;
  border-radius: 1.2rem;
  background: var(--white);
  border: 0.1rem solid var(--light-blue);
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  background: var(--white);
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.8;
  cursor: default;
  color: var(--blue);
}
@media (min-width: 768px) {
  .b2b06__unit {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 0.9rem 1.4rem;
  }
}
.b2b06__singlePhoto {
  display: none;
}
@media (min-width: 768px) {
  .b2b06__singlePhoto {
    display: block;
    grid-area: 1/2/2/3;
    width: 37.6rem;
    border-radius: 1.6rem;
    margin-bottom: 1.6rem;
    height: 30rem;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .b2b06__singlePhoto {
    width: 66.4rem;
    height: 50rem;
    grid-area: 1/2/3/3;
    margin-bottom: 0;
  }
}
.b2b06__photoSlider.swiper {
  order: -1;
  margin: 0 -1rem 1.5rem;
  width: calc(100% + 2rem);
  overflow: visible;
}
@media (min-width: 768px) {
  .b2b06__photoSlider.swiper {
    order: unset;
    margin: 0;
    width: auto;
    grid-area: 2/2/3/3;
    align-self: flex-start;
  }
}
@media (min-width: 992px) {
  .b2b06__photoSlider.swiper {
    grid-area: 2/1/3/2;
  }
}
@media (min-width: 768px) {
  .b2b06__photoWrapper.swiper-wrapper {
    display: flex;
    gap: 1.6rem;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .b2b06__photoWrapper.swiper-wrapper {
    gap: 2rem;
  }
}
.b2b06__photoSlide.swiper-slide {
  width: 33rem;
  margin-left: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  .b2b06__photoSlide.swiper-slide {
    height: 11.4rem;
    width: 11.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .b2b06__photoSlide.swiper-slide {
    height: 13rem;
    width: 13rem;
  }
}
.b2b06__photoSlide.swiper-slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b06__photoSlide.swiper-slide:last-child {
    margin-right: 0;
  }
}
.b2b06__photo {
  display: block;
  width: 33rem;
  border-radius: 1.6rem;
  transition: border-radius var(--time), width var(--time), height var(--time);
  cursor: pointer;
  object-fit: cover;
}
@media (min-width: 768px) {
  .b2b06__photo {
    width: 11.4rem;
    height: 11.4rem;
    border-radius: 50%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .b2b06__photo {
    width: 13rem;
    height: 13rem;
  }
}
@media (min-width: 768px) {
  .b2b06__photo._selected {
    border-radius: 1.6rem;
  }
}

.b2b07.t-section {
  padding: 3rem 1rem 6rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b07.t-section {
    padding: 6rem 1.6rem 12rem;
  }
}
@media (min-width: 992px) {
  .b2b07.t-section {
    padding: 6rem 0 12rem;
  }
}
.b2b07__title {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b07__title {
    margin-bottom: 4rem;
    max-width: 78rem;
  }
}
.b2b07__movies {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
}
@media (min-width: 768px) {
  .b2b07__movies {
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 2rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b07__movies {
    grid-template: auto/repeat(6, 1fr);
    gap: 3.2rem 3.2rem;
  }
}
.b2b07__movie {
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
@media (min-width: 768px) {
  .b2b07__movie:nth-child(3n-2) {
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .b2b07__movie:nth-child(3n-2) {
    grid-area: 1/1/3/5;
  }
}
@media (min-width: 992px) {
  .b2b07__movie:nth-child(3n-1) {
    grid-area: 1/5/2/7;
  }
}
@media (min-width: 992px) {
  .b2b07__movie:nth-child(3n) {
    grid-area: 2/5/3/7;
  }
}
.b2b07__imageBox {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.b2b07__imageBox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 3.2rem;
  border-radius: var(--rad);
  background: var(--ac) url("../img/icons/play.svg") center center/1.6rem no-repeat;
  margin: -1.6rem 0 0 -2.5rem;
  transition: background-color var(--time);
}
@media (min-width: 992px) {
  .b2b07__imageBox:after {
    width: 6rem;
    height: 4rem;
    margin: -2rem 0 0 -3rem;
  }
}
.b2b07__imageBox:active:after {
  background-color: var(--blue);
}
@media (min-width: 992px) {
  .b2b07__imageBox:hover:after {
    background-color: var(--ac-red);
  }
  .b2b07__imageBox:active:after {
    background-color: var(--blue);
  }
}
.b2b07__image {
  border-radius: var(--rad-l);
  display: block;
  width: 100%;
  transition: opacity var(--time);
  object-position: center center;
  object-fit: cover;
  aspect-ratio: 1920/1080;
}
@media (min-width: 768px) {
  .b2b07__image .b2b07__videos {
    height: 24rem;
  }
}
@media (min-width: 992px) {
  .b2b07__image {
    object-fit: cover;
  }
  .b2b07__movie:hover .b2b07__image {
    opacity: 0.8;
  }
  .b2b07__movies .b2b07__movie:nth-child(3n-2) .b2b07__image {
    height: 51.6rem;
  }
  .b2b07__movies .b2b07__movie:nth-child(3n-1) .b2b07__image, .b2b07__movies .b2b07__movie:nth-child(3n) .b2b07__image {
    height: 20.5rem;
  }
  .b2b07__image .b2b07__videos {
    height: 37rem;
  }
}
.b2b07__name.t-title, .b2b07__name.b2b16__question, .b2b07__name.b2b13__name, .b2b07__name.b2b12__reviewsBox, .b2b07__name.b2b02__dt {
  color: var(--blue);
  cursor: pointer;
  transition: color var(--time);
}
@media (min-width: 992px) {
  .b2b07__movie:hover .b2b07__name.t-title, .b2b07__movie:hover .b2b07__name.b2b16__question, .b2b07__movie:hover .b2b07__name.b2b13__name, .b2b07__movie:hover .b2b07__name.b2b12__reviewsBox, .b2b07__movie:hover .b2b07__name.b2b02__dt {
    color: var(--ac-red);
  }
}
@media (min-width: 768px) {
  .b2b07__movies .b2b07__movie:first-child .b2b07__name.t-title, .b2b07__movies .b2b07__movie:first-child .b2b07__name.b2b16__question, .b2b07__movies .b2b07__movie:first-child .b2b07__name.b2b13__name, .b2b07__movies .b2b07__movie:first-child .b2b07__name.b2b12__reviewsBox, .b2b07__movies .b2b07__movie:first-child .b2b07__name.b2b02__dt {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
}
.b2b07__more.t-button {
  margin-top: 2.5rem;
}
._available .b2b07__more.t-button {
  display: none;
}
.b2b07__videos {
  display: none;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .b2b07__videos {
    margin-top: 4rem;
  }
}
._available .b2b07__videos {
  display: block;
}
@media (min-width: 992px) {
  .b2b07__videosTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.b2b07__arrows {
  display: none;
}
@media (min-width: 992px) {
  .b2b07__arrows {
    display: flex;
    gap: 3rem;
  }
}
.b2b07__slider.swiper {
  margin: 2rem -1rem 2.5rem;
  width: calc(100% + 2rem);
}
@media (min-width: 768px) {
  .b2b07__slider.swiper {
    margin: 2rem -1.6rem 2.5rem;
    width: calc(100% + 3.2rem);
  }
}
@media (min-width: 992px) {
  .b2b07__slider.swiper {
    margin: 2rem -1.6rem 2.5rem;
  }
}
.b2b07__slide.swiper-slide {
  height: auto;
  width: 33rem;
  margin-left: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .b2b07__slide.swiper-slide {
    width: 43.2rem;
    margin-left: 1.6rem;
    gap: 0 2rem;
  }
}
@media (min-width: 992px) {
  .b2b07__slide.swiper-slide {
    width: 66.4rem;
    margin: 0 1.6rem;
  }
}
.b2b07__slide.swiper-slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b07__slide.swiper-slide:last-child {
    margin-right: 1.6rem;
  }
}

.b2b07-modalFrame.modal__block {
  padding: 0;
  border: none;
  min-width: 38rem;
  max-width: 38rem;
  height: 21.4rem;
}
@media (min-width: 768px) {
  .b2b07-modalFrame.modal__block {
    min-width: 76.8rem;
    max-width: 76.8rem;
    height: 43.2rem;
  }
}
@media (min-width: 992px) {
  .b2b07-modalFrame.modal__block {
    min-width: 120rem;
    max-width: 120rem;
    height: 67.6rem;
  }
}

.b2b07-modalFrame.modal__block {
  padding: 0;
  border: none;
  min-width: 38rem;
  max-width: 38rem;
  height: 21.4rem;
}
@media (min-width: 768px) {
  .b2b07-modalFrame.modal__block {
    min-width: 76.8rem;
    max-width: 76.8rem;
    height: 43.2rem;
  }
}
@media (min-width: 992px) {
  .b2b07-modalFrame.modal__block {
    min-width: 120rem;
    max-width: 120rem;
    height: 67.6rem;
  }
}

.b2b08.t-section {
  padding: 4rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  color: var(--white);
}
@media (min-width: 768px) {
  .b2b08.t-section {
    padding: 8rem 1.6rem;
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 0 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b08.t-section {
    padding: 8rem 0;
    gap: 0 3.2rem;
  }
}
.b2b08.t-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--bg-gradient);
  z-index: -1;
}
.b2b08__left {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 2rem;
  transition: opacity var(--bigTime);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .b2b08__left {
    min-height: 52.8rem;
    grid-area: 1/1/2/2;
    position: relative;
    margin-bottom: 0;
    background: url("../pic/b2b/b2b_08_bg.webp") right bottom/30rem no-repeat;
  }
}
@media (min-width: 992px) {
  .b2b08__left {
    background-size: 51rem;
  }
}
@media (min-width: 768px) {
  .b2bQuiz:not([data-step="1"]) + .b2b08__left {
    opacity: 0;
  }
}
.b2b08__left:after {
  content: "";
  display: block;
  width: 7rem;
  align-self: center;
  height: 8rem;
  background: url("../pic/b2b/b2b_08_icon.svg") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .b2b08__left:after {
    display: none;
  }
}
.b2b08__title.t-title, .b2b08__title.b2b16__question, .b2b08__title.b2b13__name, .b2b08__title.b2b12__reviewsBox, .b2b08__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b08__title.t-title, .b2b08__title.b2b16__question, .b2b08__title.b2b13__name, .b2b08__title.b2b12__reviewsBox, .b2b08__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
.b2b08__preview {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .b2b08__preview {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 992px) {
  .b2b08__preview {
    max-width: 39rem;
  }
}
.b2b08__quiz {
  background: var(--white);
  border-radius: var(--rad-l);
  color: var(--blue);
  transition: margin var(--bigTime);
  position: relative;
  z-index: 1;
  order: 1;
}
@media (min-width: 768px) {
  .b2b08__quiz {
    grid-area: 1/1/2/3;
    margin: 0 0 0 39.2rem;
  }
}
@media (min-width: 992px) {
  .b2b08__quiz {
    margin: 0 0 0 69.6rem;
  }
}
@media (min-width: 768px) {
  .b2b08__quiz:not([data-step="1"]) {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .b2b08__quiz:not([data-step="1"]) {
    margin: 0 11.6rem;
  }
}

.b2bQuiz {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  counter-reset: b2bQuiz;
  position: relative;
  min-height: 52rem;
}
.b2bQuiz__overlay {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.b2bQuiz__list {
  display: flex;
  align-items: stretch;
  transition: margin-left var(--bigTime);
  width: 100%;
  flex-grow: 1;
}
[data-step="1"] .b2bQuiz__list {
  margin-left: calc(-100% * 0);
}
[data-step="2"] .b2bQuiz__list {
  margin-left: calc(-100% * 1);
}
[data-step="3"] .b2bQuiz__list {
  margin-left: calc(-100% * 2);
}
[data-step="4"] .b2bQuiz__list {
  margin-left: calc(-100% * 3);
}
[data-step="5"] .b2bQuiz__list {
  margin-left: calc(-100% * 4);
}
[data-step="6"] .b2bQuiz__list {
  margin-left: calc(-100% * 5);
}
[data-step="7"] .b2bQuiz__list {
  margin-left: calc(-100% * 6);
}
[data-step="8"] .b2bQuiz__list {
  margin-left: calc(-100% * 7);
}
[data-step="9"] .b2bQuiz__list {
  margin-left: calc(-100% * 8);
}
[data-step="10"] .b2bQuiz__list {
  margin-left: calc(-100% * 9);
}
.b2bQuiz__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  transition: opacity var(--time);
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .b2bQuiz__controls {
    padding: 2rem 2rem 4rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__controls {
    padding: 2rem 4rem 4rem;
  }
}
[data-step="7"] .b2bQuiz__controls {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.b2bQuiz__control {
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.b2bQuiz__control._prev {
  font-size: 0;
  line-height: 0;
}
[data-step="1"] .b2bQuiz__control._prev {
  opacity: 0;
  pointer-events: none;
}
.b2bQuiz__control._prev:after {
  transform: rotateY(180deg);
}
.b2bQuiz__control._next {
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--ac);
  text-transform: uppercase;
  font-weight: 600;
}
.b2bQuiz__control:after {
  content: "";
  width: 2rem;
  height: 2rem;
  mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/arrow_fat.svg) center center/100% no-repeat;
  background: var(--ac);
  transition: background-color var(--time);
}
.b2bQuiz__control._disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 992px) {
  .b2bQuiz__control:hover {
    color: var(--ac-red);
  }
  .b2bQuiz__control:hover:after {
    background: var(--ac-red);
  }
}
.b2bQuiz__control:active {
  color: var(--ac-red);
}
.b2bQuiz__control:active:after {
  background: var(--ac-red);
}
@media (min-width: 992px) {
  .b2bQuiz__control:active {
    color: var(--blue);
  }
  .b2bQuiz__control:active:after {
    background: var(--blue);
  }
}
.b2bQuiz__item {
  padding: 9.5rem 2rem 8rem;
  box-sizing: border-box;
  min-width: 100%;
  max-width: 100%;
  transition: min-width var(--bigTime), max-width var(--bigTime);
  position: relative;
}
@media (min-width: 768px) {
  .b2bQuiz__item {
    padding: 13rem 2rem 10rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__item {
    padding: 13rem 4rem 9rem;
  }
}
.b2bQuiz__item._3, .b2bQuiz__item._4, .b2bQuiz__item._6 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.b2bQuiz__item._3:before, .b2bQuiz__item._4:before, .b2bQuiz__item._6:before {
  content: "";
  display: block;
  width: 14.4rem;
  height: 14.4rem;
  margin-bottom: 4rem;
  background: center center/100% no-repeat;
  border-radius: var(--rad-l);
}
@media (min-width: 768px) {
  .b2bQuiz__item._3:before, .b2bQuiz__item._4:before, .b2bQuiz__item._6:before {
    position: absolute;
    top: 4rem;
    right: 2rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__item._3:before, .b2bQuiz__item._4:before, .b2bQuiz__item._6:before {
    right: 4rem;
    width: 20rem;
    height: 20rem;
  }
}
.b2bQuiz__item._3:before {
  background-image: url("../pic/b2b/b2b_08_q3.webp");
}
.b2bQuiz__item._4:before {
  background-image: url("../pic/b2b/b2b_08_q4.webp");
  border-radius: 50%;
}
.b2bQuiz__item._6:before {
  background-image: url("../pic/b2b/b2b_08_q6.webp");
  order: 1;
  margin: 4rem 0 0;
}
@media (min-width: 768px) {
  .b2bQuiz__item._6:before {
    order: unset;
    margin: 0 0 4rem;
  }
}
.b2bQuiz__item._7 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .b2bQuiz__item._7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
  }
}
.b2bQuiz__item._7:before, .b2bQuiz__item._7:after {
  content: "";
  position: absolute;
  z-index: -3;
  opacity: 0;
  transition: opacity var(--time);
}
.b2bQuiz__item._7:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--white-80);
  border-radius: var(--rad-l);
}
.b2bQuiz__item._7:after {
  content: "";
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  margin: -5rem 0 0 -5rem;
  background: var(--blue);
  mask: url(../img/modal/preload.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/modal/preload.svg) center center/100% no-repeat;
}
.b2bQuiz__item._7._preload:before, .b2bQuiz__item._7._preload:after {
  z-index: 2;
  opacity: 1;
}
@media (min-width: 768px) {
  [data-step="1"] .b2bQuiz__item:not(._1) {
    min-width: 76.8rem;
    max-width: 76.8rem;
  }
}
@media (min-width: 992px) {
  [data-step="1"] .b2bQuiz__item:not(._1) {
    min-width: 112.8rem;
    max-width: 112.8rem;
  }
}
.b2bQuiz__item:after {
  content: "0" counter(b2bQuiz) "/06 ";
  counter-increment: b2bQuiz;
  font-weight: 200;
  font-size: 5rem;
  line-height: 3.5rem;
  background: var(--white);
  position: absolute;
  top: 2rem;
  left: 2rem;
  transition: opacity var(--bigTime);
  opacity: 0;
}
@media (min-width: 768px) {
  .b2bQuiz__item:after {
    top: 4rem;
    font-size: 7rem;
    line-height: 5rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__item:after {
    left: 4rem;
  }
}
[data-step="1"] .b2bQuiz__item._1:after {
  opacity: 1;
}
[data-step="2"] .b2bQuiz__item._2:after {
  opacity: 1;
}
[data-step="3"] .b2bQuiz__item._3:after {
  opacity: 1;
}
[data-step="4"] .b2bQuiz__item._4:after {
  opacity: 1;
}
[data-step="5"] .b2bQuiz__item._5:after {
  opacity: 1;
}
[data-step="6"] .b2bQuiz__item._6:after {
  opacity: 1;
}
.b2bQuiz__name {
  min-height: 5.7rem;
  max-width: 56rem;
  margin-bottom: 1.5rem;
  order: -1;
}
@media (min-width: 768px) {
  .b2bQuiz__name {
    min-height: 4.6rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__name {
    min-height: 0;
    max-width: 72rem;
  }
}
._1 .b2bQuiz__question, ._5 .b2bQuiz__question, ._6 .b2bQuiz__question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}
._2 .b2bQuiz__question, ._5 .b2bQuiz__question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  ._2 .b2bQuiz__question, ._5 .b2bQuiz__question {
    columns: 2;
    display: block;
    column-gap: 2rem;
  }
}
@media (min-width: 768px) {
  ._2 .b2bQuiz__radio {
    break-inside: avoid-column;
    margin-bottom: 2.5rem;
    display: block;
  }
}
.b2bQuiz__radioImage {
  display: block;
  width: 100%;
  height: 12rem;
  object-fit: cover;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .b2bQuiz__radioImage {
    margin-bottom: 1.5rem;
    height: 18rem;
  }
}
@media (min-width: 992px) {
  ._2 .b2bQuiz__radioDesc {
    white-space: nowrap;
  }
}
.b2bQuiz__range {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  align-self: center;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .b2bQuiz__range {
    margin-top: 14.5rem;
  }
}
@media (min-width: 992px) {
  .b2bQuiz__range {
    margin-top: 9rem;
  }
}
.b2bQuiz__rangeValue {
  position: absolute;
  top: 0;
  white-space: nowrap;
  margin-left: -3rem;
  width: 3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.b2bQuiz__rangeInput {
  outline: none;
  appearance: none;
  background: var(--blue);
  height: 0.2rem;
  display: block;
  width: 100%;
  border-radius: 0.1rem;
  margin: 4rem 0 1.5rem;
}
@media (min-width: 768px) {
  .b2bQuiz__rangeInput {
    margin: 5rem 0 2rem;
  }
}
.b2bQuiz__rangeInput::-webkit-slider-thumb {
  appearance: none;
  background: var(--ac);
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  cursor: pointer;
}
.b2bQuiz__rangeBottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.b2bQuiz__subName {
  display: block;
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
@media (min-width: 768px) {
  .b2bQuiz__checkbox {
    align-self: flex-start;
    justify-self: flex-start;
  }
}
@media (min-width: 768px) {
  ._5 .b2bQuiz__checkbox {
    break-inside: avoid-column;
    margin-bottom: 2.5rem;
    display: block;
  }
}
.b2bQuiz__input {
  align-self: stretch;
}
.b2bQuiz__formBox {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2bQuiz__formBox {
    position: relative;
    z-index: 1;
  }
}
.b2bQuiz__title.t-title, .b2bQuiz__title.b2b16__question, .b2bQuiz__title.b2b13__name, .b2bQuiz__title.b2b12__reviewsBox, .b2bQuiz__title.b2b02__dt {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .b2bQuiz__title.t-title, .b2bQuiz__title.b2b16__question, .b2bQuiz__title.b2b13__name, .b2bQuiz__title.b2b12__reviewsBox, .b2bQuiz__title.b2b02__dt {
    margin-bottom: 1rem;
  }
}
.b2bQuiz__subTitle {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2bQuiz__subTitle {
    margin-bottom: 4rem;
  }
}
.b2bQuiz__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
@media (min-width: 768px) {
  .b2bQuiz__form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem 1.6rem;
  }
}
.b2bQuiz__label:nth-child(n+3) {
  display: none;
}
@media (min-width: 768px) {
  .b2bQuiz__label:nth-child(n+3) {
    display: block;
  }
}
._showLabels .b2bQuiz__label:nth-child(n+3) {
  display: block;
}
.b2bQuiz__labelShower {
  width: 3rem;
  height: 2rem;
  align-self: center;
  position: relative;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .b2bQuiz__labelShower {
    display: none;
  }
}
.b2bQuiz__labelShower:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--ac);
  mask: url(../img/icons/angle.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/angle.svg) center center/100% no-repeat;
  margin: -0.8rem 0 0 -0.8rem;
  transition: transform var(--time);
}
._showLabels .b2bQuiz__labelShower:before {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .b2bQuiz__submitBox {
    grid-column: span 2;
    margin-top: 0.9rem;
  }
}
@media (min-width: 768px) {
  .b2bQuiz__check {
    grid-column: span 2;
    margin-top: 1.6rem;
  }
}
.b2bQuiz__check .disp_b {
  display: block;
}
@media (min-width: 768px) {
  .b2bQuiz__submit.t-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.b2bQuiz__complete {
  display: none;
  color: var(--blue);
}
.b2bQuiz__complete:before {
  content: "";
  display: block;
  margin: 0 auto 3rem;
  width: 11.4rem;
  height: 8.2rem;
  background: url("../img/modal/infoModalOk.svg") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .b2bQuiz__complete:before {
    margin-bottom: 4rem;
  }
}
.b2bQuiz__completeName {
  text-align: center;
  margin-bottom: 1rem;
}
.b2bQuiz__completeDesc {
  text-align: center;
  margin-bottom: 2.5rem;
}
.b2bQuiz span .link-form {
  color: var(--blue);
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
  cursor: pointer;
  font-weight: var(--fw-med);
}
.b2bQuiz span .link-form:hover {
  color: var(--ac-red);
}

.tooltip_show {
  display: flex;
}
.tooltip_show::after {
  content: "i";
  border-radius: 50%;
  width: 19px;
  height: 19px;
  background-color: #D9D9D9;
  text-align: center;
  font-size: 12px;
  position: relative;
  bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip_show .tooltip_body {
  z-index: 1;
  font-size: 12px;
  top: 10px;
  width: 185px;
  background-color: #D9D9D9;
  padding: 11px;
  border-radius: 8px;
  position: absolute;
  visibility: hidden;
  left: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  .tooltip_show .tooltip_body {
    width: 220px;
  }
}
@media (max-width: 400px) {
  .tooltip_show .tooltip_body {
    width: 115px;
  }
}
.tooltip_show .tooltip_body::before {
  display: none;
}
.tooltip_show:hover .tooltip_body {
  visibility: visible;
  opacity: 1;
}

.formModal__check > .disp_b {
  display: block;
}

.b2b09.t-section {
  padding: 6rem 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .b2b09.t-section {
    padding: 6rem 1.6rem 12rem;
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .b2b09.t-section {
    padding: 6rem 0 12rem;
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 0 3.2rem;
  }
}
.b2b09__title.t-title, .b2b09__title.b2b16__question, .b2b09__title.b2b13__name, .b2b09__title.b2b12__reviewsBox, .b2b09__title.b2b02__dt {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .b2b09__title.t-title, .b2b09__title.b2b16__question, .b2b09__title.b2b13__name, .b2b09__title.b2b12__reviewsBox, .b2b09__title.b2b02__dt {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .b2b09__title.t-title, .b2b09__title.b2b16__question, .b2b09__title.b2b13__name, .b2b09__title.b2b12__reviewsBox, .b2b09__title.b2b02__dt {
    grid-column: span 2;
  }
}
.b2b09__text {
  margin-bottom: 2.5rem;
  padding: 2rem 2rem 2rem 6.3rem;
  border-radius: 1.6rem;
  background: var(--bg-grey) url("../img/icons/b2b/exclamation.svg") 2rem 2rem/2.8rem no-repeat;
}
@media (min-width: 768px) {
  .b2b09__text {
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .b2b09__text {
    grid-column: span 2;
  }
}
.b2b09__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .b2b09__list {
    gap: 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b09__list {
    align-self: stretch;
    justify-content: space-between;
    gap: 2rem;
  }
}
.b2b09__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .b2b09__item {
    gap: 1rem;
  }
}
.b2b09__name {
  min-height: 4.8rem;
  padding-left: 6.3rem;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .b2b09__name {
    padding-left: 6.8rem;
  }
}
.b2b09__name:before, .b2b09__name:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color var(--time);
  width: 4.8rem;
  height: 4.8rem;
}
.b2b09__name:before {
  background-color: var(--ac);
  border-radius: var(--rad);
}
.b2b09__name:after {
  transition: background-color var(--time);
  background-color: var(--white);
  cursor: default;
}
._1 .b2b09__name:after {
  mask: url(../img/icons/b2b/b2b09_1.svg) center center/2.8rem no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b09_1.svg) center center/2.8rem no-repeat;
}
._2 .b2b09__name:after {
  mask: url(../img/icons/b2b/b2b09_2.svg) center center/2.8rem no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b09_2.svg) center center/2.8rem no-repeat;
}
._3 .b2b09__name:after {
  mask: url(../img/icons/b2b/b2b09_3.svg) center center/2.8rem no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b09_3.svg) center center/2.8rem no-repeat;
}
._4 .b2b09__name:after {
  mask: url(../img/icons/b2b/b2b09_4.svg) center center/2.8rem no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b09_4.svg) center center/2.8rem no-repeat;
}
._5 .b2b09__name:after {
  mask: url(../img/icons/b2b/b2b09_5.svg) center center/2.8rem no-repeat;
  -webkit-mask: url(../img/icons/b2b/b2b09_5.svg) center center/2.8rem no-repeat;
}
.b2b09__movie {
  margin-bottom: 2.5rem;
  height: 30rem;
  position: relative;
  border-radius: var(--rad-l);
  display: grid;
  z-index: 0;
}
@media (min-width: 768px) {
  .b2b09__movie {
    margin-bottom: 4rem;
    height: 44rem;
  }
}
@media (min-width: 992px) {
  .b2b09__movie {
    height: 55rem;
    order: unset;
    margin-bottom: 0;
  }
}
.b2b09__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--rad-l);
}
.b2b09__button {
  z-index: 1;
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
  background-color: var(--ac-60);
  color: var(--white);
  font-weight: 600;
  min-height: 6rem;
  border-radius: 3rem;
  padding: 0.4rem 2rem;
  box-sizing: border-box;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color var(--time);
}
@media (min-width: 992px) {
  .b2b09__button {
    width: 9rem;
    height: 9rem;
    gap: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 4.5rem;
  }
  .b2b09__movie:hover .b2b09__button {
    background: var(--ac-red);
  }
  .b2b09__movie:active .b2b09__button {
    background: var(--blue);
  }
}
.b2b09__button:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("../img/icons/play.svg") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .b2b09__button:before {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.b02Movie.modal__block {
  padding: 0;
  overflow: hidden;
}
.b02Movie__video {
  display: block;
  width: 100%;
}

.b2b10.t-section {
  padding: 4rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b10.t-section {
    padding: 8rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b10.t-section {
    padding: 8rem 0;
  }
}
.b2b10.t-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--bg-grey);
  z-index: -1;
}
.b2b10__top {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b10__top {
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .b2b10__top {
    margin-bottom: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.b2b10__arrows {
  display: none;
}
@media (min-width: 992px) {
  .b2b10__arrows {
    display: flex;
    gap: 3rem;
  }
}
.b2b10__arrow {
  display: block;
}
.b2b10__swiper {
  margin: 0 -1rem;
  width: calc(100% + 2rem);
  overflow: visible;
}
@media (min-width: 768px) {
  .b2b10__swiper {
    margin: 0 -1.6rem;
    width: calc(100% + 3.2rem);
  }
}
@media (min-width: 992px) {
  .b2b10__swiper {
    margin: 0 -1.6rem;
  }
}
.b2b10__slide {
  width: 33rem;
  margin-left: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  .b2b10__slide {
    width: 43.2rem;
    margin-left: 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b10__slide {
    margin: 0 1.6rem;
  }
}
.b2b10__slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b10__slide:last-child {
    margin-right: 1.6rem;
  }
}
.b2b10__photo {
  display: block;
  width: 100%;
  border-radius: var(--rad-l);
  margin-bottom: 1rem;
  object-position: center center;
  object-fit: cover;
  max-height: 29rem;
}
@media (min-width: 768px) {
  .b2b10__photo {
    margin-bottom: 2rem;
    max-height: 37.9rem;
  }
}
.b2b10__name {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .b2b10__name {
    margin-bottom: 1rem;
  }
}
.b2b11.t-section {
  padding: 6rem 1rem;
}
@media (min-width: 768px) {
  .b2b11.t-section {
    padding: 6rem 1.6rem 12rem;
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .b2b11.t-section {
    padding: 6rem 0 12rem;
  }
}
.b2b11__title.t-title, .b2b11__title.b2b16__question, .b2b11__title.b2b13__name, .b2b11__title.b2b12__reviewsBox, .b2b11__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b11__title.t-title, .b2b11__title.b2b16__question, .b2b11__title.b2b13__name, .b2b11__title.b2b12__reviewsBox, .b2b11__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
.b2b11__tabs {
  margin-bottom: 3rem;
  display: grid;
  grid-template: auto/1fr;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .b2b11__tabs {
    grid-template: auto/repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .b2b11__tabs {
    grid-template: auto/repeat(4, 1fr);
    gap: 0;
    border-bottom: 0.1rem solid var(--light);
  }
}
.b2b11__tab {
  border-radius: var(--rad);
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  border: 0.1rem solid var(--light);
  cursor: pointer;
  -webkit-user-select: none;
  padding: 1.1rem 0.5rem;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: border-radius var(--time), background-color var(--time), color var(--time);
}
@media (min-width: 768px) {
  .b2b11__tab {
    min-height: 6.8rem;
    padding: 1rem 5rem;
  }
}
@media (min-width: 992px) {
  .b2b11__tab {
    border-radius: 0;
    border: none;
    margin-bottom: -0.1rem;
    padding: 0 2rem;
  }
  .b2b11__tab:hover {
    color: var(--ac-red);
  }
}
.b2b11__tab._tab-active {
  cursor: default;
  background: var(--ac);
  border-radius: var(--rad-l);
  color: var(--white);
  pointer-events: none;
}
.b2b11__section {
  display: none;
}
.b2b11__section._tab-opened {
  display: block;
}
@media (min-width: 768px) {
  .b2b11__grid {
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b11__grid {
    gap: 3.2rem;
  }
}
.b2b11__slideBox {
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .b2b11__slideBox {
    margin-bottom: 0;
    width: 37.6rem;
    align-self: center;
  }
}
@media (min-width: 992px) {
  .b2b11__slideBox {
    width: 66.4rem;
    position: relative;
  }
}
.b2b11__wrapper {
  height: 25.7rem;
  position: relative;
}
@media (min-width: 768px) {
  .b2b11__wrapper {
    height: 25.4rem;
  }
}
@media (min-width: 992px) {
  .b2b11__wrapper {
    height: 45rem;
  }
}
.b2b11__slide {
  opacity: 0 !important;
  transition: opacity var(--time);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: contain;
}
.b2b11__slide._slide-active {
  opacity: 1 !important;
}
.b2b11__dots {
  display: flex;
  justify-content: center;
  margin: -0.6rem 0;
  position: static;
}
.b2b11__dots:has(:only-child) {
  display: none;
}
.b2b11__dot {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.b2b11__dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin: -0.6rem 0 0 -0.6rem;
  border-radius: 50%;
  transition: background-color var(--time);
  background: var(--light);
}
.b2b11__dot._dot-active {
  cursor: default;
}
.b2b11__dot._dot-active:before {
  background: var(--ac);
}
.b2b11__image {
  display: block;
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  object-position: center center;
  inset: 0;
  object-fit: cover;
  height: 100%;
}
.b2b11__info {
  border-radius: var(--rad-l);
  background-color: var(--bg-grey);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .b2b11__info {
    padding: 2rem 3rem;
    margin-bottom: 3.5rem;
  }
}
.b2b11__stats {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  padding: 0;
  margin: 0 0 3rem;
  list-style: none;
}
@media (min-width: 768px) {
  .b2b11__stats {
    gap: 5rem;
    margin-bottom: 2rem;
  }
}
.b2b11__stat {
  min-height: 4.8rem;
  position: relative;
  padding-left: 5.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .b2b11__stat {
    padding-left: 8.8rem;
  }
}
@media (min-width: 992px) {
  .b2b11__stat {
    padding-left: 9.8rem;
  }
}
.b2b11__stat:before {
  content: "";
  position: absolute;
  background: var(--ac) center center/2.8rem no-repeat;
  border-radius: var(--rad);
  left: 0;
  top: 0;
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 768px) {
  .b2b11__stat:before {
    left: 2rem;
  }
}
@media (min-width: 992px) {
  .b2b11__stat:before {
    left: 3rem;
  }
}
.b2b11__stat._squ:before {
  background-image: url("../pic/05/squ.svg");
}
.b2b11__stat._eff:before {
  background-image: url("../pic/05/eff.svg");
}
.b2b11__stat._ins:before {
  background-image: url("../pic/05/ins.svg");
}
.b2b11__stat._heat:before {
  background-image: url("../pic/05/heat.svg");
}
.b2b11__stat._mir:before {
  background-image: url("../pic/05/mir.svg");
}
.b2b11__cost {
  background: url("../img/icons/coins.svg") left 3rem center/3.6rem no-repeat;
  padding: 1.5rem 2rem 1.5rem 7.8rem;
  border-top: 0.1rem solid var(--light);
  min-height: 3.6rem;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.b2b11__lines {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .b2b11__lines {
    grid-area: 2/1/3/3;
  }
}
.b2b11__line {
  border-top: 0.1rem solid var(--light);
}
.b2b11__line:last-child {
  border-bottom: 0.1rem solid var(--light);
}
.b2b11__lineName.t-title, .b2b11__lineName.b2b16__question, .b2b11__lineName.b2b13__name, .b2b11__lineName.b2b12__reviewsBox, .b2b11__lineName.b2b02__dt {
  min-height: 9rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color var(--time);
}
.b2b11__lineName.t-title:after, .b2b11__lineName.b2b16__question:after, .b2b11__lineName.b2b13__name:after, .b2b11__lineName.b2b12__reviewsBox:after, .b2b11__lineName.b2b02__dt:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  right: 0;
  height: 2rem;
  width: 2rem;
  background: var(--blue);
  transition: transform var(--time), background-color var(--time);
  mask: url(../img/icons/angle.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/angle.svg) center center/100% no-repeat;
}
._acco-opened .b2b11__lineName.t-title:after, ._acco-opened .b2b11__lineName.b2b16__question:after, ._acco-opened .b2b11__lineName.b2b13__name:after, ._acco-opened .b2b11__lineName.b2b12__reviewsBox:after, ._acco-opened .b2b11__lineName.b2b02__dt:after {
  transform: rotate(-180deg);
}
@media (min-width: 992px) {
  .b2b11__lineName.t-title:hover, .b2b11__lineName.b2b16__question:hover, .b2b11__lineName.b2b13__name:hover, .b2b11__lineName.b2b12__reviewsBox:hover, .b2b11__lineName.b2b02__dt:hover {
    color: var(--ac-red);
  }
  .b2b11__lineName.t-title:hover:after, .b2b11__lineName.b2b16__question:hover:after, .b2b11__lineName.b2b13__name:hover:after, .b2b11__lineName.b2b12__reviewsBox:hover:after, .b2b11__lineName.b2b02__dt:hover:after {
    background: var(--ac-red);
  }
}
.b2b11__lineHidden {
  display: none;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .b2b11__lineHidden {
    padding-bottom: 5rem;
  }
}
.b2b11__ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .b2b11__ul {
    display: grid;
    grid-template: 1fr/repeat(2, 1fr);
    align-items: flex-start;
    gap: 1.5rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b11__ul {
    grid-template: 1fr/repeat(3, 1fr);
    gap: 2rem 3.2rem;
  }
}
.b2b11__li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.2rem;
  min-height: 2.4rem;
  padding-left: 2.9rem;
  break-inside: avoid-column;
}
.b2b11__li:before {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  top: 0.3rem;
  left: 0.5rem;
  background: var(--light-blue);
  border-radius: 50%;
}
.b2b11__dd {
  opacity: 0.7;
}
.b2b11__schemes {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3rem;
}
@media (min-width: 768px) {
  .b2b11__schemes {
    gap: 4rem;
  }
}
@media (min-width: 992px) {
  .b2b11__schemes {
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 3.2rem;
  }
}
.b2b11__scheme {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .b2b11__scheme {
    gap: 2rem;
  }
}
.b2b11__schemeImage {
  max-width: 100%;
}
.b2b11__schemeName {
  font-weight: 600;
  text-transform: uppercase;
}
.b2b11__schemeList {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.b2b11__schemeItem {
  display: flex;
  gap: 0.8rem;
}
.b2b11__schemeDt {
  min-width: 3.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.b2b11__schemeDt._symbol {
  font-size: 0;
}
.b2b11__schemeDt._symbol:before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../pic/05/bukva_zu.svg") center center/100% no-repeat;
}
.b2b12.t-section {
  padding: 4rem 1rem;
}
@media (min-width: 768px) {
  .b2b12.t-section {
    padding: 8rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b12.t-section {
    padding: 8rem 0;
  }
}
.b2b12.t-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--bg-grey);
  z-index: -1;
}
.b2b12__title.t-title, .b2b12__title.b2b16__question, .b2b12__title.b2b13__name, .b2b12__title.b2b12__reviewsBox, .b2b12__title.b2b02__dt {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b12__title.t-title, .b2b12__title.b2b16__question, .b2b12__title.b2b13__name, .b2b12__title.b2b12__reviewsBox, .b2b12__title.b2b02__dt {
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .b2b12__template {
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 4rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b12__template {
    grid-template: auto/repeat(3, 1fr);
    gap: 4rem 3.2rem;
  }
}
.b2b12__template:before {
  content: "";
  display: block;
  border-radius: var(--rad-l);
  background: url("../pic/14/bg.webp") center center/cover no-repeat;
  height: 24rem;
}
@media (min-width: 768px) {
  .b2b12__template:before {
    height: auto;
    max-height: 40rem;
  }
}
@media (min-width: 992px) {
  .b2b12__template:before {
    grid-area: 1/1/3/2;
    max-height: 30rem;
  }
}
.b2b12__block {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .b2b12__block {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .b2b12__block._pdf {
    grid-column: 2/4;
  }
}
@media (min-width: 768px) {
  .b2b12__block._images {
    grid-column: 1/3;
  }
}
@media (min-width: 992px) {
  .b2b12__block._images {
    grid-column: 2/4;
  }
}
.b2b12__text {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .b2b12__text {
    margin-bottom: 3rem;
  }
}
.b2b12__show {
  color: var(--ac);
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  transition: color var(--time);
}
.b2b12__show:after {
  content: "";
  background: var(--ac);
  width: 2rem;
  height: 2rem;
  mask: url(../img/icons/angle.svg) center center/2rem no-repeat;
  -webkit-mask: url(../img/icons/angle.svg) center center/2rem no-repeat;
  transition: background-color var(--time);
}
@media (min-width: 992px) {
  .b2b12__show:hover {
    color: var(--ac-red);
  }
  .b2b12__show:hover:after {
    background: var(--ac-red);
  }
}
.b2b12__show:active {
  color: var(--ac-red);
}
.b2b12__show:active:after {
  background: var(--ac-red);
}
@media (min-width: 992px) {
  .b2b12__show:active {
    color: var(--blue);
  }
  .b2b12__show:active:after {
    background: var(--blue);
  }
}
.b2b12__hidden {
  display: none;
}
.b2b12__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-bottom: 0.1rem solid var(--light);
}
@media (min-width: 768px) {
  ._images .b2b12__list {
    display: grid;
    grid-template: auto/repeat(2, 1fr);
    gap: 0 1.6rem;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  ._images .b2b12__list {
    gap: 0 3.2rem;
  }
}
.b2b12__item {
  border-top: 0.1rem solid var(--light);
  padding: 1.5rem 0 1.5rem 3.6rem;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 5.4rem;
  transition: color var(--time);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--blue);
  text-decoration: none;
}
@media (min-width: 768px) {
  .b2b12__item {
    min-height: 7.4rem;
    padding: 2.5rem 0 2.5rem 3.6rem;
  }
}
@media (min-width: 768px) {
  ._images .b2b12__item:nth-last-child(1), ._images .b2b12__item:nth-last-child(2) {
    border-bottom: 0.1rem solid var(--light);
  }
}
.b2b12__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: var(--blue);
  transition: background-color var(--time);
}
._pdf .b2b12__item:before {
  mask: url(../pic/14/pdf.svg) center center/100% no-repeat;
  -webkit-mask: url(../pic/14/pdf.svg) center center/100% no-repeat;
}
._images .b2b12__item:before {
  mask: url(../pic/14/file.svg) center center/100% no-repeat;
  -webkit-mask: url(../pic/14/file.svg) center center/100% no-repeat;
}
@media (min-width: 992px) {
  .b2b12__item:hover {
    color: var(--ac-red);
  }
  .b2b12__item:hover:before {
    background-color: var(--ac-red);
  }
}
.b2b12__reviews {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 4rem;
}
@media (min-width: 768px) {
  .b2b12__reviews {
    margin-top: 0.8rem;
    gap: 3rem 3rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .b2b12__reviews {
    grid-column: 2/4;
  }
}
.b2b12__reviewsName {
  width: 100%;
}
@media (min-width: 768px) {
  .b2b12__reviewsName {
    grid-column: span 2;
  }
}
.b2b12__reviewsBox {
  width: 15rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem 1rem;
  color: var(--blue);
  cursor: pointer;
  text-decoration: none;
}
@media (min-width: 768px) {
  .b2b12__reviewsBox {
    justify-self: flex-start;
    width: 18.2rem;
  }
}
.b2b12__reviewsBox:before {
  content: "";
  justify-self: center;
  display: block;
  width: 11.4rem;
  height: 3.2rem;
  grid-column: span 2;
  background: center center/contain no-repeat;
}
@media (min-width: 768px) {
  .b2b12__reviewsBox:before {
    width: 18.2rem;
    height: 5.2rem;
  }
}
.b2b12__reviewsBox:after {
  content: "";
  grid-area: 2/1/3/2;
  background: var(--ac-yellow);
  width: 11rem;
  height: 2.4rem;
  align-self: center;
  mask: url(../pic/b2b/b2b_12_reviewStar.svg) center center/2.2rem repeat-x;
  -webkit-mask: url(../pic/b2b/b2b_12_reviewStar.svg) center center/2.2rem repeat-x;
}
@media (min-width: 768px) {
  .b2b12__reviewsBox:after {
    width: 13.5rem;
    -webkit-mask-size: 2.7rem;
    mask-size: 2.7rem;
  }
}
.b2b12__reviewsBox._ya:before {
  background-image: url("../pic/b2b/b2b_12_ya.svg");
}
.b2b12__reviewsBox._2gis:before {
  background-image: url("../pic/b2b/b2b_12_2gis.svg");
}

.b2b12-modalImage.modal__block {
  padding: 0;
  min-width: 33rem;
  max-width: 33rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  .b2b12-modalImage.modal__block {
    min-width: 56rem;
    max-width: 56rem;
  }
}

.b2b13.t-section {
  padding: 6rem 1rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b13.t-section {
    padding: 12rem 1.6rem 6rem;
  }
}
@media (min-width: 992px) {
  .b2b13.t-section {
    padding: 12rem 0 6rem;
  }
}
.b2b13__title.t-title, .b2b13__title.b2b16__question, .b2b13__title.b2b13__name, .b2b13__title.b2b02__dt, .b2b13__title.b2b12__reviewsBox {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b13__title.t-title, .b2b13__title.b2b16__question, .b2b13__title.b2b13__name, .b2b13__title.b2b02__dt, .b2b13__title.b2b12__reviewsBox {
    margin-bottom: 4rem;
  }
}
.b2b13__arrows {
  display: none;
}
@media (min-width: 992px) {
  .b2b13__arrows {
    display: flex;
    gap: 3rem;
  }
}
.b2b13__arrow {
  display: block;
}
.b2b13__swiper {
  margin: 0 -1rem;
  width: calc(100% + 2rem);
  overflow: visible;
}
@media (min-width: 768px) {
  .b2b13__swiper {
    margin: 0 -1.6rem;
    width: calc(100% + 3.2rem);
  }
}
@media (min-width: 992px) {
  .b2b13__swiper {
    margin: 0 -1.6rem;
  }
}
.b2b13__slide {
  width: 33rem;
  margin-left: 1rem;
  position: relative;
  display: grid;
}
@media (min-width: 768px) {
  .b2b13__slide {
    width: 43.2rem;
    margin-left: 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b13__slide {
    margin: 0 1.6rem;
  }
}
.b2b13__slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b13__slide:last-child {
    margin-right: 1.6rem;
  }
}
.b2b13__photo {
  width: 100%;
  display: block;
  grid-area: 1/1/2/2;
  border-radius: 1.6rem;
  height: 42rem;
  object-fit: cover;
}
@media (min-width: 768px) {
  .b2b13__photo {
    height: auto;
  }
}
.b2b13__tags {
  grid-area: 1/1/2/2;
  display: flex;
  flex-wrap: wrap;
  justify-self: flex-start;
  align-self: flex-start;
  margin: 1rem;
  gap: 1rem;
}
.b2b13__tag {
  font-size: 1.4rem;
  background: var(--white);
  opacity: 0.8;
  color: var(--blue);
  padding: 0.6rem 1rem;
  font-weight: 500;
  border-radius: 1.2rem;
}
@media (min-width: 768px) {
  .b2b13__tag {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 1rem 1.5rem;
  }
}
.b2b13__content {
  grid-area: 1/1/2/2;
  justify-self: stretch;
  align-self: flex-end;
  padding: 2rem;
  margin: 1rem;
  background: rgba(55, 65, 72, 0.6);
  backdrop-filter: blur(0.5rem);
  border-radius: 1.2rem;
  min-height: 17.2rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .b2b13__content {
    min-height: 20.5rem;
  }
}
@media (min-width: 992px) {
  .b2b13__content {
    min-height: 20.5rem;
  }
}
.b2b13__name {
  margin-bottom: 1rem;
  color: var(--white);
}
.b2b13__desc {
  color: var(--white);
}

.b2b14.t-section {
  padding: 3rem 1rem 6rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b14.t-section {
    padding: 6rem 1.6rem 12rem;
  }
}
@media (min-width: 992px) {
  .b2b14.t-section {
    padding: 6rem 0 12rem;
  }
}
.b2b14__title {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .b2b14__title {
    margin-bottom: 2rem;
  }
}
.b2b14__subtitle {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b14__subtitle {
    margin-bottom: 4rem;
  }
}
.b2b14__swiper {
  margin: 0 -1rem;
  width: calc(100% + 2rem);
  overflow: visible;
}
@media (min-width: 768px) {
  .b2b14__swiper {
    margin: 0;
    width: auto;
  }
}
.b2b14__wrapper {
  align-items: stretch;
  counter-reset: slider_09;
}
@media (min-width: 768px) {
  .b2b14__wrapper {
    display: grid;
    grid-template: repeat(3, 1fr)/repeat(2, 1fr);
    gap: 2rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b14__wrapper {
    grid-template: repeat(2, 1fr)/repeat(3, 1fr);
    gap: 3.2rem 3.2rem;
  }
}
.b2b14__slide {
  width: 33rem;
  margin-left: 1rem;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--rad-l);
  height: auto;
  border: 0.1rem solid var(--light);
  padding: 8rem 1.9rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .b2b14__slide {
    width: auto !important;
    margin: 0;
    padding: 11.3rem 1.9rem 2rem;
  }
}
@media (min-width: 992px) {
  .b2b14__slide {
    padding: 13.5rem 1.9rem 2rem;
  }
}
.b2b14__slide:last-child {
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .b2b14__slide:last-child {
    margin-right: 0;
  }
}
.b2b14__slide._1 {
  background: var(--bg-grey);
}
@media (min-width: 768px) {
  .b2b14__slide._1 {
    grid-column: 1/3;
  }
}
.b2b14__slide._5 {
  color: var(--white);
  background: var(--ac) url("../pic/09/lines.svg") right bottom/18rem no-repeat;
  border-color: var(--ac);
}
.b2b14__slide._5 ::selection {
  color: var(--ac);
  background: var(--white);
}
.b2b14__slide._5:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 3.6rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: url("../pic/b2b/b2b_14_5step.webp") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .b2b14__slide._5:after {
    width: 10.8rem;
    height: 10.8rem;
    top: 2rem;
    right: 2rem;
  }
}
.b2b14__slide:before {
  content: "0" counter(slider_09);
  counter-increment: slider_09;
  position: absolute;
  top: 1rem;
  left: 2rem;
  font-size: 5rem;
  line-height: 1em;
  font-weight: 200;
}
@media (min-width: 768px) {
  .b2b14__slide:before {
    font-size: 7rem;
  }
}
._1 .b2b14__text {
  margin-top: auto;
}
.b2b15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  color: var(--white);
}
.b2b15.t-section {
  padding: 4rem 1rem;
}
@media (min-width: 768px) {
  .b2b15.t-section {
    padding: 8rem 1.6rem;
  }
}
@media (min-width: 992px) {
  .b2b15.t-section {
    padding: 8rem 0;
  }
}
.b2b15:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--bg-gradient);
  z-index: -1;
}
.b2b15__title.t-title, .b2b15__title.b2b16__question, .b2b15__title.b2b02__dt, .b2b15__title.b2b12__reviewsBox, .b2b15__title.b2b13__name {
  margin-bottom: 1rem;
  color: var(--white);
}
@media (min-width: 768px) {
  .b2b15__title.t-title, .b2b15__title.b2b16__question, .b2b15__title.b2b02__dt, .b2b15__title.b2b12__reviewsBox, .b2b15__title.b2b13__name {
    margin-bottom: 2rem;
  }
}
.b2b15__text {
  margin-bottom: 2.5rem;
  max-width: 118rem;
}
@media (min-width: 768px) {
  .b2b15__button.t-button {
    width: auto;
  }
}

.b2b16.t-section {
  padding: 6rem 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 768px) {
  .b2b16.t-section {
    padding: 12rem 1.6rem 0;
  }
}
@media (min-width: 992px) {
  .b2b16.t-section {
    padding: 12rem 0 0;
  }
}
.b2b16__title.t-title, .b2b16__title.b2b16__question, .b2b16__title.b2b02__dt, .b2b16__title.b2b12__reviewsBox, .b2b16__title.b2b13__name {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .b2b16__title.t-title, .b2b16__title.b2b16__question, .b2b16__title.b2b02__dt, .b2b16__title.b2b12__reviewsBox, .b2b16__title.b2b13__name {
    margin-bottom: 4rem;
  }
}
.b2b16__item {
  border-top: 0.1rem solid var(--light);
}
.b2b16__item:last-child {
  border-bottom: 0.1rem solid var(--light);
}
.b2b16__question {
  min-height: 9rem;
  display: flex;
  padding-right: 4rem;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color var(--time);
}
._acco-opened .b2b16__question {
  color: var(--ac);
}
.b2b16__question:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  right: 0;
  height: 2rem;
  width: 2rem;
  background: var(--blue);
  transition: transform var(--time), background-color var(--time);
  mask: url(../img/icons/angle.svg) center center/100% no-repeat;
  -webkit-mask: url(../img/icons/angle.svg) center center/100% no-repeat;
}
._acco-opened .b2b16__question:after {
  transform: rotate(-180deg);
  background: var(--ac);
}
@media (min-width: 992px) {
  .b2b16__question:hover {
    color: var(--ac-red);
  }
  .b2b16__question:hover:after {
    background: var(--ac-red);
  }
}
.b2b16__answer {
  display: none;
  max-width: 89.6rem;
  padding-bottom: 3rem;
}
.p404 {
  background: var(--blue);
  color: var(--white);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  box-sizing: border-box;
  padding: 4rem 1rem;
}
@media (min-width: 768px) {
  .p404 {
    padding: 6rem 1.6rem;
    justify-content: center;
    gap: 6rem;
  }
}
@media (min-width: 992px) {
  .p404 {
    padding: 12rem calc(50vw - 68rem);
    display: grid;
    grid-template: repeat(2, auto)/2fr 1fr;
    gap: 4rem 3.2rem;
  }
}
.p404:before {
  content: "";
  display: block;
  width: 38rem;
  height: 22.7rem;
  background: url("../pic/404.svg") center center/100% no-repeat;
}
@media (min-width: 768px) {
  .p404:before {
    width: 56rem;
    height: 33.4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .p404:before {
    width: 88.4rem;
    height: 52.8rem;
    grid-area: 1/1/3/2;
    justify-self: flex-end;
    align-self: center;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .p404:before {
    transform: translateX(-5.8rem);
  }
}
.p404:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: var(--blue);
  z-index: -1;
}
.p404__title.t-title, .p404__title.b2b02__dt, .p404__title.b2b12__reviewsBox, .p404__title.b2b13__name, .p404__title.b2b16__question {
  max-width: 28rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p404__title.t-title, .p404__title.b2b02__dt, .p404__title.b2b12__reviewsBox, .p404__title.b2b13__name, .p404__title.b2b16__question {
    max-width: 44rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .p404__title.t-title, .p404__title.b2b02__dt, .p404__title.b2b12__reviewsBox, .p404__title.b2b13__name, .p404__title.b2b16__question {
    justify-self: flex-start;
    align-self: flex-end;
    margin-bottom: 0;
    text-align: left;
  }
}
.p404__button.t-button {
  width: auto;
}
@media (min-width: 992px) {
  .p404__button.t-button {
    justify-self: flex-start;
    align-self: flex-start;
  }
}

#getListFromFirstB2bBlockInMobile .formModal__title,
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title {
  font-size: 0;
  line-height: 0;
}

#getListFromFirstB2bBlockInDesktop {
  height: 50rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.t-title, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b02__dt, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b12__reviewsBox, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b13__name, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b16__question {
  margin-bottom: 0;
}
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.t-title:before, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b02__dt:before, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b12__reviewsBox:before, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b13__name:before, #getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__title.b2b16__question:before {
  background-image: url("../img/modal/listModal.svg");
  width: 6rem;
  height: 4.5rem;
}
#getListFromFirstB2bBlockInDesktop:not(._ok).modal__block {
  background-position: right -3rem bottom -15rem;
}
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__desc {
  text-align: left;
}
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__form {
  margin-top: 3rem;
}
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__check {
  margin-top: 0;
}
#getListFromFirstB2bBlockInDesktop:not(._ok) .formModal__submit._disabled {
  opacity: 1;
  background: var(--ac);
}

html.b2b ._day .formModal__title.t-title:before, html.b2b ._day .formModal__title.b2b02__dt:before, html.b2b ._day .formModal__title.b2b12__reviewsBox:before, html.b2b ._day .formModal__title.b2b13__name:before, html.b2b ._day .formModal__title.b2b16__question:before {
  background-image: url("../img/modal/listModalDay.svg");
}
html.b2b ._night .formModal__title.t-title:before, html.b2b ._night .formModal__title.b2b02__dt:before, html.b2b ._night .formModal__title.b2b12__reviewsBox:before, html.b2b ._night .formModal__title.b2b13__name:before, html.b2b ._night .formModal__title.b2b16__question:before {
  background-image: url("../img/modal/listModalNight.svg");
}
html.b2b ._day ._ok .formModal__title.t-title:before, html.b2b ._day ._ok .formModal__title.b2b02__dt:before, html.b2b ._day ._ok .formModal__title.b2b12__reviewsBox:before, html.b2b ._day ._ok .formModal__title.b2b13__name:before, html.b2b ._day ._ok .formModal__title.b2b16__question:before,
html.b2b ._night ._ok .formModal__title.t-title:before,
html.b2b ._night ._ok .formModal__title.b2b02__dt:before,
html.b2b ._night ._ok .formModal__title.b2b12__reviewsBox:before,
html.b2b ._night ._ok .formModal__title.b2b13__name:before,
html.b2b ._night ._ok .formModal__title.b2b16__question:before {
  background-image: url("../img/modal/infoModalOk.svg");
}

/*# sourceMappingURL=b2b-style.css.map */