@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-r.woff2") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-r.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-b.woff2") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-b.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-i.html") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-i-2.html") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-t.html") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-t-2.html") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-m.woff2") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-m.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-s-b.woff2") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-s-b.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-e-b.woff2") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-e-b.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../../../../../../g/fonts/manrope/manrope-b-i.html") format("woff2"), url("../../../../../../g/fonts/manrope/manrope-b-i-2.html") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
html {
  font-size: calc(1vw / 3.6);
}
@media (min-width: 640px) {
  html {
    font-size: calc(1vw / 7.68);
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(1vw / 19.2);
  }
}
html._opened {
  overflow: hidden;
}
html {
  --primary-color: #FF7327;
  --primary-shadow: 0px 16rem 40rem 0px rgba(255, 115, 39, 0.26);
  --form-bg: url("../top-block-bg.webp")  center / cover no-repeat, #1A1A1A;
}
html._1 {
  --primary-color: #529B06;
  --primary-shadow: 0px 16rem 40rem 0px rgb(82, 155, 6, 0.26);
  --form-bg: url("../top-block-bg_11.webp")  center / cover no-repeat, #1A1A1A;
}
html._2 {
  --primary-color: #3683FF;
  --primary-shadow: 0px 16rem 40rem 0px rgb(54, 131, 255, 0.26);
  --form-bg: url("../remont-bg-form.webp")  center / cover no-repeat, #1A1A1A;
}
.mg-popup-form__close svg path {
  stroke: var(--primary-color);
}
body {
  margin: 0;
  position: relative;
  background: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 10rem;
}
.wrapper {
  overflow: hidden;
  position: relative;
  background: #fff;
}
@media (min-width: 1200px) {
  .center {
    margin-left: auto;
    margin-right: auto;
    max-width: 1744rem;
  }
}
.header {
  box-sizing: border-box;
  padding: 8rem;
}
@media (min-width: 640px) {
  .header {
    padding: 16rem;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__inner .logo {
  line-height: 0;
  text-decoration: none;
}
.header__inner .logo img {
  height: 20rem;
}
@media (min-width: 640px) {
  .header__inner .logo img {
    height: 28rem;
  }
}
@media (min-width: 1200px) {
  .header__inner .logo img {
    height: 48rem;
  }
}
.header__right {
  display: flex;
  align-items: center;
}
.header__right .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  text-decoration: none;
  box-sizing: border-box;
  border: 0.5rem solid #D9D9D9;
  padding: 10rem;
  border-radius: 9rem;
}
@media (min-width: 640px) {
  .header__right .social-link {
    border: 1rem solid #D9D9D9;
    padding: 16rem;
    border-radius: 14rem;
  }
}
@media (min-width: 1200px) {
  .header__right .social-link {
    border-radius: 24rem;
    border: 1rem solid #D9D9D9;
    padding: 27rem;
  }
}
.header__right .social-link svg {
  width: 12rem;
  height: 12rem;
}
@media (min-width: 640px) {
  .header__right .social-link svg {
    width: 14rem;
    height: 14rem;
  }
}
@media (min-width: 1200px) {
  .header__right .social-link svg {
    width: 24rem;
    height: 24rem;
  }
}
.header__right .social-link._wa {
  margin: 0 4rem;
}
@media (min-width: 640px) {
  .header__right .social-link._wa {
    margin: 0 16rem 0 4.8rem;
  }
}
@media (min-width: 1200px) {
  .header__right .social-link._wa {
    margin: 0 24rem 0 8rem;
  }
}
.header__right .social-link:hover {
  border-color: var(--primary-color);
}
.header__right .social-link:hover svg path {
  fill: var(--primary-color);
}
.header__right-phone {
  display: none;
  text-decoration: none;
}
@media (min-width: 640px) {
  .header__right-phone {
    text-decoration: none;
    display: inline-block;
    color: #000;
    text-align: center;
    font-size: 13rem;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.6rem;
    margin-right: 16rem;
  }
  .header__right-phone:hover {
    color: var(--primary-color);
  }
}
@media (min-width: 640px) and (min-width: 1200px) {
  .header__right-phone {
    font-size: 22rem;
    font-weight: 500;
    margin-right: 24rem;
    letter-spacing: 0;
  }
}
.header__right-btn {
  text-decoration: none;
  border-radius: 9rem;
  border: 0.5rem solid #D9D9D9;
  box-sizing: border-box;
  padding: 10rem 12.5rem;
  color: #000;
  font-size: 10rem;
  font-weight: 600;
  line-height: 120%;
  overflow: hidden;
  transition: 0.3s ease;
  height: 34rem;
}
@media (min-width: 640px) {
  .header__right-btn {
    border: 1rem solid #D9D9D9;
    padding: 15rem 23rem;
    font-size: 13rem;
    border-radius: 14rem;
    height: 48rem;
  }
}
@media (min-width: 1200px) {
  .header__right-btn {
    border: 1rem solid #D9D9D9;
    border-radius: 24rem;
    padding: 26rem 31rem 23rem;
    font-size: 22rem;
    height: 80rem;
  }
}
.header__right-btn svg {
  width: 8rem;
  height: 8rem;
  min-width: 8rem;
  margin-left: 8rem;
}
@media (min-width: 640px) {
  .header__right-btn svg {
    width: 8.631rem;
    height: 8.631rem;
  }
}
@media (min-width: 1200px) {
  .header__right-btn svg {
    width: 14.385rem;
    height: 14.385rem;
    margin-left: 16rem;
  }
}
.header__right-btn div._wrap div {
  display: flex;
  align-items: center;
}
.header__right-btn div._wrap div._view {
  color: #fff;
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 1200px) {
  .header__right-btn div._wrap div._view {
    display: block;
    margin-top: 24rem;
  }
}
.header__right-btn div._wrap div._out {
  transition: margin 0.3s ease;
}
.header__right-btn:hover {
  color: #FFF;
  border-color: var(--primary-color);
  background: var(--primary-color);
}
.header__right-btn:hover svg path {
  fill: #FFF;
}
@media (min-width: 1200px) {
  .header__right-btn:hover div._wrap div._out {
    margin-top: -51rem;
  }
}
.top-block {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .top-block {
    margin: 0 16rem;
  }
}
@media (min-width: 640px) {
  .top-block__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
  }
}
@media (min-width: 1200px) {
  .top-block__inner {
    grid-gap: 16rem;
  }
}
.top-block__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 48rem 24rem 40rem 24rem;
  border-radius: 12rem;
  overflow: hidden;
  background: url("../top-block-bg-m.webp") center / cover no-repeat, #1A1A1A;
}
.top-block__left._1 {
  background: url("../top-block-bg-m_1.webp") center / cover no-repeat, #1A1A1A;
}
.top-block__left._2 {
  background: url("../remont-top-bg-m.webp") center / cover no-repeat, #1A1A1A;
}
@media (min-width: 640px) {
  .top-block__left {
    background: #1A1A1A;
    align-items: flex-start;
    border-radius: 16rem;
    padding: 32rem;
  }
  .top-block__left._1 {
    background: #1A1A1A;
  }
  .top-block__left._2 {
    background: #1A1A1A;
  }
}
@media (min-width: 1200px) {
  .top-block__left {
    padding: 379rem 72rem 80rem;
    border-radius: 32rem;
  }
}
.top-block__left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(26, 26, 26, 0.8);
  pointer-events: none;
}
.top-block__title {
  position: relative;
  color: #FFF;
  text-align: center;
  font-size: 32rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 8rem;
  margin-top: 0;
}
@media (min-width: 640px) {
  .top-block__title {
    text-align: left;
    font-size: 36rem;
  }
}
@media (min-width: 1200px) {
  .top-block__title {
    font-size: 80rem;
    letter-spacing: -2rem;
    margin-bottom: 32rem;
  }
}
.top-block__btn-wrap {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin-bottom: 32rem;
}
@media (min-width: 640px) {
  .top-block__btn-wrap {
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .top-block__btn-wrap {
    margin-bottom: 0;
    flex-direction: row;
    align-items: center;
  }
}
.top-block__btn {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 15.271rem 18.525rem;
  border: 1px solid var(--primary-color);
  border-radius: 12rem;
  background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%), #6D8B08;
  color: #FFF;
  text-align: center;
  font-size: 13.017rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.6rem;
}
@media (min-width: 640px) {
  .top-block__btn {
    padding: 17.771rem 21.525rem;
    border-radius: 16rem;
    font-size: 16rem;
    letter-spacing: -0.692rem;
  }
}
@media (min-width: 1200px) {
  .top-block__btn {
    padding: 27rem 39rem;
    border-radius: 24rem;
    font-size: 24rem;
    height: 85rem;
    overflow: hidden;
    width: auto;
  }
}
.top-block__btn div._wrap div {
  display: flex;
  align-items: center;
}
.top-block__btn div._wrap div._view {
  color: #fff;
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 1200px) {
  .top-block__btn div._wrap div._view {
    display: block;
    margin-top: 34rem;
  }
}
.top-block__btn div._wrap div._out {
  transition: margin 0.3s ease;
}
.top-block__btn svg {
  width: 9.913rem;
  height: 9.913rem;
  margin-left: 11.03rem;
}
@media (min-width: 640px) {
  .top-block__btn svg {
    width: 11.436rem;
    height: 11.436rem;
    margin-left: 12.72rem;
  }
}
@media (min-width: 1200px) {
  .top-block__btn svg {
    width: 14.385rem;
    height: 14.385rem;
    margin-left: 16rem;
  }
}
.top-block__btn:hover {
  background: transparent;
}
.top-block__btn:hover svg path {
  fill: var(--primary-color);
}
@media (min-width: 1200px) {
  .top-block__btn:hover div._wrap div._out {
    margin-top: -61rem;
  }
}
.top-block__btn-text {
  color: #888;
  text-align: center;
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.6rem;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .top-block__btn-text {
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  .top-block__btn-text {
    margin-bottom: 0;
    margin-left: 32rem;
    font-size: 24rem;
    letter-spacing: -0.8rem;
    text-align: left;
  }
}
.top-block__btn-text br {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__btn-text br {
    display: block;
  }
}
.top-block__list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8rem;
}
@media (min-width: 1200px) {
  .top-block__list {
    display: none;
  }
}
.top-block__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .top-block__item {
    align-items: flex-start;
  }
}
.top-block__item svg {
  width: 13rem;
  height: 13rem;
  margin-bottom: 6rem;
}
.top-block__item-title {
  color: #FFF;
  text-align: center;
  font-size: 9rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .top-block__item-title {
    text-align: left;
  }
}
.top-block__right {
  display: none;
}
@media (min-width: 640px) {
  .top-block__right {
    display: block;
    background: url("../top-block-bg-m.webp") center / cover no-repeat, #1A1A1A;
    border-radius: 16rem;
  }
  .top-block__right._1 {
    background: url("../top-block-bg-m_1.webp") center / cover no-repeat, #1A1A1A;
  }
  .top-block__right._2 {
    background: url("../remont-top-bg-m.webp") center / cover no-repeat, #1A1A1A;
  }
}
@media (min-width: 1200px) {
  .top-block__right {
    background: url("../top-block-bg.webp") center / cover no-repeat, #1A1A1A;
    border-radius: 32rem;
    position: relative;
  }
  .top-block__right._1 {
    background: url("../top-block-bg_1.webp") center / cover no-repeat, #1A1A1A;
  }
  .top-block__right._2 {
    background: url("../remont-top-bg.webp") center / cover no-repeat, #1A1A1A;
  }
}
.top-block__right-elem1 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right-elem1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
  }
  .top-block__right-elem1 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: 10rem;
    top: -145rem;
  }
  .top-block__right-elem1 span img {
    width: 390rem;
  }
}
.top-block__right-list {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right-list {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 32rem 0 0 0;
    overflow: hidden;
    width: 323rem;
    border-right: 1rem solid var(--primary-color);
  }
  .top-block__right-list._1 {
    background: rgba(26, 26, 26, 0.5);
    backdrop-filter: blur(6.5px);
  }
  .top-block__right-list._2 {
    background: rgba(26, 26, 26, 0.5);
    backdrop-filter: blur(6.5px);
  }
}
.top-block__right-item {
  box-sizing: border-box;
  padding: 32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 220rem;
  width: 323rem;
  border: 1rem solid var(--primary-color);
}
.top-block__right-item:last-child {
  border-bottom: none;
}
.top-block__right-item-title {
  color: #FFF;
  font-size: 23rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.4rem;
}
.top-block__right-elem2 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right-elem2 {
    display: block;
    line-height: 0;
    position: absolute;
    top: 56rem;
    right: -56rem;
  }
  .top-block__right-elem2 img {
    width: 672rem;
  }
}
.top-block__right._1 .top-block__right-elem1 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._1 .top-block__right-elem1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
  }
  .top-block__right._1 .top-block__right-elem1 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: -106rem;
    top: 26rem;
  }
  .top-block__right._1 .top-block__right-elem1 span img {
    width: 390rem;
  }
}
.top-block__right._1 .top-block__right-elem2 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._1 .top-block__right-elem2 {
    display: block;
    line-height: 0;
    position: absolute;
    top: 28rem;
    right: 55rem;
    z-index: 1;
  }
  .top-block__right._1 .top-block__right-elem2 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: -106rem;
    top: 26rem;
  }
  .top-block__right._1 .top-block__right-elem2 span img {
    width: 674rem;
  }
}
.top-block__right._1 .top-block__right-elem3 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._1 .top-block__right-elem3 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
  }
  .top-block__right._1 .top-block__right-elem3 span {
    display: block;
    line-height: 0;
    position: absolute;
    left: 210rem;
    bottom: 50rem;
  }
  .top-block__right._1 .top-block__right-elem3 span img {
    width: 282rem;
  }
}
.top-block__right._1 .top-block__right-elem4 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._1 .top-block__right-elem4 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
  }
  .top-block__right._1 .top-block__right-elem4 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: -12rem;
    top: 18rem;
  }
  .top-block__right._1 .top-block__right-elem4 span img {
    width: 568rem;
  }
}
.top-block__right._2 .top-block__right-elem1 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._2 .top-block__right-elem1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
  }
  .top-block__right._2 .top-block__right-elem1 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: 376rem;
    top: 50rem;
  }
  .top-block__right._2 .top-block__right-elem1 span img {
    width: 131rem;
  }
}
.top-block__right._2 .top-block__right-elem2 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._2 .top-block__right-elem2 {
    display: block;
    line-height: 0;
    position: absolute;
    top: 28rem;
    right: 55rem;
    z-index: 1;
  }
  .top-block__right._2 .top-block__right-elem2 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: -106rem;
    top: 26rem;
  }
  .top-block__right._2 .top-block__right-elem2 span img {
    width: 674rem;
  }
}
.top-block__right._2 .top-block__right-elem3 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._2 .top-block__right-elem3 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
  }
  .top-block__right._2 .top-block__right-elem3 span {
    display: block;
    line-height: 0;
    position: absolute;
    right: 25rem;
    top: 70rem;
  }
  .top-block__right._2 .top-block__right-elem3 span img {
    width: 200rem;
  }
}
.top-block__right._2 .top-block__right-elem4 {
  display: none;
}
@media (min-width: 1200px) {
  .top-block__right._2 .top-block__right-elem4 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
  }
  .top-block__right._2 .top-block__right-elem4 span {
    display: block;
    line-height: 0;
    position: absolute;
    left: 270rem;
    bottom: 122rem;
  }
  .top-block__right._2 .top-block__right-elem4 span img {
    width: 232rem;
  }
}
.subject-matter {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .subject-matter {
    margin: 0 16rem;
  }
}
.subject-matter__list {
  box-sizing: border-box;
  padding-top: 32rem;
  margin-bottom: 8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 640px) {
  .subject-matter__list {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 0;
    padding: 40rem 32rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 80rem 72rem;
  }
}
.subject-matter__title {
  grid-column-start: 1;
  grid-column-end: 3;
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 23.5rem;
}
@media (min-width: 640px) {
  .subject-matter__title {
    grid-column-end: 4;
    font-size: 36rem;
    margin-bottom: 32rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__title {
    grid-column-end: 3;
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 0;
    font-size: 80rem;
    letter-spacing: -2rem;
  }
}
.subject-matter__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  border: 1rem solid #D9D9D9;
  padding: 23.5rem;
  position: relative;
  transition: 0.3s ease;
  background: #fff;
}
@media (min-width: 640px) {
  .subject-matter__item {
    padding: 32rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item {
    padding: 40rem;
    height: 378rem;
    overflow: hidden;
    background: #fff;
  }
}
.subject-matter__item:nth-child(odd) {
  margin-left: -1rem;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(odd) {
    margin-left: 0;
  }
}
.subject-matter__item:nth-child(n+2) {
  margin-top: -1rem;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(n+2) {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(n+5) {
    margin-top: -1rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(n+4) {
    margin-top: -1rem;
  }
}
.subject-matter__item:nth-child(2) {
  border-radius: 8rem 0px 0px 0px;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(2) {
    border-radius: 16rem 0px 0px 0px;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(2) {
    border-radius: 16rem 0px 0px 0px;
    margin-left: -1rem;
  }
}
.subject-matter__item:nth-child(3) {
  border-radius: 0px 8rem 0px 0px;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(3) {
    border-radius: 0px;
    margin-left: -1rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(3) {
    border-radius: 0px 16rem 0px 0px;
  }
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(4) {
    border-radius: 0px 16rem 0px 0px;
    margin-left: -1rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(4) {
    border-radius: 16rem 0px 0px 16rem;
    margin-left: 0;
  }
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(5) {
    border-radius: 0px 0px 0px 16rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(5) {
    border-radius: 0px 0px 0px 0px;
    margin-left: -1rem;
  }
}
.subject-matter__item:nth-child(6) {
  border-radius: 0px 0px 0px 8rem;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(6) {
    border-radius: 0px;
    margin-left: -1rem;
  }
}
.subject-matter__item:nth-child(7) {
  border-radius: 0px 0px 8rem 0px;
}
@media (min-width: 640px) {
  .subject-matter__item:nth-child(7) {
    border-radius: 0px 0px 16rem 0px;
    margin-left: -1rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:nth-child(7) {
    border-radius: 0px 0px 16rem 0px;
  }
}
.subject-matter__item:hover {
  z-index: 1;
  border: 1rem solid var(--primary-color);
  box-shadow: var(--primary-shadow);
  border-radius: 8rem;
  transform: scale(1.1) !important;
}
@media (min-width: 640px) {
  .subject-matter__item:hover {
    border-radius: 16rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item:hover {
    border-radius: 16rem;
  }
  .subject-matter__item:hover .subject-matter__item-link {
    margin-bottom: 0;
    margin-top: 24rem;
  }
}
.subject-matter__item-icon {
  line-height: 0;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .subject-matter__item-icon {
    margin-bottom: 32rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item-icon {
    margin-bottom: 0;
  }
}
.subject-matter__item-icon svg, .subject-matter__item-icon img {
  width: 32rem;
  height: 32rem;
}
@media (min-width: 640px) {
  .subject-matter__item-icon svg, .subject-matter__item-icon img {
    width: 40rem;
    height: 40rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item-icon svg, .subject-matter__item-icon img {
    width: 64rem;
    height: 64rem;
  }
}
.subject-matter__item-title {
  color: #000;
  font-size: 13rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.6rem;
  margin-bottom: 12rem;
  margin-top: auto;
}
@media (min-width: 640px) {
  .subject-matter__item-title {
    font-size: 16rem;
    margin-bottom: 16rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item-title {
    font-size: 28rem;
    margin-bottom: 0;
  }
}
.subject-matter__item-link {
  display: block;
  text-decoration: none;
  color: var(--primary-color);
  font-size: 11rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.6rem;
  transition: 0.3s ease;
}
@media (min-width: 640px) {
  .subject-matter__item-link {
    font-size: 12rem;
  }
}
@media (min-width: 1200px) {
  .subject-matter__item-link {
    box-sizing: border-box;
    color: #FFF;
    padding: 24rem 32rem;
    font-size: 20rem;
    line-height: 120%;
    letter-spacing: -0.8rem;
    border-radius: 20rem;
    background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%), #6D8B08;
    margin-top: 46rem;
    margin-bottom: -120rem;
  }
}
.subject-matter__item-link:hover {
  color: #000;
}
.block-why {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .block-why {
    margin: 0 16rem;
  }
}
.block-why__inner {
  box-sizing: border-box;
  border-radius: 12rem;
  padding: 32rem 24rem;
  background: url("../why-bg.webp") center / cover no-repeat, #1A1A1A;
}
.block-why__inner._1 {
  background: url("../why-bg_1.webp") center / cover no-repeat, #1A1A1A;
}
.block-why__inner._2 {
  background: url("../remont-why-bg.webp") center / cover no-repeat, #1A1A1A;
}
@media (min-width: 640px) {
  .block-why__inner {
    padding: 40rem 32rem;
    border-radius: 16rem;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .block-why__inner {
    padding: 80rem 72rem 74rem;
    border-radius: 32rem;
  }
}
.block-why__title {
  color: #FFF;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 24rem;
}
.block-why__title br {
  display: none;
}
@media (min-width: 640px) {
  .block-why__title {
    margin-bottom: 32rem;
    font-size: 36rem;
  }
}
@media (min-width: 1200px) {
  .block-why__title {
    max-width: 1085rem;
    font-size: 80rem;
    text-align: left;
    margin-bottom: 56rem;
    letter-spacing: -2rem;
  }
  .block-why__title br {
    display: block;
  }
}
.block-why__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 640px) {
  .block-why__list {
    max-width: 446rem;
  }
}
@media (min-width: 1200px) {
  .block-why__list {
    max-width: 1085rem;
    grid-gap: 16rem;
  }
}
.block-why__item {
  border-radius: 8rem;
  background: #1A1A1A;
  box-sizing: border-box;
  padding: 16rem;
}
@media (min-width: 1200px) {
  .block-why__item {
    padding: 40rem;
    border-radius: 24rem;
  }
}
.block-why__item-num {
  color: var(--primary-color);
  font-size: 20rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.6rem;
  margin-bottom: 8rem;
}
@media (min-width: 1200px) {
  .block-why__item-num {
    letter-spacing: -0.48rem;
    font-size: 48rem;
    margin-bottom: 16rem;
  }
}
.block-why__item-title {
  color: #FFF;
  font-size: 13rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.6rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .block-why__item-title {
    font-size: 16rem;
  }
}
@media (min-width: 1200px) {
  .block-why__item-title {
    font-size: 32rem;
    letter-spacing: -0.8rem;
  }
}
.block-why__item-text {
  color: #888;
  font-size: 9rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .block-why__item-text {
    font-size: 12rem;
  }
}
@media (min-width: 1200px) {
  .block-why__item-text {
    font-size: 24rem;
  }
}
.block-why__image {
  line-height: 0;
  width: 264rem;
  height: 286rem;
  position: relative;
}
@media (min-width: 640px) {
  .block-why__image {
    position: absolute;
    right: 10rem;
    top: 160rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image {
    width: 734rem;
    height: 895rem;
    z-index: 2;
  }
}
.block-why__image._1 {
  position: relative;
  width: 264rem;
  height: 344rem;
  line-height: 0;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .block-why__image._1 {
    position: absolute;
    right: 10rem;
    top: 160rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image._1 {
    width: 686rem;
    height: 894rem;
    right: 72rem;
  }
}
.block-why__image._1 > div {
  width: 264rem;
  height: 344rem;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 1200px) {
  .block-why__image._1 > div {
    width: 686rem;
    height: 894rem;
  }
}
.block-why__image._1 > div > img {
  width: 264rem;
  height: 344rem;
}
@media (min-width: 1200px) {
  .block-why__image._1 > div > img {
    width: 686rem;
    height: 894rem;
  }
}
.block-why__image._2 {
  position: relative;
  width: 264rem;
  height: 344rem;
  line-height: 0;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .block-why__image._2 {
    position: absolute;
    right: 10rem;
    top: 160rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image._2 {
    width: 686rem;
    height: 894rem;
    right: 72rem;
  }
}
.block-why__image._2 > div {
  width: 264rem;
  height: 344rem;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 1200px) {
  .block-why__image._2 > div {
    width: 686rem;
    height: 894rem;
    top: -126rem;
  }
}
.block-why__image._2 > div > img {
  width: 264rem;
  height: 344rem;
}
@media (min-width: 1200px) {
  .block-why__image._2 > div > img {
    width: 686rem;
    height: 894rem;
  }
}
.block-why__image-elem1 {
  line-height: 0;
  position: absolute;
  top: 28rem;
  left: 8rem;
}
@media (min-width: 1200px) {
  .block-why__image-elem1 {
    top: 18rem;
    left: -39rem;
  }
}
.block-why__image-elem1 img {
  width: 114rem;
}
@media (min-width: 640px) {
  .block-why__image-elem1 img {
    width: 100rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image-elem1 img {
    width: 300rem;
  }
}
.block-why__image-elem2 {
  line-height: 0;
  position: absolute;
  right: -24rem;
  top: 8rem;
}
@media (min-width: 640px) {
  .block-why__image-elem2 {
    right: 10rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image-elem2 {
    right: 40rem;
    top: -85rem;
  }
}
.block-why__image-elem2 img {
  width: 124rem;
}
@media (min-width: 640px) {
  .block-why__image-elem2 img {
    width: 110rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image-elem2 img {
    width: 328rem;
  }
}
.block-why__image-elem3 {
  line-height: 0;
  position: absolute;
  top: 17rem;
  left: 37rem;
}
.block-why__image-elem3 img {
  width: 223rem;
}
@media (min-width: 640px) {
  .block-why__image-elem3 img {
    width: 190rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image-elem3 img {
    width: 614rem;
  }
}
.block-why__image-elem4 {
  line-height: 0;
  position: absolute;
  left: 46rem;
  top: -34rem;
}
.block-why__image-elem4 img {
  width: 224rem;
}
@media (min-width: 640px) {
  .block-why__image-elem4 img {
    width: 190rem;
  }
}
@media (min-width: 1200px) {
  .block-why__image-elem4 img {
    width: 614rem;
  }
}
.block-gr {
  margin: 8rem 8rem 0;
}
@media (min-width: 640px) {
  .block-gr {
    margin: 8rem 16rem 0;
  }
}
.block-gr__inner {
  box-sizing: border-box;
  padding: 32rem 24rem;
  border-radius: 12rem;
  background: var(--primary-color);
}
@media (min-width: 640px) {
  .block-gr__inner {
    padding: 40rem 32rem;
    border-radius: 16rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__inner {
    padding: 80rem 72rem;
    border-radius: 32rem;
    display: grid;
    grid-template-columns: 688rem 896rem;
    grid-gap: 16rem;
    align-items: center;
  }
}
@media (min-width: 640px) {
  .block-gr__top {
    display: flex;
    align-items: center;
    margin-bottom: 32rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}
.block-gr__title {
  color: #FFF;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 24rem;
}
@media (min-width: 640px) {
  .block-gr__title {
    font-size: 36rem;
    text-align: left;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .block-gr__title {
    font-size: 80rem;
    margin-bottom: 32rem;
    letter-spacing: -2rem;
  }
}
.block-gr__title br {
  display: none;
}
@media (min-width: 1200px) {
  .block-gr__title br {
    display: block;
  }
}
.block-gr__top-btn-wrap {
  display: none;
}
@media (min-width: 640px) {
  .block-gr__top-btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 24rem;
    min-width: 189rem;
    width: 189rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__top-btn-wrap {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
  }
}
.block-gr__top-btn {
  border-radius: 16rem;
  background: #FFF;
  box-sizing: border-box;
  padding: 18rem 22rem;
  margin-bottom: 8rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  text-align: center;
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.692rem;
}
@media (min-width: 1200px) {
  .block-gr__top-btn {
    margin-bottom: 0;
    padding: 28rem 40rem;
    border-radius: 24rem;
    font-size: 24rem;
    height: 85rem;
    overflow: hidden;
    display: inline-block;
  }
}
.block-gr__top-btn div._wrap div {
  display: flex;
  align-items: center;
}
.block-gr__top-btn div._wrap div._view {
  color: #fff;
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 1200px) {
  .block-gr__top-btn div._wrap div._view {
    display: block;
    margin-top: 34rem;
  }
}
.block-gr__top-btn div._wrap div._out {
  transition: margin 0.3s ease;
}
.block-gr__top-btn svg {
  min-width: 11.436rem;
  width: 11.436rem;
  height: 11.436rem;
  margin-left: 12.72rem;
}
@media (min-width: 1200px) {
  .block-gr__top-btn svg {
    min-width: 14.385rem;
    width: 14.385rem;
    height: 14.385rem;
    margin-left: 16rem;
  }
}
.block-gr__top-btn:hover {
  color: #fff;
  background: #000;
}
@media (min-width: 1200px) {
  .block-gr__top-btn:hover div._wrap div._out {
    margin-top: -64rem;
  }
}
.block-gr__top-btn-text {
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 1200px) {
  .block-gr__top-btn-text {
    text-align: left;
    margin-left: 32rem;
    font-size: 24rem;
  }
}
.block-gr__top-btn-text br {
  display: none;
}
@media (min-width: 1200px) {
  .block-gr__top-btn-text br {
    display: block;
  }
}
.block-gr__list {
  border-radius: 8rem;
  background: #FFF;
  overflow: hidden;
}
@media (min-width: 640px) {
  .block-gr__list {
    border-radius: 12rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .block-gr__list {
    border-radius: 16rem;
  }
}
.block-gr__list-item {
  box-sizing: border-box;
  padding: 20rem 20rem 19rem;
  border-bottom: 1rem solid #D9D9D9;
}
@media (min-width: 640px) {
  .block-gr__list-item {
    padding: 32rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__list-item {
    padding: 40rem;
  }
}
.block-gr__list-item:last-child {
  padding-bottom: 20rem;
  border-bottom: none;
}
@media (min-width: 640px) {
  .block-gr__list-item:last-child {
    padding-bottom: 32rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__list-item:last-child {
    padding-bottom: 40rem;
  }
}
@media (min-width: 640px) {
  .block-gr__list-item:nth-child(5) {
    border-bottom: none;
  }
}
@media (min-width: 640px) {
  .block-gr__list-item:nth-child(even) {
    border-left: 1rem solid #D9D9D9;
    margin-left: -0.5rem;
  }
}
.block-gr__list-item-top {
  display: flex;
  align-items: center;
  margin-bottom: 9rem;
}
@media (min-width: 1200px) {
  .block-gr__list-item-top {
    margin-bottom: 16rem;
  }
}
.block-gr__list-item-icon {
  line-height: 0;
  margin-right: 16rem;
}
.block-gr__list-item-icon svg, .block-gr__list-item-icon img {
  width: 32rem;
  height: 32rem;
}
@media (min-width: 1200px) {
  .block-gr__list-item-icon svg, .block-gr__list-item-icon img {
    width: 40rem;
    height: 40rem;
  }
}
.block-gr__list-item-title {
  color: #000;
  font-size: 16rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 1200px) {
  .block-gr__list-item-title {
    font-size: 22rem;
  }
}
.block-gr__list-item-text {
  color: #7B7B7B;
  font-size: 13rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .block-gr__list-item-text {
    font-size: 14rem;
  }
}
@media (min-width: 1200px) {
  .block-gr__list-item-text {
    font-size: 20rem;
    line-height: 130%;
  }
}
.block-gr__btn-wrap {
  display: flex;
  align-items: center;
  margin-top: 16rem;
}
@media (min-width: 640px) {
  .block-gr__btn-wrap {
    display: none;
  }
}
.block-gr__btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 12rem;
  background: #FFF;
  box-sizing: border-box;
  padding: 14rem 16rem;
  color: #000;
  text-align: center;
  font-size: 13rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.507rem;
}
.block-gr__btn svg {
  width: 8.373rem;
  height: 8.372rem;
  margin-left: 9.3rem;
}
.block-gr__btn:hover {
  color: #fff;
  background: #000;
}
.block-gr__btn-text {
  color: #FFF;
  font-size: 13rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-left: 8rem;
}
.benefits {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .benefits {
    margin: 0 16rem;
  }
}
.benefits__inner {
  box-sizing: border-box;
  padding: 32rem 24rem;
  border-radius: 12rem;
  background: #FFF;
  display: grid;
  grid-gap: 24rem;
}
@media (min-width: 640px) {
  .benefits__inner {
    padding: 40rem 32rem;
  }
}
@media (min-width: 1200px) {
  .benefits__inner {
    padding: 80rem 72rem;
    grid-gap: 32rem;
  }
}
.benefits__item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 640px) {
  .benefits__item:nth-child(even) .benefits__item-right {
    display: flex;
    flex-direction: row-reverse;
    padding-left: 32rem;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .benefits__item {
    flex-direction: row-reverse;
  }
  .benefits__item:nth-child(even) {
    flex-direction: row;
  }
  .benefits__item:nth-child(even) .benefits__item-right {
    padding-left: 0;
    margin-left: 16rem;
    margin-right: 0;
  }
}
@media (min-width: 640px) {
  .benefits__item-left .benefits__item-title, .benefits__item-left .benefits__item-desc {
    display: none;
  }
}
@media (min-width: 1200px) {
  .benefits__item-left {
    box-sizing: border-box;
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .benefits__item-left .benefits__item-title, .benefits__item-left .benefits__item-desc {
    display: block;
  }
}
.benefits__item-title {
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 8rem;
}
.benefits__item-title._not {
  margin-bottom: 16rem;
}
@media (min-width: 1200px) {
  .benefits__item-title._not {
    margin-bottom: 24rem;
  }
}
@media (min-width: 640px) {
  .benefits__item-title {
    font-size: 36rem;
    margin-bottom: 12rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .benefits__item-title {
    font-size: 72rem;
    margin-bottom: 16rem;
    letter-spacing: -2rem;
  }
}
.benefits__item-desc {
  color: #000;
  text-align: center;
  font-size: 14rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .benefits__item-desc {
    font-size: 16rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .benefits__item-desc {
    margin-bottom: 32rem;
    font-size: 24rem;
  }
}
.benefits__item-list {
  display: grid;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .benefits__item-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .benefits__item-list {
    grid-gap: 16rem;
  }
}
.benefits__item-elem {
  display: flex;
}
.benefits__item-elem svg {
  width: 14rem;
  height: 14rem;
  min-width: 14rem;
}
@media (min-width: 640px) {
  .benefits__item-elem svg {
    width: 17rem;
    height: 17rem;
    min-width: 17rem;
  }
}
@media (min-width: 1200px) {
  .benefits__item-elem svg {
    width: 26rem;
    height: 26rem;
    min-width: 26rem;
  }
}
.benefits__item-elem-title {
  color: #7B7B7B;
  font-size: 13rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-left: 8rem;
}
@media (min-width: 640px) {
  .benefits__item-elem-title {
    font-size: 14rem;
  }
}
@media (min-width: 1200px) {
  .benefits__item-elem-title {
    margin-left: 16rem;
    font-size: 20rem;
  }
}
.benefits__item-right {
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .benefits__item-right {
    margin-bottom: 24rem;
    border-radius: 16rem;
    background: #F6F7FA;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
    align-items: center;
    padding-right: 32rem;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .benefits__item-right {
    padding-right: 0;
    width: 792rem;
    min-width: 792rem;
    margin-right: 16rem;
    margin-bottom: 0;
    grid-template-columns: 1fr;
    border-radius: 32rem;
  }
}
.benefits__item-image {
  line-height: 0;
  border-radius: 8rem;
  background: #F6F7FA;
}
@media (min-width: 640px) {
  .benefits__item-image {
    border-radius: 0;
  }
}
.benefits__item-image img {
  width: 296rem;
}
@media (min-width: 640px) {
  .benefits__item-image img {
    width: 332rem;
  }
}
@media (min-width: 1200px) {
  .benefits__item-image img {
    width: 792rem;
  }
}
.benefits__item-right-wrap {
  display: none;
}
@media (min-width: 640px) {
  .benefits__item-right-wrap {
    display: block;
  }
}
@media (min-width: 1200px) {
  .benefits__item-right-wrap {
    display: none;
  }
}
.block-form {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .block-form {
    margin: 0 16rem;
  }
}
.block-form__inner {
  box-sizing: border-box;
  padding: 32rem 24rem;
  border-radius: 12rem;
  background: linear-gradient(0deg, rgba(33, 33, 33, 0.72) 0%, rgba(33, 33, 33, 0.72) 100%), url("../block-form-bg.webp") lightgray 50% / cover no-repeat;
  position: relative;
  overflow: hidden;
}
.block-form__inner._1 {
  background: linear-gradient(0deg, rgba(33, 33, 33, 0.72) 0%, rgba(33, 33, 33, 0.72) 100%), url("../block-form-bg_1.webp") lightgray 50% / cover no-repeat;
}
.block-form__inner._2 {
  background: linear-gradient(0deg, rgba(33, 33, 33, 0.72) 0%, rgba(33, 33, 33, 0.72) 100%), url("../remont-form-bg.webp") lightgray 50% / cover no-repeat;
}
@media (min-width: 640px) {
  .block-form__inner {
    padding: 40rem 32rem;
    border-radius: 16rem;
  }
}
@media (min-width: 1200px) {
  .block-form__inner {
    padding: 80rem 72rem;
    border-radius: 32rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16rem;
  }
}
.block-form__left {
  position: relative;
}
.block-form__title {
  color: #FFF;
  text-align: center;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .block-form__title {
    font-size: 36rem;
  }
}
@media (min-width: 1200px) {
  .block-form__title {
    font-size: 60rem;
    margin-bottom: 16rem;
    letter-spacing: -2rem;
    text-align: left;
  }
}
.block-form__desc {
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-bottom: 24rem;
}
@media (min-width: 640px) {
  .block-form__desc {
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  .block-form__desc {
    font-size: 24rem;
    font-weight: 500;
    letter-spacing: -0.8rem;
    text-align: left;
  }
}
.block-form__right {
  position: relative;
}
.block-form form {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 8rem;
}
@media (min-width: 640px) {
  .block-form form {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .block-form form {
    grid-gap: 14rem 16rem;
  }
}
.block-form input[type="text"] {
  box-sizing: border-box;
  border-radius: 12rem;
  background: #FFF;
  padding: 17rem 19rem;
  color: #000;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
  border: none;
  max-width: 100%;
  width: 100%;
  outline: none;
  border: 1rem solid transparent;
}
@media (min-width: 1200px) {
  .block-form input[type="text"] {
    font-size: 22rem;
    padding: 25rem 31rem;
    border-radius: 24rem;
  }
}
.block-form input[type="text"]::placeholder {
  color: #B1B1B1;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 1200px) {
  .block-form input[type="text"]::placeholder {
    font-size: 22rem;
  }
}
.block-form input[type="text"]:hover {
  border: 1rem solid var(--primary-color);
}
.block-form input[type="text"]:focus {
  border: 1rem solid transparent;
}
.block-form .mg-form__field {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1200px) {
  .block-form .mg-form__field {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (min-width: 1200px) {
  .block-form .mg-form__field-button {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.block-form .tpl-form-button {
  margin-top: 8rem;
  border: none;
  border-radius: 12rem;
  background: var(--primary-color);
  color: #FFF;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
  box-sizing: border-box;
  padding: 19rem;
  cursor: pointer;
  width: 100%;
  border: 1rem solid transparent;
}
@media (min-width: 640px) {
  .block-form .tpl-form-button {
    margin-top: 0;
    padding: 17rem 19rem;
  }
}
@media (min-width: 1200px) {
  .block-form .tpl-form-button {
    margin-top: 2rem;
    padding: 27rem 39rem;
    font-weight: 500;
    font-size: 24rem;
    border-radius: 24rem;
  }
}
.block-form .tpl-form-button:hover {
  border: 1rem solid var(--primary-color);
  background: #000;
  color: #fff;
}
.block-form__note {
  margin-top: 16rem;
  color: #C7C7C7;
  text-align: center;
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.6rem;
}
@media (min-width: 1200px) {
  .block-form__note {
    font-size: 20rem;
    letter-spacing: -0.8rem;
    text-align: left;
    position: absolute;
    margin-top: 0;
    left: 50%;
    margin-left: 8rem;
    bottom: 17rem;
  }
}
.block-form__note br {
  display: none;
}
@media (min-width: 1200px) {
  .block-form__note br {
    display: block;
  }
}
.block-form__note a {
  color: var(--primary-color);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.success-cases {
  margin: 8rem 8rem 0;
}
@media (min-width: 640px) {
  .success-cases {
    margin: 8rem 16rem 0;
  }
}
.success-cases__inner {
  box-sizing: border-box;
  padding: 32rem 24rem;
  border-radius: 12rem;
  background: #F6F7FA;
}
@media (min-width: 640px) {
  .success-cases__inner {
    padding: 40rem 32rem;
    border-radius: 16rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .success-cases__inner {
    padding: 80rem 72rem;
    border-radius: 32rem;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    grid-gap: 16rem;
  }
}
.success-cases__title {
  color: #000;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .success-cases__title {
    font-size: 36rem;
  }
}
@media (min-width: 1200px) {
  .success-cases__title {
    font-size: 80rem;
    margin-bottom: 24rem;
  }
}
.success-cases__text {
  color: #7B7B7B;
  font-size: 14rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-bottom: 24rem;
}
@media (min-width: 640px) {
  .success-cases__text {
    font-size: 16rem;
    line-height: 130%;
  }
}
@media (min-width: 1200px) {
  .success-cases__text {
    font-size: 24rem;
    line-height: 140%;
  }
}
.success-cases__btn {
  display: block;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  padding: 15rem 15rem 23rem;
  color: #FFF;
  text-align: center;
  font-size: 14rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4rem;
  border-radius: 8rem;
  background: var(--primary-color);
  border: 1rem solid transparent;
}
.success-cases__btn br {
  display: none;
}
@media (min-width: 640px) {
  .success-cases__btn {
    padding: 15rem;
    font-size: 13rem;
    text-align: left;
    margin-right: 12rem;
  }
}
@media (min-width: 1200px) {
  .success-cases__btn {
    margin-right: 0;
    margin-left: 24rem;
    padding: 23rem 39rem;
    font-size: 24rem;
    border-radius: 16rem;
  }
  .success-cases__btn br {
    display: block;
  }
}
.success-cases__btn span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 20rem) rotate(-90deg);
  border-radius: 50%;
  background: #FFF;
  width: 32rem;
  height: 32rem;
  padding: 8rem;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .success-cases__btn span {
    padding: 6rem;
    width: 24rem;
    height: 24rem;
    left: auto;
    right: 0;
    bottom: 50%;
    transform: translate(50%, 50%) rotate(180deg);
  }
}
@media (min-width: 1200px) {
  .success-cases__btn span {
    right: auto;
    left: 0;
    transform: translate(-50%, 50%) rotate(360deg);
    width: 48rem;
    height: 48rem;
    padding: 12rem;
  }
}
.success-cases__btn span svg {
  width: 16rem;
  height: 16rem;
}
@media (min-width: 640px) {
  .success-cases__btn span svg {
    width: 12rem;
    height: 12rem;
  }
}
@media (min-width: 1200px) {
  .success-cases__btn span svg {
    width: 24rem;
    height: 24rem;
  }
}
.success-cases__btn:hover {
  background: transparent;
  color: #000;
  border: 1rem solid var(--primary-color);
}
.success-cases__right {
  line-height: 0;
  margin-top: 44rem;
  cursor: pointer;
}
@media (min-width: 640px) {
  .success-cases__right {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .success-cases__right {
    padding: 0 48rem;
    box-sizing: border-box;
  }
}
.success-cases__right img {
  width: 296rem;
}
@media (min-width: 640px) {
  .success-cases__right img {
    width: 332rem;
  }
}
@media (min-width: 1200px) {
  .success-cases__right img {
    width: 696rem;
  }
}
.about {
  margin: 0 8rem;
}
@media (min-width: 640px) {
  .about {
    margin: 0 16rem;
  }
}
.about__inner {
  box-sizing: border-box;
  padding: 32rem 24rem;
  border-radius: 12rem;
}
@media (min-width: 640px) {
  .about__inner {
    padding: 40rem 32rem;
  }
}
@media (min-width: 1200px) {
  .about__inner {
    padding: 80rem 72rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16rem;
  }
}
@media (min-width: 640px) {
  .about__left {
    margin-bottom: 32rem;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .about__left {
    margin-bottom: 0;
    align-items: flex-start;
    flex-direction: column;
  }
}
.about__title {
  color: #000;
  font-size: 24rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
  margin-bottom: 16rem;
}
@media (min-width: 640px) {
  .about__title {
    margin-bottom: 0;
    font-size: 36rem;
  }
}
@media (min-width: 1200px) {
  .about__title {
    font-size: 80rem;
    letter-spacing: -2rem;
    margin-bottom: 32rem;
  }
}
.about__btn-wrap {
  display: none;
}
@media (min-width: 640px) {
  .about__btn-wrap {
    display: block;
    width: 183rem;
    min-width: 183rem;
    margin-left: 16rem;
  }
}
@media (min-width: 1200px) {
  .about__btn-wrap {
    display: flex;
    align-items: center;
    width: auto;
    margin-left: 0;
  }
}
.about__btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 12rem;
  background: var(--primary-color);
  box-sizing: border-box;
  padding: 13rem 15rem;
  color: #FFF;
  text-align: center;
  font-size: 13rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.507rem;
  border: 1rem solid transparent;
}
@media (min-width: 640px) {
  .about__btn {
    padding: 17rem 21rem;
    font-size: 16rem;
    margin-bottom: 8rem;
    margin-left: auto;
    width: 172rem;
    letter-spacing: -0.692rem;
  }
}
@media (min-width: 1200px) {
  .about__btn {
    padding: 27rem 39rem;
    font-size: 24rem;
    letter-spacing: -0.8rem;
    width: auto;
    border-radius: 24rem;
    display: inline-block;
    height: 85rem;
    overflow: hidden;
  }
}
.about__btn div._wrap div {
  display: flex;
  align-items: center;
}
.about__btn div._wrap div._view {
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 1200px) {
  .about__btn div._wrap div._view {
    display: block;
    margin-top: 34rem;
  }
}
.about__btn div._wrap div._out {
  transition: margin 0.3s ease;
}
.about__btn svg {
  width: 8.373rem;
  height: 8.372rem;
  margin-left: 9.31rem;
}
@media (min-width: 640px) {
  .about__btn svg {
    width: 11.436rem;
    height: 11.436rem;
    margin-left: 12.72rem;
  }
}
@media (min-width: 1200px) {
  .about__btn svg {
    margin-left: 16rem;
    width: 14.385rem;
    height: 14.385rem;
  }
}
.about__btn:hover {
  background: transparent;
  color: #000;
  border: 1rem solid var(--primary-color);
}
.about__btn:hover svg path {
  fill: var(--primary-color);
}
@media (min-width: 1200px) {
  .about__btn:hover div._wrap div._out {
    margin-top: -64rem;
  }
}
.about__btn-text {
  color: #959595;
  font-size: 13rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-left: 8rem;
}
@media (min-width: 640px) {
  .about__btn-text {
    margin-left: 0;
    font-size: 14rem;
  }
  .about__btn-text br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .about__btn-text {
    margin-left: 32rem;
    font-size: 24rem;
    letter-spacing: -0.8rem;
  }
  .about__btn-text br {
    display: block;
  }
}
.about__text {
  color: #7B7B7B;
  font-size: 14rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .about__text {
    font-size: 16rem;
    line-height: 130%;
  }
}
@media (min-width: 1200px) {
  .about__text {
    font-size: 24rem;
    line-height: 140%;
  }
}
.about__text h3 {
  color: #000;
  font-size: 20rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.4rem;
  margin-bottom: 8rem;
  margin-top: 16rem;
}
@media (min-width: 640px) {
  .about__text h3 {
    margin-top: 32rem;
    font-size: 24rem;
  }
}
@media (min-width: 1200px) {
  .about__text h3 {
    font-size: 32rem;
    margin-top: 24rem;
  }
}
.about__right-btn-wrap {
  display: flex;
  align-items: center;
  margin-top: 24rem;
}
@media (min-width: 640px) {
  .about__right-btn-wrap {
    display: none;
  }
}
.footer {
  margin: 0 8rem 8rem;
}
@media (min-width: 640px) {
  .footer {
    margin: 0 16rem 16rem;
  }
}
@media (min-width: 1200px) {
  .footer {
    background: #F6F7FA;
    margin: 0;
  }
}
.footer__inner {
  box-sizing: border-box;
  padding: 16rem 24rem;
  border-radius: 12px;
  background: #F6F7FA;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .footer__inner {
    flex-direction: row;
    justify-content: space-between;
    padding: 24rem 32rem;
  }
}
@media (min-width: 1200px) {
  .footer__inner {
    background: transparent;
    padding: 24rem 0;
  }
}
.footer__left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .footer__left {
    flex-direction: row;
  }
}
.footer__site-by {
  display: flex;
  align-items: center;
  color: #949494;
  font-size: 11rem;
  font-weight: 400;
  line-height: 24rem;
  text-decoration: none;
}
@media (min-width: 640px) {
  .footer__site-by {
    font-size: 14rem;
  }
}
@media (min-width: 1200px) {
  .footer__site-by {
    font-size: 16rem;
  }
}
.footer__site-by img {
  height: 19rem;
  margin-left: 8rem;
}
@media (min-width: 640px) {
  .footer__site-by img {
    height: 24rem;
  }
}
.footer__site-by:hover {
  color: var(--primary-color);
}
.footer .copyright {
  color: #7B7B7B;
  text-align: center;
  font-size: 11rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.4rem;
  margin-bottom: 6rem;
}
@media (min-width: 640px) {
  .footer .copyright {
    font-size: 13rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .footer .copyright {
    font-size: 16rem;
  }
}
.footer .privacy {
  text-decoration: none;
  display: block;
  color: #7B7B7B;
  text-align: center;
  font-size: 11rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.4rem;
  margin-bottom: 6rem;
}
@media (min-width: 640px) {
  .footer .privacy {
    font-size: 13rem;
    margin-bottom: 0;
    margin-left: 24rem;
  }
}
@media (min-width: 1200px) {
  .footer .privacy {
    font-size: 16rem;
  }
}
.footer .privacy:hover {
  color: var(--primary-color);
  text-decoration: underline;
}
body .mg-global-messengers {
  display: none;
}
@media (min-width: 1200px) {
  .anim-top {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-top.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-bottom {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-bottom.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-left.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .anim-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .anim-right.visible {
    opacity: 1;
    transform: translateY(0);
  }
}
.mg-popup-form {
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mg-popup-form._opened {
  z-index: 6;
}
.mg-popup-form .mg-popup-wrap {
  margin: 8rem;
  width: 100%;
  max-width: 620rem;
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-wrap {
    max-width: 795rem;
  }
}
.mg-popup-form .mg-popup-form__inner {
  box-sizing: border-box;
  padding: 38rem 16rem 32rem;
  border-radius: 8rem;
  position: relative;
  overflow: hidden;
  background: var(--form-bg);
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__inner {
    padding: 56rem 48rem;
    border-radius: 16rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__inner {
    padding: 80rem 72rem;
    border-radius: 32rem;
  }
}
.mg-popup-form .mg-popup-form__inner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}
.mg-popup-form .mg-popup-form__close {
  position: absolute;
  right: 4rem;
  top: 4rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8rem;
  line-height: 0;
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__close {
    right: 24rem;
    top: 24rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__close {
    right: 20rem;
    top: 20rem;
  }
}
.mg-popup-form .mg-popup-form__close svg {
  width: 16rem;
  height: 16rem;
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__close svg {
    width: 20rem;
    height: 20rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__close svg {
    width: 24rem;
    height: 24rem;
  }
}
.mg-popup-form .mg-popup-form__content {
  position: relative;
}
.mg-popup-form .mg-popup-form__title {
  color: #FFF;
  text-align: center;
  font-size: 22rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.4rem;
  margin-bottom: 8rem;
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__title {
    font-size: 28rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__title {
    font-size: 48rem;
    margin-bottom: 16rem;
    letter-spacing: -2rem;
  }
}
.mg-popup-form .mg-popup-form__subtitle {
  margin-bottom: 16rem;
  color: #FFF;
  text-align: center;
  font-size: 13rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__subtitle {
    font-size: 16rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__subtitle {
    margin-bottom: 40rem;
    letter-spacing: -0.8rem;
    font-size: 24rem;
  }
}
.mg-popup-form .mg-form__field + .mg-form__field {
  margin-top: 8rem;
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-form__field + .mg-form__field {
    margin-top: 14rem;
  }
}
.mg-popup-form .mg-form__field .mg-form__field-title {
  display: none;
}
.mg-popup-form .mg-form__field input[type="text"] {
  box-sizing: border-box;
  border-radius: 12rem;
  background: #FFF;
  padding: 17rem 19rem;
  color: #000;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
  border: none;
  max-width: 100%;
  width: 100%;
  outline: none;
  border: 1rem solid transparent;
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-form__field input[type="text"] {
    font-size: 22rem;
    padding: 25rem 31rem;
    border-radius: 24rem;
  }
}
.mg-popup-form .mg-form__field input[type="text"]::placeholder {
  color: #B1B1B1;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-form__field input[type="text"]::placeholder {
    font-size: 22rem;
  }
}
.mg-popup-form .mg-form__field input[type="text"]:hover {
  border: 1rem solid var(--primary-color);
}
.mg-popup-form .mg-form__field input[type="text"]:focus {
  border: 1rem solid transparent;
}
.mg-popup-form .tpl-form-button {
  margin-top: 8rem;
  border: none;
  border-radius: 12rem;
  background: var(--primary-color);
  color: #FFF;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.4rem;
  box-sizing: border-box;
  padding: 19rem;
  cursor: pointer;
  width: 100%;
  border: 1rem solid transparent;
}
@media (min-width: 640px) {
  .mg-popup-form .tpl-form-button {
    margin-top: 8rem;
    padding: 17rem 19rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .tpl-form-button {
    margin-top: 26rem;
    padding: 27rem 39rem;
    font-weight: 500;
    font-size: 24rem;
    border-radius: 24rem;
  }
}
.mg-popup-form .tpl-form-button:hover {
  border: 1rem solid var(--primary-color);
  background: #000;
  color: #fff;
}
.mg-popup-form .mg-popup-form__privacy {
  margin-top: 8rem;
  color: #C7C7C7;
  text-align: center;
  font-size: 12rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
}
@media (min-width: 640px) {
  .mg-popup-form .mg-popup-form__privacy {
    font-size: 16rem;
  }
}
@media (min-width: 1200px) {
  .mg-popup-form .mg-popup-form__privacy {
    margin-top: 16rem;
    letter-spacing: -0.8rem;
    font-size: 20rem;
  }
}
.mg-popup-form .mg-popup-form__privacy a {
  color: var(--primary-color);
}
.fix-block {
  transform: translateY(180%);
  transition: 0.3s ease;
  position: fixed;
  z-index: 4;
  bottom: 8rem;
  left: 8rem;
  right: 8rem;
  border-radius: 16rem;
  background: #1A1A1A;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
  align-items: center;
  box-sizing: border-box;
  padding: 14rem 24rem;
}
.fix-block.active {
  transform: translateY(0);
}
@media (min-width: 640px) {
  .fix-block {
    grid-template-columns: 325rem 1fr;
    bottom: 16rem;
    left: 16rem;
    right: 16rem;
    padding: 16rem 32rem;
    grid-gap: 16rem;
  }
}
@media (min-width: 1200px) {
  .fix-block {
    opacity: 0.48;
    left: 50%;
    right: auto;
    width: 992rem;
    margin-left: -496rem;
    grid-template-columns: 527rem 1fr;
    grid-gap: 32rem;
  }
  .fix-block:hover {
    opacity: 1;
  }
}
.fix-block__title {
  color: #FFF;
  font-size: 14rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.6rem;
}
@media (min-width: 640px) {
  .fix-block__title {
    font-size: 24rem;
  }
}
@media (min-width: 1200px) {
  .fix-block__title {
    font-size: 26rem;
  }
}
@media (min-width: 640px) {
  .fix-block__btn-wrap {
    display: flex;
    align-items: center;
  }
}
.fix-block__btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 9rem 15rem;
  border: 1px solid var(--primary-color);
  border-radius: 9.333rem;
  background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%), #6D8B08;
  color: #FFF;
  text-align: center;
  font-size: 8.667rem;
  font-weight: 600;
  line-height: 120%;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 640px) {
  .fix-block__btn {
    padding: 14rem 24rem;
    font-size: 13rem;
    width: auto;
    border-radius: 14rem;
  }
}
@media (min-width: 1200px) {
  .fix-block__btn {
    padding: 19rem 18rem;
    font-size: 16rem;
  }
}
.fix-block__btn div._wrap div {
  display: flex;
  align-items: center;
}
.fix-block__btn div._wrap div._view {
  color: #fff;
  transition: 0.3s ease;
  display: none;
}
@media (min-width: 1200px) {
  .fix-block__btn div._wrap div._view {
    display: block;
    margin-top: 34rem;
    margin-bottom: -54rem;
  }
}
.fix-block__btn div._wrap div._out {
  transition: margin 0.3s ease;
}
.fix-block__btn svg {
  width: 5.754rem;
  height: 5.754rem;
  margin-left: 5.33rem;
}
@media (min-width: 640px) {
  .fix-block__btn svg {
    width: 8.631rem;
    height: 8.631rem;
    margin-left: 8rem;
  }
}
.fix-block__btn:hover {
  background: transparent;
}
.fix-block__btn:hover svg path {
  fill: var(--primary-color);
}
@media (min-width: 1200px) {
  .fix-block__btn:hover div._wrap div._view {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .fix-block__btn:hover div._wrap div._out {
    margin-top: -54rem;
  }
}
.fix-block__btn-text {
  color: #888;
  font-size: 9rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4rem;
  margin-top: 5rem;
}
@media (min-width: 640px) {
  .fix-block__btn-text {
    font-size: 14rem;
    letter-spacing: -0.6rem;
    margin-left: 16rem;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .fix-block__btn-text {
    font-size: 16rem;
  }
}
.fix-block__btn-text br {
  display: none;
}
@media (min-width: 640px) {
  .fix-block__btn-text br {
    display: block;
  }
}
body .lg-outer .lg-img-wrap {
  overflow: auto;
}
body .lg-outer .lg-img-wrap img {
  width: 100%;
  height: auto;
  max-height: unset;
}