@charset "UTF-8";
@font-face {
  font-family: "Circle Light";
  src: url("../fonts/cirLig/Circe-Light.eot");
  src: url("../fonts/cirLig/Circe-Light.woff2");
  src: url("../fonts/cirLig/Circe-Light.woff");
  src: url("../fonts/cirLig/Circe-Light.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Circle Extra Light";
  src: url("../fonts/cirExLig/Circe-ExtraLight.eot");
  src: url("../fonts/cirExLig/Circe-ExtraLight.woff2");
  src: url("../fonts/cirExLig/Circe-ExtraLight.woff");
  src: url("../fonts/cirExLig/Circe-ExtraLight.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Circle Regular";
  src: url("../fonts/cirReg/Circe-Regular.eot");
  src: url("../fonts/cirReg/Circe-Regular.woff2");
  src: url("../fonts/cirReg/Circe-Regular.woff");
  src: url("../fonts/cirReg/Circe-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Circle Bold";
  src: url("../fonts/cirBold/Circe-Bold.eot");
  src: url("../fonts/cirBold/Circe-Bold.woff2");
  src: url("../fonts/cirBold/Circe-Bold.woff");
  src: url("../fonts/cirBold/Circe-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Circle Extra Bold";
  src: url("../fonts/cirExBold/Circe-ExtraBold.eot");
  src: url("../fonts/cirExBold/Circe-ExtraBold.woff2");
  src: url("../fonts/cirExBold/Circe-ExtraBold.woff");
  src: url("../fonts/cirExBold/Circe-ExtraBold.ttf");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("../fonts/carbon/Carbon2.eot");
  src: url("../fonts/carbon/Carbon2.woff2");
  src: url("../fonts/carbon/Carbon2.woff");
  src: url("../fonts/carbon/Carbon2.ttf");
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html {
  font-family: "Circle Regular";
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  -webkit-animation: bugfix infinite 1s;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  background: radial-gradient(50% 50% at 50% 50%, #2b2b2b 0%, #272727 100%);
  height: 100%;
}

section {
  overflow: hidden;
}

body,
input,
textarea {
  font-family: "Circle Regular";
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  -webkit-animation: bugfix infinite 1s;
  line-height: 1.2;
  position: relative;
  margin: 0;
  padding: 0;
}

a,
a:hover {
  text-decoration: none;
}

button,
input,
a,
textarea {
  outline: none;
  cursor: pointer;
}
button:focus,
input:focus,
a:focus,
textarea:focus {
  outline: none;
}
button:active,
input:active,
a:active,
textarea:active {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  width: 100%;
  font-size: unset;
  margin: 0;
  padding: 0;
  font-weight: unset;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

.btn {
  border: none;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  width: 150rem;
  margin: 0 auto;
  position: relative;
  max-width: unset;
}

.hidden {
  overflow: hidden;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.mob-show {
  display: none !important;
}

@media (max-width: 108em) {
  html {
    font-size: 9px;
  }
}

@media (max-width: 105em) {
  html {
    font-size: 8.75px;
  }
}

@media (max-width: 91.5em) {
  html {
    font-size: 7.9px;
  }
}

@media (max-width: 91em) {
  html {
    font-size: 8.4px;
  }
}

@media (max-width: 90em) {
  html {
    font-size: 7.9px;
  }
}

@media (max-width: 80em) {
  html {
    font-size: 7.2px;
  }
}

@media (max-width: 72em) {
  html {
    font-size: 6.5px;
  }
}

@media (max-width: 64em) {
  html {
    font-size: 5.5px;
  }
}

@media (max-width: 48em) {
  html {
    font-size: 10px;
    -webkit-text-size-adjust: none;
  }
  body {
    -webkit-text-size-adjust: none;
  }
  .container {
    padding: 0;
    margin: 0 auto;
    width: 100%;
  }
  .mob-show {
    display: block !important;
  }
  .deck-show {
    display: none !important;
  }
}

@media (max-width: 44em) {
  html {
    font-size: 9px;
  }
}

@media (max-width: 38em) {
  html {
    font-size: 8px;
  }
}

@media (max-width: 34em) {
  html {
    font-size: 7px;
  }
}

@media (max-width: 30em) {
  html {
    font-size: 6px;
  }
}

@media (max-width: 26em) {
  html {
    font-size: 5px;
  }
}

@media (max-width: 22.5em) {
  html {
    font-size: 4.5px;
  }
}

@media (max-width: 21em) {
  html {
    font-size: 4.4px;
  }
}

header {
  position: relative;
  z-index: 100;
}
header .block {
  position: absolute;
  width: 100%;
}
header .block .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Circle Light";
  color: #fff;
  font-size: 1.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1rem 0;
}
header .block .top .menu {
  display: none;
}
header .block .top .left {
  display: flex;
  align-items: center;
}
header .block .top .left .icon {
  margin-right: 2rem;
  height: 2.8rem;
}
header .block .top .left .icon .black {
  display: none !important;
}
header .block .top .left .icon img {
  height: 100%;
}
header .block .top .left ul li {
  margin-bottom: 0.5rem;
}
header .block .top .left ul li:last-child {
  color: #ff7300;
  margin-bottom: 0;
}
header .block .top .middle {
  color: #ff7300;
  display: flex;
  align-items: center;
  margin-left: -5.35%;
}
header .block .top .middle .logo {
  height: 5.8rem;
  margin-right: 2rem;
  margin-top: -1rem;
}
header .block .top .middle .logo .black {
  display: none !important;
}
header .block .top .middle .logo img {
  height: 100%;
  max-width: none;
}
header .block .top .middle .logo .mob-show {
  display: none !important;
}
header .block .top .middle ul li {
  line-height: 1.31;
}
header .block .top .right {
  display: flex;
  align-items: center;
}
header .block .top .right ul li {
  text-align: right;
}
header .block .top .right ul li:first-child {
  font-family: "Circle Bold";
  font-size: 2rem;
}
header .block .top .right ul li:last-child {
  color: #ff7300;
}
header .block .top .right .icon {
  margin-left: 2rem;
  height: 2.2rem;
}
header .block .top .right .icon .black {
  display: none !important;
}
header .block .top .right .icon img {
  height: 100%;
}
header .block .bottom {
  padding: 1.7rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
header .block .bottom ul {
  display: flex;
  justify-content: space-between;
  font-size: 1.7rem;
}
header .block .bottom ul li:last-child {
  position: relative;
}
header .block .bottom ul li:last-child:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
header .block .bottom ul li a {
  color: #fff;
}
header .block .bottom .adress {
  display: none;
}
header .block .bottom .tell {
  display: none;
}
header.black .block .top {
  color: #272727;
  border-bottom: 1px solid rgba(179, 179, 179, 0.5);
}
header.black .block .top .left {
  display: flex;
  align-items: center;
}
header.black .block .top .left .icon {
  margin-right: 2rem;
  height: 2.8rem;
}
header.black .block .top .left .icon .black {
  display: block !important;
}
header.black .block .top .left .icon .white {
  display: none !important;
}
header.black .block .top .left .icon img {
  height: 100%;
}
header.black .block .top .left ul li {
  margin-bottom: 0.5rem;
}
header.black .block .top .left ul li:last-child {
  color: #272727;
  margin-bottom: 0;
}
header.black .block .top .middle {
  color: #272727;
}
header.black .block .top .middle .logo .black {
  display: block !important;
}
header.black .block .top .middle .logo .white {
  display: none !important;
}
header.black .block .top .right ul li {
  color: #272727;
}
header.black .block .top .right ul li:last-child {
  color: #ff7300;
}
header.black .block .top .right .icon .black {
  display: block !important;
}
header.black .block .top .right .icon .white {
  display: none !important;
}
header.black .block .bottom {
  border-bottom: none;
}
header.black .block .bottom ul li:last-child:before {
  background-color: #272727;
}
header.black .block .bottom ul li a {
  color: #272727;
}

@media (max-width: 48em) {
  header {
    z-index: 100000;
  }
  header .block {
    padding: 0 3rem;
  }
  header .block .top {
    font-size: 1.6rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding: 4.5rem 0;
    position: relative;
    z-index: 100000;
  }
  header .block .top .menu {
    display: flex;
    align-items: center;
    position: relative;
    height: 4rem;
    width: 5rem;
  }
  header .block .top .menu span {
    position: relative;
    width: 5rem;
    height: 2px;
    background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
    border-radius: 3px;
  }
  header .block .top .menu:before {
    content: "";
    display: block;
    width: 5rem;
    height: 2px;
    background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    transition: transform 1s;
  }
  header .block .top .menu:after {
    content: "";
    display: block;
    width: 5rem;
    height: 2px;
    background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    transition: transform 1s;
  }
  header .block .top .menu.active span {
    height: 0;
  }
  header .block .top .menu.active:before {
    transform: rotate(-45deg);
    transition: transform 1s;
    top: unset;
    bottom: unset;
  }
  header .block .top .menu.active:after {
    transform: rotate(45deg);
    transition: transform 1s;
    top: unset;
    bottom: unset;
  }
  header .block .top .left {
    display: none;
  }
  header .block .top .middle {
    margin-left: unset;
  }
  header .block .top .middle .logo {
    height: 7rem;
    margin-right: 2rem;
    margin-top: -1rem;
  }
  header .block .top .middle .logo .mob-show {
    display: block !important;
  }
  header .block .top .middle .logo .mob-deck {
    display: none !important;
  }
  header .block .top .middle ul {
    display: none;
  }
  header .block .top .right ul {
    display: none;
  }
  header .block .top .right .icon {
    margin-left: 2rem;
    height: 4rem;
  }
  header .block .bottom {
    display: none;
    padding: 6.5rem 3rem;
  }
  header .block .bottom.active {
    display: block;
    height: calc(100vh - 15.4rem);
    overflow: auto;
    position: fixed;
    height: 100%;
    top: 0;
    padding-top: 21.4rem;
    left: 0;
    right: 0;
    background-color: #282828;
    z-index: 99999;
  }
  header .block .bottom ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 3rem;
    margin-bottom: 5rem;
  }
  header .block .bottom ul li {
    margin-bottom: 4.3rem;
  }
  header .block .bottom ul li:last-child {
    margin-top: 4rem;
    font-size: 3.1rem;
  }
  header .block .bottom .adress {
    display: flex;
    align-items: center;
    margin-bottom: 6rem;
  }
  header .block .bottom .adress .icon {
    margin-right: 4rem;
    height: 4.8rem;
  }
  header .block .bottom .adress .icon img {
    height: 100%;
  }
  header .block .bottom .adress .icon .black {
    display: none !important;
  }
  header .block .bottom .adress ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  header .block .bottom .adress ul li {
    margin-bottom: 0.5rem;
    color: #fff;
    width: max-content;
    font-size: 2.7rem;
    line-height: 1.4;
  }
  header .block .bottom .adress ul li:last-child {
    color: #ff7300;
    margin-bottom: 0;
    margin-top: 0;
  }
  header .block .bottom .tell {
    display: flex;
    align-items: center;
  }
  header .block .bottom .tell ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  header .block .bottom .tell ul li {
    text-align: right;
    color: #fff;
    width: max-content;
    margin: 0;
    font-size: 2.8rem;
    line-height: 1.4;
  }
  header .block .bottom .tell ul li:first-child {
    font-family: "Circle Bold";
    font-size: 2.7rem;
  }
  header .block .bottom .tell ul li:last-child {
    color: #ff7300;
  }
  header .block .bottom .tell .icon {
    margin-right: 4rem;
    height: 4rem;
  }
  header .block .bottom .tell .icon img {
    height: 100%;
  }
  header .block .bottom .tell .icon .black {
    display: none !important;
  }
  header.black .block .top .left {
    display: none;
  }
  header.black .block .top .menu span {
    background: #272727;
  }
  header.black .block .top .menu:after {
    background: #272727;
  }
  header.black .block .top .menu:before {
    background: #272727;
  }
  header.black .block .bottom {
    background-color: #f2f2f2;
  }
  header.black .block .bottom .adress ul li {
    color: #272727;
  }
  header.black .block .bottom .adress ul li:last-child {
    color: #ff7300;
  }
  header.black .block .bottom .adress .icon .black {
    display: block !important;
  }
  header.black .block .bottom .adress .icon .white {
    display: none !important;
  }
  header.black .block .bottom .tell ul li {
    color: #272727;
  }
  header.black .block .bottom .tell ul li:last-child {
    color: #ff7300;
  }
  header.black .block .bottom .tell .icon .black {
    display: block !important;
  }
  header.black .block .bottom .tell .icon .white {
    display: none !important;
  }
}

@keyframes zoomToBig {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
}

@keyframes zoomBig {
  from {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.arrow-slider .prev,
.arrow-slider .next {
  cursor: pointer;
}

/*главная страница начало*/
.main-page {
  overflow: hidden;
}

.baner-main {
  padding-top: 18rem;
  padding-bottom: 0rem;
}
.baner-main .block {
  display: flex;
  justify-content: space-between;
}
.baner-main .block .left {
  width: 76%;
  padding-bottom: 0;
}
.baner-main .block .left .main-left-slider {
  position: relative;
}
.baner-main .block .left .main-left-slider .slider-pagination {
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  font-size: 2.5rem;
  position: absolute;
  left: 0;
  top: 5.5rem;
}
.baner-main
  .block
  .left
  .main-left-slider
  .slider-pagination
  .swiper-pagination-current {
  color: #fff;
  font-size: 6rem;
}
.baner-main .block .left .main-left-slider .arrow-slider {
  position: absolute;
  top: 0;
  right: 2.2rem;
  border: 1px solid #3e3e3e;
  z-index: 5;
}
.baner-main .block .left .main-left-slider .arrow-slider .prev {
  padding: 3.8rem 1.2rem;
  border: none;
  outline: none;
  border-top: 1px solid #3e3e3e;
}
.baner-main .block .left .main-left-slider .arrow-slider .prev img {
  transform: rotate(180deg);
}
.baner-main .block .left .main-left-slider .arrow-slider .next {
  padding: 3.8rem 1.2rem;
  border: none;
  outline: none;
}
.baner-main .block .left .main-left-slider .swiper-slide {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 3rem;
  height: 69.5rem;
}
.baner-main .block .left .main-left-slider .swiper-slide .content {
  padding-top: 22rem;
  padding-bottom: 5rem;
  opacity: 0;
  transition: opacity 1500ms;
  width: 50%;
  position: relative;
  z-index: 2;
}
.baner-main .block .left .main-left-slider .swiper-slide .content .suptitle {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  color: #b0b0b0;
  margin-bottom: 0.8rem;
}
.baner-main .block .left .main-left-slider .swiper-slide .content .title {
  font-family: "Montserrat", sans-serif;
  font-size: 4.7rem;
  color: #fff;
  margin-bottom: 5.5rem;
}
.baner-main .block .left .main-left-slider .swiper-slide .content .subtitle {
  font-family: "Circle Light";
  font-size: 1.8rem;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 4.7rem;
}
.baner-main
  .block
  .left
  .main-left-slider
  .swiper-slide
  .content
  .subtitle
  .icon {
  height: 4.3rem;
  margin-right: 2rem;
}
.baner-main
  .block
  .left
  .main-left-slider
  .swiper-slide
  .content
  .subtitle
  .icon
  img {
  height: 100%;
}
.baner-main .block .left .main-left-slider .swiper-slide .content .text {
  font-family: "Circle Light";
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 2rem;
  width: 75%;
  
}
.baner-main .block .left .main-left-slider .swiper-slide .content .text p {
  line-height: 1.5;
  color: #000;
  padding: 5%;
  box-shadow: inset 0 -1px 0 0 #eaeaea;
    transform: translateZ(0);
    -webkit-backdrop-filter: saturate(180%) blur(5px);
    backdrop-filter: saturate(180%) blur(5px);
    background: rgba(255, 255, 255, .8);
  
}
.baner-main .block .left .main-left-slider .swiper-slide .content .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
}
.baner-main .block .left .main-left-slider .swiper-slide .content .link .icon {
  background: rgba(238, 53, 75, 0.58);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.baner-main
  .block
  .left
  .main-left-slider
  .swiper-slide
  .content
  .link
  .icon
  img {
  height: 1.5rem;
}
.baner-main .block .left .main-left-slider .swiper-slide .image {
  position: absolute;
  height: 92rem;
  right: -24.5%;
  top: -11.5%;
  opacity: 0;
  z-index: 1;
  transition: opacity 3000ms;
}
.baner-main .block .left .main-left-slider .swiper-slide .image img {
  transform: scale(1);
  transition: transform 3000ms;
  height: 100%;
}
.baner-main .block .left .main-left-slider .swiper-slide .image:hover img {
  transform: scale(1.1);
  transition: transform 3000ms;
}
.baner-main .block .left .main-left-slider .swiper-slide-active .content {
  opacity: 1;
  transition: opacity 1500ms;
}
.baner-main .block .left .main-left-slider .swiper-slide-active .image {
  opacity: 1;
  transition: opacity 3000ms;
}
.baner-main .block .right {
  width: 24%;
  border-left: 1px solid #3e3e3e;
  padding-left: 1.8rem;
  margin-bottom: 3rem;
}
.baner-main .block .right .favorite {
  height: 17.4rem;
  position: relative;
  border-bottom: 2px solid #fff;
  overflow: hidden;
}
.baner-main .block .right .favorite .img {
  height: 100%;
}
.baner-main .block .right .favorite .img img {
  width: 100%;
  max-width: unset;
  height: auto;
}
.baner-main .block .right .favorite a {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.baner-main .block .right .favorite p {
  position: absolute;
  bottom: 1.5rem;
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  padding-left: 2rem;
}
.baner-main .block .right .favorite p span {
  margin-right: 3rem;
}
.baner-main .block .right .favorite img {
  position: relative;
  height: 100%;
  width: auto;
  max-width: unset;
}
.baner-main .block .right .main-right-slider {
  height: 48rem;
  margin-bottom: 2.5rem;
}
.baner-main .block .right .main-right-slider .swiper-slide {
  border-bottom: 1px solid #3e3e3e;
  padding-top: 1.5rem;
  cursor: pointer;
}
.baner-main .block .right .main-right-slider .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
}
.baner-main .block .right .main-right-slider .swiper-slide .text .numb {
  color: #fff;
  margin-right: 0rem;
  width: 10%;
}
.baner-main .block .right .main-right-slider .swiper-slide .text ul {
  width: 70%;
}
.baner-main
  .block
  .right
  .main-right-slider
  .swiper-slide
  .text
  ul
  li:first-child {
  font-size: 1.4rem;
  margin-bottom: 0.45rem;
  color: #fff;
}
.baner-main
  .block
  .right
  .main-right-slider
  .swiper-slide
  .text
  ul
  li:last-child {
  font-family: "Circle Light";
  color: #ff7300;
}
.baner-main .block .right .main-right-slider .swiper-slide .text .img {
  height: 5rem;
  width: 16.5%;
}
.baner-main .block .right .main-right-slider .swiper-slide .text .img img {
  height: 100%;
}
.baner-main .block .right .more {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  display: block;
  position: relative;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.baner-main .block .right .more:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.advantage {
  position: relative;
  padding-bottom: 25rem;
  overflow: hidden;
}
.advantage .block {
  display: flex;
  justify-content: space-between;
}
.advantage .block .left {
  width: 100%;
  padding-top: 12rem;
}
.advantage .block .left .suptitle {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  color: #b0b0b0;
  margin-bottom: 2.5rem;
}
.advantage .block .left .suptitle p span {
  color: #ff7300;
}
.advantage .block .left .title {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 4rem;
}
.advantage .block .left .list {
  margin-bottom: 3rem;
}
.advantage .block .left .list .item {
  display: flex;
  align-items: center;
  margin-bottom: 3.5rem;
}
.advantage .block .left .list .item:last-child {
  margin-bottom: 0;
}
.advantage .block .left .list .item .numb {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  color: #fff;
  margin-right: 2.7rem;
  width: 2rem;
}
.advantage .block .left .list .item .text {
  font-family: "Circle Light";
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
  width: 80%;
}
.advantage .block .left .list .item .text p:first-child {
  margin-bottom: 2.5rem;
  font-family: "Circle Regular";
  font-size: 2rem;
  color: #fff;
}
.advantage .block .left .link {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  align-items: center;
  padding-top: 1.2rem;
}
.advantage .block .left .link .icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ff7300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.advantage .block .left .link .icon img {
  height: 1.5rem;
}
.advantage .block .right {
  width: 62%;
  z-index: 1;
  padding-top: 11.5rem;
  position: relative;
}
.advantage .block .right:after {
  content: "";
  display: block;
  width: 200%;
  height: 92%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.advantage .block .right .top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-left: 10.6rem;
  position: relative;
  z-index: 1;
}
.advantage .block .right .top .text {
  font-family: "Montserrat", sans-serif;
  width: 60%;
}
.advantage .block .right .top .text .suptitle {
  color: #ff7300;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.advantage .block .right .top .text .title {
  color: #272727;
  font-size: 3rem;
}
.advantage .block .right .top .link {
  font-family: "Circle Bold";
  font-size: 1.6rem;
  color: #272727;
  display: flex;
  align-items: center;
  padding-top: 1.2rem;
}
.advantage .block .right .top .link .icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ff7300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}
.advantage .block .right .top .link .icon img {
  height: 1.5rem;
}
.advantage .block .right .bottom {
  position: relative;
  z-index: 1;
  height: 100%;
}
.advantage .block .right .bottom .banners {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13.5rem;
  padding-left: 10.6rem;
  z-index: 1;
  position: relative;
}
.advantage .block .right .bottom .banners .banner {
  width: 24%;
  height: 35.5rem;
  overflow: hidden;
  position: relative;
}
.advantage .block .right .bottom .banners .banner .img {
  height: 100%;
}
.advantage .block .right .bottom .banners .banner .img img {
  height: 100%;
  max-width: none;
}
.advantage .block .right .bottom .banners .banner .text {
  position: absolute;
  bottom: 1.6rem;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantage .block .right .bottom .banners .banner .text .name {
  font-family: "Circle Bold";
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  width: 60%;
  margin-bottom: 0.7rem;
  line-height: 1.5;
}
.advantage .block .right .bottom .banners .banner .text a {
  color: #fff;
  font-family: "Circle Light";
  font-size: 1.4rem;
  text-align: center;
  display: block;
  width: min-content;
  border-bottom: 1px solid #fff;
}
.advantage .block .right .bottom .info {
  display: flex;
  justify-content: space-between;
  padding-left: 10.6rem;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.advantage .block .right .bottom .info .info-left {
  width: 50%;
}
.advantage .block .right .bottom .info .info-left .suptitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: 2.7rem;
}
.advantage .block .right .bottom .info .info-left .suptitle span {
  color: #ff7300;
}
.advantage .block .right .bottom .info .info-left .title {
  font-family: "Montserrat", sans-serif;
  font-size: 3rem;
  text-align: left;
  margin-left: -0.6rem;
  margin-bottom: 2rem;
}
.advantage .block .right .bottom .info .info-left .link {
  font-family: "Circle Bold";
  font-size: 1.6rem;
  color: #272727;
  display: flex;
  align-items: center;
}
.advantage .block .right .bottom .info .info-left .link .icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ff7300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.advantage .block .right .bottom .info .info-left .link .icon img {
  height: 1.5rem;
}
.advantage .block .right .bottom .info .info-right {
  width: 47.5%;
}
.advantage .block .right .bottom .info .info-right ul {
  margin-bottom: 3rem;
}
.advantage .block .right .bottom .info .info-right ul li {
  display: flex;
  align-items: center;
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #272727;
  margin-bottom: 2rem;
}
.advantage .block .right .bottom .info .info-right ul li:last-child {
  margin-bottom: 0;
}
.advantage .block .right .bottom .info .info-right ul li .img {
  height: 2rem;
  margin-right: 1rem;
}
.advantage .block .right .bottom .info .info-right ul li .img img {
  height: 100%;
}
.advantage .block .right .bottom .info .arrow-slider {
  border: 1px solid #f0f0f0;
  z-index: 5;
  display: flex;
  width: max-content;
}
.advantage .block .right .bottom .info .arrow-slider .prev {
  padding: 1.5rem 0rem;
  width: 8.6rem;
  border: none;
  outline: none;
  border-right: 1px solid #f0f0f0;
  display: flex;
  justify-content: center;
}
.advantage .block .right .bottom .info .arrow-slider .prev img {
  transform: rotate(-90deg);
  height: 0.9rem;
}
.advantage .block .right .bottom .info .arrow-slider .next {
  padding: 1.5rem 0rem;
  width: 8.6rem;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
}
.advantage .block .right .bottom .info .arrow-slider .next img {
  transform: rotate(90deg);
  height: 0.9rem;
}
.advantage .block .right .bottom .slider {
  height: 100%;
  width: 114.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.advantage .block .right .bottom .slider .slider-advantage {
  height: 100%;
}
.advantage .block .right .bottom .slider .slider-advantage .swiper-slide .img {
  position: relative;
  height: 100%;
}
.advantage
  .block
  .right
  .bottom
  .slider
  .slider-advantage
  .swiper-slide
  .img
  img {
  height: 114%;
  margin-top: -21rem;
}

.last-work .container {
  overflow: hidden;
}

.last-work .block {
  padding-bottom: 13rem;
}
.last-work .block .top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5.5rem;
}
.last-work .block .top .left {
  font-family: "Circle Bold";
  font-size: 1.6rem;
  color: #fff;
}
.last-work .block .top .left .title {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  color: #fff;
  margin-bottom: 2.2rem;
}
.last-work .block .top .left a {
  color: #fff;
  position: relative;
}
.last-work .block .top .left a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.last-work .block .top .right {
  display: flex;
}
.last-work .block .top .right ul {
  margin-right: 3rem;
  margin-left: 1.5rem;
}
.last-work .block .top .right ul li {
  color: #ff7300;
  font-size: 1.6rem;
  font-family: "Circle Light";
  display: flex;
  align-items: end;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.last-work .block .top .right ul li:last-child {
  margin-bottom: 0;
}
.last-work .block .top .right ul li span {
  color: #fff;
  font-size: 3rem;
  margin-right: 1rem;
}
.last-work .block .top .right ul li img {
  height: 2.7rem;
}
.last-work .block .bottom .slider-work {
  overflow: unset !important;
  height: 65rem;
  padding-bottom: 9rem;
}
.last-work .block .bottom .slider-work .works-wrapper {
  align-items: center;
  position: relative;
}
.last-work .block .bottom .slider-work .works-wrapper .slick-list {
  overflow: unset;
}
.last-work .block .bottom .slider-work .works-wrapper .slick-track {
  display: flex;
  align-items: center;
  transition: 600ms all ease;
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide {
  width: 48rem;
  height: auto;
  border-left: 1px solid #3e3e3e;
  transition: 200ms all ease;
  /*&-active
							width: 48rem
							.img
								margin-bottom: 9rem
								height: 35rem
								filter: drop-shadow(20px 50px 100px rgba(0, 0, 0, 0.5))
								img
									width: 100%
									height: auto
							.name
								@include carbon
								font-size: 2.5rem
								color: #fff
								margin-bottom: 1.5rem
							.type
								@include cirReg
								font-size: 2rem
								color: #ff7300*/
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide .img {
  margin-bottom: 14.4rem;
  height: 35rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  filter: drop-shadow(20px 50px 100px rgba(0, 0, 0, 0.5));
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide .img img {
  height: 100%;
  max-width: unset;
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide .name {
  font-family: "Montserrat", sans-serif;
  font-size: 3.5rem;
  color: #fff;
  padding-left: 2.2rem;
  text-align: left;
  margin-bottom: 1.5rem;
  min-height: 12.6rem;
  display: flex;
  align-items: flex-end;
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide .type {
  font-family: "Circle Regular";
  font-size: 3.5rem;
  color: #ff7300;
  padding-left: 2.2rem;
  text-align: left;
  min-height: 8.4rem;
  display: flex;
  align-items: flex-start;
}
.last-work .block .bottom .slider-work .works-wrapper .works-slide.active {
  transform: scale(0.49) translate(0, 0);
  transition: transform 8000ms ease;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-active.active {
  left: auto;
  right: auto;
  transform: scale(1) translate(0, 0) !important;
  transition: transform 3500ms ease;
  z-index: 5;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-active.active
  .img {
  margin-bottom: 0.6rem;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-active.active
  .name {
  font-size: 2.5rem;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
  min-height: 9rem;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-active.active
  .type {
  font-size: 2rem;
  padding-left: 1.2rem;
  min-height: 4.8rem;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-prev.active {
  transform: scale(0.49) translate(21rem, 0);
  right: auto;
  transition: transform 2400ms ease;
}
.last-work
  .block
  .bottom
  .slider-work
  .works-wrapper
  .swiper-slide-next.active {
  transform: scale(0.49) translate(-21rem, 0);
  left: auto;
  transition: transform 2400ms ease;
}
.last-work .block .bottom .slider-work .works-wrapper .prevprev.active {
  transform: scale(0.49) translate(66.6rem, 0);
  right: auto;
  transition: transform 1700ms ease;
}
.last-work .block .bottom .slider-work .works-wrapper .nextnext.active {
  transform: scale(0.49) translate(-66.6rem, 0);
  left: auto;
  transition: transform 1300ms ease;
}
.last-work .block .bottom .nav {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.last-work .block .bottom .nav .slider-pagination {
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  font-size: 2.5rem;
  width: auto;
}
.last-work .block .bottom .nav .slider-pagination .swiper-pagination-current {
  color: #fff;
  font-size: 6rem;
}
.last-work .block .bottom .nav .arrow-slider {
  position: absolute;
  bottom: 1.7rem;
  right: 6rem;
  border: 1px solid #3e3e3e;
  z-index: 5;
  display: flex;
}
.last-work .block .bottom .nav .arrow-slider .prev {
  padding: 1.5rem 3.5rem;
  border: none;
  outline: none;
  border-right: 1px solid #3e3e3e;
}
.last-work .block .bottom .nav .arrow-slider .prev img {
  transform: rotate(-90deg);
}
.last-work .block .bottom .nav .arrow-slider .next {
  padding: 1.5rem 3.5rem;
  border: none;
  outline: none;
}
.last-work .block .bottom .nav .arrow-slider .next img {
  transform: rotate(90deg);
}

.company {
  background-color: #fff;
  overflow: hidden;
}
.company .block {
  display: flex;
}
.company .block .left {
  width: 38%;
  font-family: "Circle Light";
  font-size: 1.6rem;
  color: #272727;
  position: relative;
}
.company .block .left .text {
  position: relative;
  z-index: 1;
  line-height: 1.5;
  padding-top: 13rem;
  padding-right: 15%;
  padding-bottom: 33rem;
}
.company .block .left .text:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/company/fon.png");
  background-size: cover !important;
  width: 80rem;
  height: 100%;
  z-index: 0;
}
.company .block .left .text .suptitle {
  font-size: 1.6rem;
  color: #ff7300;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 4rem;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.company .block .left .text .title {
  font-size: 4rem;
  color: #272727;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 4rem;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.company .block .left .text .subtitle {
  font-family: "Circle Regular";
  font-size: 2rem;
  color: #272727;
  line-height: 1.45;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
}
.company .block .left .text p {
  position: relative;
  z-index: 1;
}
.company .block .left .list-link {
  position: relative;
  z-index: 1;
  padding-top: 16rem;
  padding-bottom: 10rem;
}
.company .block .left .list-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: radial-gradient(50% 50% at 50% 50%, #2b2b2b 0%, #272727 100%);
  width: 80rem;
  height: 100%;
  z-index: 0;
}
.company .block .left .list-link .suptitle {
  font-size: 1.8rem;
  color: #ff7300;
  font-family: "Montserrat", sans-serif;
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
.company .block .left .list-link .title {
  font-size: 4rem;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  z-index: 1;
  position: relative;
  margin-bottom: 6rem;
}
.company .block .left .list-link .list {
  display: flex;
  z-index: 1;
  position: relative;
}
.company .block .left .list-link .list ul:first-child {
  margin-right: 15.5rem;
}
.company .block .left .list-link .list ul li {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
  color: #fff;
  position: relative;
  display: block;
}
.company .block .left .list-link .list ul li a {
  color: #fff;
  position: relative;
  display: block;
  width: max-content;
}
.company .block .left .list-link .list ul li a:after {
  content: "";
  display: block;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 1px;
}
.company .block .right {
  width: 62%;
  padding-top: 13rem;
  padding-left: 10rem;
}
.company .block .right .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.8rem;
}
.company .block .right .top .title .sup {
  font-size: 1.6rem;
  color: #ff7300;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 1.2rem;
}
.company .block .right .top .title .sub {
  font-size: 4rem;
  color: #272727;
  font-family: "Montserrat", sans-serif;
  margin-left: -0.3rem;
}
.company .block .right .top .link {
  font-family: "Circle Bold";
  font-size: 1.6rem;
  color: #272727;
  display: flex;
  align-items: center;
}
.company .block .right .top .link .icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ff7300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}
.company .block .right .top .link .icon img {
  height: 1.5rem;
}
.company .block .right .bottom {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-right: -2%;
}
.company .block .right .bottom .item {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
.company .block .right .bottom .item .img {
  overflow: hidden;
  height: 26.5rem;
  margin-bottom: 4rem;
}
.company .block .right .bottom .item .img:hover img {
  animation-name: zoomToBig;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.company .block .right .bottom .item .img img {
  height: 100%;
  animation-name: zoomBig;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.company .block .right .bottom .item .info {
  display: flex;
}
.company .block .right .bottom .item .info .numb {
  color: #ff7300;
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  width: 2rem;
  margin-right: 2rem;
  padding-top: 1.2rem;
}
.company .block .right .bottom .item .info .text {
  font-family: "Circle Light";
  font-size: 1.6rem;
  color: #ff7300;
  padding-right: 5%;
  line-height: 1.55;
  text-align: left;
}
.company .block .right .bottom .item .info .text .title {
  font-family: "Montserrat", sans-serif;
  color: #272727;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  line-height: 1.2;
}
.company .block .right .button {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 1.8rem;
}
.company .block .right .button a {
  color: #272727;
  width: min-content;
  border-bottom: 1px solid #272727;
}
.company .block .right .list-link {
  display: none;
  position: relative;
  z-index: 1;
  padding-top: 16rem;
  padding-bottom: 10rem;
}
.company .block .right .list-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: radial-gradient(50% 50% at 50% 50%, #2b2b2b 0%, #272727 100%);
  width: 80rem;
  height: 100%;
  z-index: 0;
}
.company .block .right .list-link .suptitle {
  font-size: 1.8rem;
  color: #ff7300;
  font-family: "Montserrat", sans-serif;
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
.company .block .right .list-link .title {
  font-size: 4rem;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  z-index: 1;
  position: relative;
  margin-bottom: 6rem;
}
.company .block .right .list-link .list {
  display: flex;
  z-index: 1;
  position: relative;
}
.company .block .right .list-link .list ul:first-child {
  margin-right: 15.5rem;
}
.company .block .right .list-link .list ul li {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
}
.company .block .right .list-link .list ul li a {
  color: #fff;
}

.information .block {
  padding: 17rem 0;
  padding-bottom: 18rem;
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}
.information .block h3 {
  font-family: "Montserrat", sans-serif;
  color: #b3b3b3;
  font-size: 2rem;
  text-align: center;
}
.information .block h2 {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 4.5rem;
  text-align: center;
}
.information .block .suptitle {
  font-family: "Montserrat", sans-serif;
  color: #b3b3b3;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 5.5rem;
}
.information .block .title {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 4.5rem;
  text-align: center;
  margin-bottom: 5.5rem;
}
.information .block .text {
  font-family: "Circle Light";
  font-size: 1.8rem;
  color: #fff;
  text-align: left;
}
.information .block .text h3 {
  font-family: "Circle Regular";
  color: #fff;
  text-align: left;
  font-size: 2.2rem;
  margin-bottom: 2.8rem;
  margin-top: 5.8rem;
}
.information .block .text p {
  margin-bottom: 2.5rem;
  line-height: 1.6;
}
.information .block .text a {
  color: #ff7300;
  font-family: "Circle Regular";
  text-decoration: underline;
  line-height: 1.6;
}
.information .block .text ol,
.information .block .text ul {
  padding-left: 0rem;
  margin: 0;
  margin-bottom: 2.6rem;
}
.information .block .text ol li,
.information .block .text ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.4rem;
}
.information .block .text ol li span {
  font-family: "Circle Regular";
  font-size: 2rem;
  display: inline-block;
  color: #ff7300;
  margin-right: 0.5rem;
}
.information .block .text ul li {
  position: relative;
  padding-left: 1.4em;
}
.information .block .text ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0rem;
  top: 0.6rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  overflow: hidden;
  background-color: #ff7300;
}
.information .block .link {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8rem;
}
.information .block .link .icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #ff7300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}
.information .block .link .icon img {
  height: 1.5rem;
}

@media (max-width: 48em) {
  .baner-main {
    padding-top: 4.5rem;
    padding-bottom: 8rem;
  }
  .baner-main .block {
    flex-direction: column;
  }
  .baner-main .block .left {
    width: 100%;
  }
  .baner-main .block .left .main-left-slider {
    overflow: unset;
  }
  .baner-main .block .left .main-left-slider .slider-pagination {
    font-size: 2.5rem;
    top: unset;
    bottom: 4rem;
    padding-left: 3rem;
  }
  .baner-main
    .block
    .left
    .main-left-slider
    .slider-pagination
    .swiper-pagination-current {
    font-size: 6rem;
  }
  .baner-main .block .left .main-left-slider .arrow-slider {
    right: 3rem;
    border: 1px solid #3e3e3e;
    top: unset;
    bottom: 5.5rem;
    display: flex;
  }
  .baner-main .block .left .main-left-slider .arrow-slider .prev {
    padding: 1.6rem 4.7rem;
    border-top: unset;
    border-right: 1px solid #3e3e3e;
    order: 1;
  }
  .baner-main .block .left .main-left-slider .arrow-slider .prev img {
    transform: rotate(-90deg);
    height: 1rem;
  }
  .baner-main .block .left .main-left-slider .arrow-slider .next {
    padding: 1.6rem 4.7rem;
    order: 2;
  }
  .baner-main .block .left .main-left-slider .arrow-slider .next img {
    transform: rotate(90deg);
    height: 1rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide {
    flex-direction: column;
    height: 137.5rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content {
    padding-top: 22rem;
    padding-bottom: 5rem;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .suptitle {
    font-size: 2.3rem;
    margin-bottom: 1.3rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .title {
    font-size: 4.8rem;
    margin-bottom: 5.5rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .subtitle {
    font-size: 2.7rem;
    margin-bottom: 5.5rem;
  }
  .baner-main
    .block
    .left
    .main-left-slider
    .swiper-slide
    .content
    .subtitle
    .icon {
    height: 6rem;
    margin-right: 1rem;
  }
  .baner-main
    .block
    .left
    .main-left-slider
    .swiper-slide
    .content
    .subtitle
    .icon
    img {
    height: 100%;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .text {
    font-size: 2.6rem;
    margin-bottom: 3.5rem;
    width: 75%;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .text p {
    line-height: 1.6;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .content .link {
    font-size: 2.4rem;
  }
  .baner-main
    .block
    .left
    .main-left-slider
    .swiper-slide
    .content
    .link
    .icon {
    width: 6.3rem;
    height: 6.3rem;
    margin-right: 1.5rem;
  }
  .baner-main
    .block
    .left
    .main-left-slider
    .swiper-slide
    .content
    .link
    .icon
    img {
    height: 2.2rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .image {
    position: absolute;
    height: 105rem;
    right: unset;
    top: unset;
    bottom: -20rem;
  }
  .baner-main .block .left .main-left-slider .swiper-slide .image img {
    max-width: unset;
  }
  .baner-main .block .right {
    width: 100%;
    border-left: 1px solid #3e3e3e;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .baner-main .block .right .favorite {
    display: none;
  }
  .baner-main .block .right .main-right-slider {
    height: 24rem;
    margin-bottom: 5.5rem;
  }
  .baner-main .block .right .main-right-slider .swiper-slide {
    border-bottom: 1px solid #3e3e3e;
    padding-top: 1.5rem;
    opacity: 30%;
  }
  .baner-main .block .right .main-right-slider .swiper-slide-thumb-active {
    opacity: 100%;
  }
  .baner-main .block .right .main-right-slider .swiper-slide .text {
    font-size: 2.7rem;
  }
  .baner-main .block .right .main-right-slider .swiper-slide .text .numb {
    width: 7%;
  }
  .baner-main .block .right .main-right-slider .swiper-slide .text ul {
    width: 70%;
  }
  .baner-main
    .block
    .right
    .main-right-slider
    .swiper-slide
    .text
    ul
    li:first-child {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .baner-main .block .right .main-right-slider .swiper-slide .text .img {
    height: 8rem;
    width: 11.5%;
  }
  .baner-main .block .right .more {
    font-size: 2.8rem;
  }
  .baner-main .block .right .more:before {
    height: 1px;
  }
  .advantage {
    padding-bottom: 22rem;
  }
  .advantage .block {
    flex-direction: column;
  }
  .advantage .block .right {
    width: 100%;
    padding-top: 15rem;
    order: 1;
  }
  .advantage .block .right:after {
    width: 200%;
    height: 96%;
  }
  .advantage .block .right .top {
    margin-bottom: 5.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    flex-direction: column;
  }
  .advantage .block .right .top .text {
    width: auto;
  }
  .advantage .block .right .top .text .suptitle {
    font-size: 2.7rem;
    margin-bottom: 5rem;
  }
  .advantage .block .right .top .text .title {
    font-size: 4.7rem;
    width: 75%;
    margin-bottom: 4rem;
  }
  .advantage .block .right .top .link {
    font-size: 2.9rem;
    padding-top: unset;
  }
  .advantage .block .right .top .link .icon {
    width: 7.3rem;
    height: 7.3rem;
    margin-left: 2rem;
  }
  .advantage .block .right .top .link .icon img {
    height: 2.2rem;
  }
  .advantage .block .right .bottom {
    padding-bottom: 43rem;
  }
  .advantage .block .right .bottom .banners {
    margin-bottom: 10rem;
    padding-left: unset;
    flex-wrap: wrap;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .advantage .block .right .bottom .banners .banner {
    width: 48%;
    height: 54rem;
    margin-bottom: 4%;
  }
  .advantage .block .right .bottom .banners .banner .img {
    height: 100%;
  }
  .advantage .block .right .bottom .banners .banner .img img {
    width: 100%;
    height: auto;
  }
  .advantage .block .right .bottom .banners .banner .text {
    bottom: 3.8rem;
  }
  .advantage .block .right .bottom .banners .banner .text .name {
    font-size: 2.9rem;
    width: 60%;
    margin-bottom: 1.5rem;
    line-height: 1.5;
  }
  .advantage .block .right .bottom .banners .banner .text a {
    font-size: 2.2rem;
  }
  .advantage .block .right .bottom .info {
    padding-left: unset;
    flex-direction: column;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .advantage .block .right .bottom .info .info-left {
    width: 100%;
    margin-bottom: 5rem;
  }
  .advantage .block .right .bottom .info .info-left .suptitle {
    font-size: 2.7rem;
    margin-bottom: 2rem;
  }
  .advantage .block .right .bottom .info .info-left .title {
    font-size: 5rem;
    width: 75%;
    margin-bottom: 4rem;
    line-height: 1.15;
  }
  .advantage .block .right .bottom .info .info-left .link {
    font-size: 2.9rem;
  }
  .advantage .block .right .bottom .info .info-left .link span {
    order: 1;
  }
  .advantage .block .right .bottom .info .info-left .link .icon {
    order: 2;
    width: 7.3rem;
    height: 7.3rem;
    margin-right: 0;
    margin-left: 2rem;
  }
  .advantage .block .right .bottom .info .info-left .link .icon img {
    height: 2.2rem;
  }
  .advantage .block .right .bottom .info .info-right {
    width: 100%;
  }
  .advantage .block .right .bottom .info .info-right ul {
    margin-bottom: 5rem;
  }
  .advantage .block .right .bottom .info .info-right ul li {
    font-size: 2.7rem;
    margin-bottom: 3.8rem;
  }
  .advantage .block .right .bottom .info .info-right ul li .img {
    height: 4rem;
    margin-right: 2.4rem;
  }
  .advantage .block .right .bottom .info .arrow-slider .prev {
    padding: 2rem 0rem;
    width: 11.5rem;
  }
  .advantage .block .right .bottom .info .arrow-slider .prev img {
    height: 1.3rem;
  }
  .advantage .block .right .bottom .info .arrow-slider .next {
    padding: 2rem 0rem;
    width: 11.5rem;
  }
  .advantage .block .right .bottom .info .arrow-slider .next img {
    height: 1.3rem;
  }
  .advantage .block .right .bottom .slider {
    width: 100%;
    margin-left: unset;
    margin-right: unset;
  }
  .advantage .block .right .bottom .slider .slider-advantage {
    padding-bottom: 3rem;
  }
  .advantage
    .block
    .right
    .bottom
    .slider
    .slider-advantage
    .swiper-slide
    .img {
    display: flex;
    align-items: flex-end;
  }
  .advantage
    .block
    .right
    .bottom
    .slider
    .slider-advantage
    .swiper-slide
    .img
    img {
    left: -20%;
    height: auto;
    margin-top: unset;
    width: 125%;
    transform: scale(-1, 1);
    max-width: unset;
    position: relative;
  }
  .advantage .block .left {
    width: 100%;
    padding-top: 12rem;
    order: 2;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .advantage .block .left .suptitle {
    font-size: 2.7rem;
    margin-bottom: 4.5rem;
  }
  .advantage .block .left .title {
    font-size: 4.8rem;
    margin-bottom: 6rem;
  }
  .advantage .block .left .list {
    margin-bottom: 3rem;
  }
  .advantage .block .left .list .item {
    margin-bottom: 5.5rem;
  }
  .advantage .block .left .list .item .numb {
    font-size: 3.4rem;
    width: 6rem;
    margin-right: 2rem;
  }
  .advantage .block .left .list .item .text {
    font-size: 2.5rem;
    line-height: 1.5;
    width: 90%;
  }
  .advantage .block .left .list .item .text p:first-child {
    margin-bottom: 4.2rem;
    font-size: 2.9rem;
  }
  .advantage .block .left .link {
    font-size: 2.3rem;
    padding-top: 1.2rem;
  }
  .advantage .block .left .link .icon {
    width: 6rem;
    height: 6rem;
    margin-right: 2rem;
  }
  .advantage .block .left .link .icon img {
    height: 2.2rem;
  }
  .last-work {
    overflow: hidden;
  }
  .last-work .container {
    overflow: unset;
  }
  .last-work .block {
    padding-bottom: 22rem;
  }
  .last-work .block .top {
    margin-bottom: 7.5rem;
    flex-direction: column;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .last-work .block .top .left {
    font-size: 2.8rem;
    margin-bottom: 5.2rem;
  }
  .last-work .block .top .left .title {
    font-size: 4.8rem;
    margin-bottom: 4rem;
  }
  .last-work .block .top .left a:before {
    bottom: 0.6rem;
  }
  .last-work .block .top .right {
    justify-content: space-between;
    display: flex;
    width: 100%;
  }
  .last-work .block .top .right ul {
    margin-right: 0rem;
    margin-left: unset;
  }
  .last-work .block .top .right ul li {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  .last-work .block .top .right ul li span {
    font-size: 3rem;
    margin-right: 1rem;
  }
  .last-work .block .top .right ul li img {
    height: 2.7rem;
  }
  .last-work .block .bottom .slider-work {
    height: 80rem;
  }
  .last-work .block .bottom .slider-work .works-wrapper .swiper-slide {
    width: 57.6rem;
    border-color: transparent;
    height: auto;
  }
  .last-work .block .bottom .slider-work .works-wrapper .swiper-slide .img {
    margin-bottom: 17.28rem;
  }
  .last-work .block .bottom .slider-work .works-wrapper .swiper-slide .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .last-work .block .bottom .slider-work .works-wrapper .swiper-slide .name {
    opacity: 0;
    min-height: 10.8rem;
  }
  .last-work .block .bottom .slider-work .works-wrapper .swiper-slide .type {
    opacity: 0;
    min-height: 6.24rem;
  }
  .last-work .block .bottom .slider-work .works-wrapper .works-slide.active {
    transform: scale(0.6);
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-active.active {
    border-left: 1px solid #3e3e3e;
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-active.active
    .img {
    margin-bottom: 3.28rem;
    height: 41.4rem;
    filter: drop-shadow(11.8808px 29.702px 59.4041px rgba(0, 0, 0, 0.5));
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-active.active
    .img
    img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-active.active
    .name {
    font-size: 3rem;
    padding-left: 1.2rem;
    margin-bottom: 1.5rem;
    opacity: 1;
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-active.active
    .type {
    font-size: 2.6rem;
    padding-left: 1.2rem;
    opacity: 1;
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-prev.active {
    transform: scale(0.49) translate(24rem, 0);
    right: auto;
    transition: transform 1000ms ease;
  }
  .last-work
    .block
    .bottom
    .slider-work
    .works-wrapper
    .swiper-slide-next.active {
    transform: scale(0.49) translate(-24rem, 0);
    left: auto;
    transition: transform 1000ms ease;
  }
  .last-work .block .bottom .slider-work .works-wrapper .prevprev.active {
    transform: scale(0.49) translate(66.6rem, 0);
    right: auto;
    transition: transform 1000ms ease;
  }
  .last-work .block .bottom .slider-work .works-wrapper .nextnext.active {
    transform: scale(0.49) translate(-66.6rem, 0);
    left: auto;
    transition: transform 1000ms ease;
  }
  .last-work .block .bottom .slider-work .nav {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .last-work .block .bottom .slider-work .nav .slider-pagination {
    font-size: 2.5rem;
    transform: translateY(1rem);
  }
  .last-work
    .block
    .bottom
    .slider-work
    .nav
    .slider-pagination
    .swiper-pagination-current {
    font-size: 6rem;
  }
  .last-work .block .bottom .slider-work .nav .arrow-slider {
    bottom: 0;
    right: 3rem;
  }
  .last-work .block .bottom .slider-work .nav .arrow-slider .prev {
    padding: 1.5rem 4rem;
  }
  .last-work .block .bottom .slider-work .nav .arrow-slider .prev img {
    height: 1.2rem;
  }
  .last-work .block .bottom .slider-work .nav .arrow-slider .next {
    padding: 1.5rem 4rem;
  }
  .last-work .block .bottom .slider-work .nav .arrow-slider .next img {
    height: 1.2rem;
  }
  .company .block {
    flex-direction: column;
  }
  .company .block .left {
    width: 100%;
    font-size: 2.4rem;
  }
  .company .block .left .text {
    padding-top: 14.5rem;
    padding-right: 15%;
    padding-bottom: 37rem;
    padding-left: 3rem;
    padding-right: 3rem;
    line-height: 1.6;
  }
  .company .block .left .text:after {
    width: 100%;
  }
  .company .block .left .text .suptitle {
    font-size: 2.75rem;
    margin-bottom: 2.7rem;
  }
  .company .block .left .text .title {
    font-size: 4.7rem;
    margin-bottom: 4.7rem;
  }
  .company .block .left .text .subtitle {
    font-size: 3rem;
    line-height: 1.45;
    margin-bottom: 4rem;
  }
  .company .block .left .list-link {
    display: none;
  }
  .company .block .right {
    width: 100%;
    padding-top: 15rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .company .block .right .top {
    margin-bottom: 5.8rem;
  }
  .company .block .right .top .title .sup {
    font-size: 2.7rem;
    margin-bottom: 3rem;
  }
  .company .block .right .top .title .sub {
    font-size: 4.8rem;
    margin-left: -0.3rem;
  }
  .company .block .right .top .link {
    display: none;
  }
  .company .block .right .bottom {
    margin-left: -2%;
    margin-right: -2%;
  }
  .company .block .right .bottom .item {
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 6rem;
    margin-bottom: 8rem;
  }
  .company .block .right .bottom .item:last-child {
    margin-bottom: 0;
  }
  .company .block .right .bottom .item .img {
    height: 35rem;
    margin-bottom: 5rem;
  }
  .company .block .right .bottom .item .img img {
    width: 100%;
  }
  .company .block .right .bottom .item .info .numb {
    font-size: 3rem;
    width: 5rem;
    margin-right: 2rem;
    padding-top: 1.2rem;
  }
  .company .block .right .bottom .item .info .text {
    font-size: 2.6rem;
    padding-right: unset;
    line-height: 1.4;
    width: 90%;
  }
  .company .block .right .bottom .item .info .text .title {
    font-size: 2.9rem;
    margin-bottom: 3.5rem;
    line-height: 1.2;
  }
  .company .block .right .button {
    font-size: 3.1rem;
    margin-top: 5.4rem;
    margin-bottom: 5.5rem;
  }
  .company .block .right .list-link {
    display: block;
    padding-top: 20rem;
    padding-bottom: 0rem;
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .company .block .right .list-link:after {
    width: 100%;
    height: 100%;
  }
  .company .block .right .list-link .suptitle {
    font-size: 2.7rem;
    margin-bottom: 1.5rem;
  }
  .company .block .right .list-link .title {
    font-size: 4.8rem;
    margin-bottom: 10rem;
  }
  .company .block .right .list-link .list {
    justify-content: space-between;
  }
  .company .block .right .list-link .list ul:first-child {
    margin-right: unset;
  }
  .company .block .right .list-link .list ul li {
    font-size: 3rem;
    margin-bottom: 5.3rem;
  }
  .company .block .right .list-link .list ul li a {
    color: #fff;
    position: relative;
    display: block;
    width: max-content;
  }
  .company .block .right .list-link .list ul li a:after {
    content: "";
    display: block;
    bottom: 0.4rem;
    background-color: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
  }
  .information .block {
    padding: 16rem 3rem;
    padding-bottom: 16.2rem;
    width: auto;
  }
  .information .block h3 {
    font-family: "Montserrat", sans-serif;
    color: #b3b3b3;
    font-size: 2.9rem;
    text-align: left;
  }
  .information .block h2 {
    font-size: 4.8rem;
    text-align: left;
  }
  .information .block .suptitle {
    font-size: 2.9rem;
    margin-bottom: 4rem;
    text-align: left;
  }
  .information .block .title {
    font-size: 4.8rem;
    margin-bottom: 4rem;
    text-align: left;
  }
  .information .block .text {
    font-size: 2.9rem;
  }
  .information .block .text h3 {
    font-size: 3.2rem;
    margin-bottom: 2.8rem;
    margin-top: 5.8rem;
  }
  .information .block .text p {
    margin-bottom: 2.5rem;
    line-height: 1.5;
  }
  .information .block .text ol li span {
    font-size: 3.2rem;
    margin-right: 1rem;
  }
  .information .block .link {
    font-size: 2.3rem;
    margin-top: 5rem;
    justify-content: end;
  }
  .information .block .link .icon {
    width: 6.3rem;
    height: 6.3rem;
    margin-right: 2rem;
  }
  .information .block .link .icon img {
    height: 2.2rem;
  }
}

/*главная страница конец */
.services-baner {
  padding-top: 18.5rem;
  padding-bottom: 8rem;
  overflow: hidden;
}
.services-baner .block .cont {
  display: flex;
  margin-bottom: 6.8rem;
}
.services-baner .block .cont .left {
  padding-top: 2.5rem;
  width: 66.5%;
}
.services-baner .block .cont .left .top .title {
  font-family: "Montserrat", sans-serif;
}
.services-baner .block .cont .left .top .title .sup {
  font-size: 2rem;
  color: #b2b2b2;
  margin-bottom: 1rem;
  text-align: left;
}
.services-baner .block .cont .left .top .title .sub {
  font-size: 4.7rem;
  color: #fff;
  width: 80%;
  margin-bottom: 8.5rem;
  line-height: 1.15;
}
.services-baner .block .cont .left .bottom {
  display: flex;
  justify-content: space-between;
  padding-right: 2%;
}
.services-baner .block .cont .left .bottom .item {
  width: 33%;
  font-family: "Circle Light";
  font-size: 1.8rem;
  color: #e1e1e1;
  line-height: 1.35;
  text-align: left;
}
.services-baner .block .cont .left .bottom .item-img {
  height: 22rem;
  position: relative;
  width: 23.5rem;
}
.services-baner .block .cont .left .bottom .item-img img {
  height: 100%;
  position: absolute;
  width: 44rem;
  max-width: unset;
  right: 0;
}
.services-baner .block .cont .left .bottom .item:last-child {
  padding-top: 9.4rem;
}
.services-baner .block .cont .right {
  width: 20%;
  position: relative;
}
.services-baner .block .cont .right img {
  height: 100%;
  width: 72rem;
  position: absolute;
  left: 0;
  max-width: none;
}
.services-baner .block .info {
  display: flex;
  justify-content: space-between;
}
.services-baner .block .info ul {
  display: flex;
  align-items: center;
}
.services-baner .block .info ul li {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  color: #ededed;
  line-height: 1.3;
  display: grid;
}
.services-baner .block .info ul li:first-child {
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  margin-right: 2.3rem;
  display: block;
}

.catalog {
  background-color: #f4f4f4;
}
.catalog .suptitle {
  font-size: 1.5rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.catalog .title {
  font-size: 3rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #272727;
  text-transform: uppercase;
}
.catalog .block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.165%;
  margin-right: -1.165%;
  padding-top: 5rem;
  padding-bottom: 1.5rem;
}
.catalog .block .line {
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}
.catalog .block .item {
  width: 31%;
  margin-left: 1.165%;
  margin-right: 1.165%;
  margin-bottom: 9rem;
  margin-top: 9rem;
  font-size: 1.6rem;
  padding-bottom: 1rem;
  font-family: "Circle Light";
  color: #ff7300;
  text-align: center;
  position: relative;
}
.catalog .block .item:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #e2e2e2;
  position: absolute;
  right: -4%;
  bottom: 0;
  top: 0;
}
.catalog .block .item:nth-child(3):after {
  display: none;
}
.catalog .block .item:nth-child(7):after {
  display: none;
}
.catalog .block .item:nth-child(11):after {
  display: none;
}
.catalog .block .item:nth-child(15):after {
  display: none;
}
.catalog .block .item:nth-child(19):after {
  display: none;
}
.catalog .block .item:last-child:after {
  display: none;
}
.catalog .block .item .img {
  height: 28rem;
  margin-bottom: 2.5rem;
  margin-top: -5rem;
  position: relative;
  display: flex;
  justify-content: center;
}
.catalog .block .item .img img {
  height: 100%;
  max-width: none;
  /* position: absolute;
  transform: translateX(4rem); */
}
.catalog .block .item .price {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  color: #b3b3b3;
  margin-bottom: 3.5rem;
}
.catalog .block .item .price span {
  color: #ff7300;
}
.catalog .block .item .name {
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  color: #272727;
  margin-bottom: 3rem;
}
.catalog .block .item .text {
  margin-bottom: 2rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
.catalog .block .item .link {
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 1.6rem;
  font-family: "Circle Bold";
  margin-left: auto;
  margin-right: auto;
  width: max-content;
}
.catalog .block .item .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-left: 1rem;
}
.catalog .block .item .link .icon img {
  height: 1.5rem;
}

.baner-cub {
  background-size: cover !important;
  background-position: center !important;
  padding-top: 14rem;
  padding-bottom: 7rem;
}
.baner-cub .title {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  color: #fff;
  font-size: 4rem;
  margin-bottom: 3rem;
}
.baner-cub .subtitle {
  font-family: "Circle Regular";
  text-align: center;
  color: #fff;
  font-size: 2rem;
}
.baner-cub .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -6.5rem;
}
.baner-cub .block .left {
  color: #fff;
  font-size: 1.8rem;
  width: 25%;
}
.baner-cub .block .left .top {
  display: flex;
  align-items: center;
  font-family: "Circle Regular";
  margin-bottom: 4rem;
}
.baner-cub .block .left .top .icon {
  width: 5rem;
  margin-right: 1rem;
}
.baner-cub .block .left .top .icon img {
  width: 100%;
  max-width: none;
  max-height: none;
}
.baner-cub .block .left .bottom {
  font-family: "Circle Light";
  line-height: 1.5;
  text-align: left;
}
.baner-cub .block .middle {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 81rem;
  transform: translate(-8.8rem, -2.7rem);
  z-index: 1;
}
.baner-cub .block .middle img {
  height: 100%;
  max-width: none;
}
.baner-cub .block .right {
  width: 18.7%;
}
.baner-cub .block .right .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: "Circle Bold";
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  font-size: 1.6rem;
  position: relative;
}
.baner-cub .block .right .link:before {
  content: "";
  display: block;
  position: absolute;
  width: 13rem;
  height: 13rem;
  border: 1px solid #555555;
  border-radius: 50%;
  left: -15%;
}
.baner-cub .block .right .link:after {
  content: "";
  width: 40rem;
  height: 1px;
  background-color: #555555;
  position: absolute;
  right: calc(100% + 4.2rem);
  z-index: 0;
}
.baner-cub .block .right .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-right: 1.5rem;
}
.baner-cub .block .right .link .icon img {
  height: 1.5rem;
}

.services-page .last-work {
  padding-top: 12.8rem;
}
.services-page .last-work .block {
  padding-bottom: 16rem;
}

.services-page .information .block {
  padding-top: 0rem;
}

@media (max-width: 48em) {
  .services-baner {
    padding-top: 19.5rem;
    padding-bottom: 0rem;
    padding-left: 3rem;
    padding-right: 3rem;
    overflow: hidden;
  }
  .services-baner .block .cont {
    margin-bottom: 0rem;
    flex-direction: column;
  }
  .services-baner .block .cont .left {
    padding-top: 2.5rem;
    width: 100%;
  }
  .services-baner .block .cont .left .top .title .sup {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .services-baner .block .cont .left .top .title .sub {
    font-size: 4rem;
    width: auto;
    margin-bottom: 6.3rem;
    line-height: 1.15;
  }
  .services-baner .block .cont .left .bottom {
    padding-right: unset;
    flex-direction: column;
  }
  .services-baner .block .cont .left .bottom .item {
    width: 100%;
    font-size: 2.7rem;
    line-height: 1.5;
    margin-bottom: 6rem;
  }
  .services-baner .block .cont .left .bottom .item-img {
    height: 35.5rem;
    width: 105%;
    order: 2;
    margin-bottom: 6.5rem;
    overflow: hidden;
  }
  .services-baner .block .cont .left .bottom .item-img img {
    width: 100%;
    height: auto;
    max-width: unset;
    right: 0;
    position: relative;
  }
  .services-baner .block .cont .left .bottom .item:last-child {
    padding-top: unset;
    order: 3;
  }
  .services-baner .block .cont .right {
    display: none;
  }
  .services-baner .block .info {
    flex-direction: column;
    margin-bottom: 7rem;
  }
  .services-baner .block .info ul li {
    font-size: 2.8rem;
    line-height: 1.3;
    display: block;
    margin-bottom: 3.4rem;
  }
  .services-baner .block .info ul li:first-child {
    margin-right: 4rem;
    width: 5rem;
  }
  .services-baner .block .img {
    margin-left: -3rem;
    height: 21rem;
    overflow: hidden;
  }
  .services-baner .block .img img {
    height: 103%;
    max-width: unset;
    overflow: hidden;
  }
  .catalog {
    overflow: hidden;
  }
  .catalog .suptitle {
    font-size: 2.7rem;
    margin-bottom: 3rem;
  }
  .catalog .title {
    font-size: 4.8rem;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
  }
  .catalog .block {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .catalog .block .line {
    display: none;
  }
  .catalog .block .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-top: 2rem;
    font-size: 2.7rem;
    padding-bottom: 10rem;
    border-bottom: 1px solid #e2e2e2;
  }
  .catalog .block .item:after {
    display: none;
  }
  .catalog .block .item:last-child {
    border-bottom: none;
  }
  .catalog .block .item .img {
    width: 100%;
    height: 44rem;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .catalog .block .item .img img {
    /* transform: translateX(6rem); */
    width: 320%;
    height: 129%;
    object-fit: cover;
  }
  .catalog .block .item .price {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .catalog .block .item .name {
    font-size: 3.2rem;
    margin-bottom: 3rem;
    margin-top: 11rem;
  }
  .catalog .block .item .text {
    margin-bottom: 4rem;
    width: auto;
    line-height: 1.6;
    font-weight: bolder;
  }
  .catalog .block .item .link {
    font-size: 2.9rem;
  }
  .catalog .block .item .link .icon {
    width: 7.3rem;
    height: 7.3rem;
    margin-left: 3rem;
  }
  .catalog .block .item .link .icon img {
    height: 2.2rem;
  }
  .baner-cub {
    padding-top: 11.5rem;
    padding-bottom: 12.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background-size: 20rem;
    background-size: 213rem !important;
    background-repeat: no-repeat !important;
    background-position-y: 10rem !important;
    background-color: #040201 !important;
    overflow: hidden;
  }
  .baner-cub .title {
    font-size: 5rem;
    margin-bottom: 5rem;
  }
  .baner-cub .subtitle {
    font-size: 3rem;
  }
  .baner-cub .block {
    margin-top: -6.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .baner-cub .block .left {
    font-size: 2.8rem;
    margin-top: 9rem;
    width: 100%;
    order: 3;
  }
  .baner-cub .block .left .top {
    margin-bottom: 2.4rem;
    justify-content: center;
  }
  .baner-cub .block .left .top .icon {
    width: 6rem;
    margin-right: 1rem;
  }
  .baner-cub .block .left .bottom {
    line-height: 1.5;
    text-align: center;
  }
  .baner-cub .block .middle {
    height: 85rem;
    transform: translate(0);
    z-index: 1;
    order: 1;
  }
  .baner-cub .block .middle img {
    height: 100%;
    max-width: none;
    transform: translateX(-4rem);
  }
  .baner-cub .block .right {
    width: 100%;
    order: 2;
  }
  .baner-cub .block .right .link {
    font-size: 1.6rem;
    flex-direction: column;
  }
  .baner-cub .block .right .link:before {
    width: 15rem;
    height: 15rem;
    left: unset;
    top: -23.5%;
  }
  .baner-cub .block .right .link:after {
    right: unset;
    top: calc(100% - 42.4rem);
    transform: rotate(90deg);
  }
  .baner-cub .block .right .link .icon {
    width: 7.3rem;
    height: 7.3rem;
    margin-right: unset;
  }
  .baner-cub .block .right .link .icon img {
    height: 2.2rem;
  }
  .baner-cub .block .right .link span:last-child {
    margin-top: 7rem;
    font-size: 3.1rem;
  }
  .services-page .last-work {
    padding-top: 16.8rem;
  }
  .services-page .last-work .block {
    padding-bottom: 21rem;
  }
  .services-page .information .block {
    padding-top: 0rem;
  }
}

.material-page {
  overflow: hidden;
}

.material-banner {
  padding-top: 24rem;
  padding-bottom: 8.3rem;
  text-align: center;
}
.material-banner .subtitle {
  font-size: 2rem;
  margin-bottom: 0.8rem;
  font-family: "Circle Regular";
  color: #fff;
}
.material-banner .title {
  font-size: 4.5rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.material-banner .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Circle Regular";
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  margin-bottom: 3rem;
}
.material-banner .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-right: 2rem;
}
.material-banner .link .icon img {
  height: 1.5rem;
}
.material-banner .block .title {
  font-size: 2rem;
  margin-bottom: 5.5rem;
}
.material-banner .block .items {
  display: flex;
  justify-content: space-between;
}
.material-banner .block .items .item {
  width: 15%;
}
.material-banner .block .items .item .img {
  height: 21rem;
  display: flex;
  justify-content: center;
  margin-bottom: 3.5rem;
  position: relative;
  filter: drop-shadow(3rem 3rem 3rem rgba(0, 0, 0, 0.4));
}
.material-banner .block .items .item .img img {
  height: 100%;
  max-width: unset;
  position: absolute;
}
.material-banner .block .items .item .name {
  font-size: 2rem;
  margin-bottom: 0.6rem;
  font-family: "Circle Bold";
  color: #fff;
}
.material-banner .block .items .item .text {
  line-height: 1.35;
  font-size: 1.5rem;
  margin-bottom: 2.4rem;
  font-family: "Circle Regular";
  color: #fff;
  text-transform: lowercase;
}
.material-banner .block .items .item a {
  font-family: "Circle Light";
  font-size: 1.4rem;
  color: #fff;
  position: relative;
  width: max-content;
}
.material-banner .block .items .item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  right: 0;
}

.material-catalog {
  background-color: #f4f4f4;
  padding-top: 14.5rem;
  padding-bottom: 9rem;
}
.material-catalog .suptitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  text-transform: uppercase;
}
.material-catalog .title {
  font-size: 3rem;
  margin-bottom: 4rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #272727;
  text-transform: uppercase;
}
.material-catalog .block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
}
.material-catalog .block .item {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 9rem;
  margin-top: 9rem;
  position: relative;
}
.material-catalog .block .item:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #e2e2e2;
  position: absolute;
  right: -2.1%;
  bottom: 0;
  top: 0;
}
.material-catalog .block .item:nth-child(3n + 2) {
  padding-left: 16rem;
}
.material-catalog .block .item:nth-child(3n + 2):after {
  display: none;
}
.material-catalog .block .item .img {
  height: 36rem;
  position: relative;
  display: flex;
  margin-bottom: -9.6rem;
}
.material-catalog .block .item .img img {
  max-width: unset;
  height: 100%;
  position: absolute;
  margin-top: -11.3rem;
  margin-left: -5.5rem;
}
.material-catalog .block .item .name {
  font-size: 2.2rem;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #272727;
  margin-bottom: 4.5rem;
}
.material-catalog .block .item .type span {
  font-size: 2rem;
  color: #272727;
  font-family: "Circle Bold";
  display: block;
  margin-bottom: 2.5rem;
}
.material-catalog .block .item .type ul {
  font-size: 1.7rem;
  font-family: "Circle Regular";
  display: flex;
  color: #ff7300;
  margin-bottom: 4rem;
}
.material-catalog .block .item .type ul li {
  border-right: 1px solid #d5dfe1;
  padding: 0 1.8rem;
}
.material-catalog .block .item .type ul li:first-child {
  padding-left: 0;
}
.material-catalog .block .item .type ul li:last-child {
  border-right: 0;
  padding-right: 0;
}
.material-catalog .block .item .text {
  font-size: 1.6rem;
  color: #ff7300;
  font-family: "Circle Light";
  line-height: 1.5;
  margin-bottom: 4rem;
  margin-top: -1.8rem;
}
.material-catalog .block .item .link {
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 1.6rem;
  font-family: "Circle Bold";
}
.material-catalog .block .item .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-left: 1rem;
}
.material-catalog .block .item .link .icon img {
  height: 1.5rem;
}
.material-catalog .block .line {
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}

.material-device {
  background-color: #f4f4f4;
  padding-top: 1rem;
  padding-bottom: 2.2rem;
}
.material-device .block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
}
.material-device .block .item {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 9rem;
  margin-top: 9rem;
  position: relative;
}
.material-device .block .item:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: #e2e2e2;
  position: absolute;
  right: -2.1%;
  bottom: 0;
  top: 0;
}
.material-device .block .item:nth-child(3n + 2) {
  padding-left: 20rem;
}
.material-device .block .item:nth-child(3n + 2):after {
  display: none;
}
.material-device .block .item:nth-child(3n + 2) .text {
  width: auto;
}
.material-device .block .item:last-child:after {
  display: none;
}
.material-device .block .item .suptitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  text-transform: uppercase;
}
.material-device .block .item .name {
  font-size: 3rem;
  margin-bottom: 3rem;
  font-family: "Montserrat", sans-serif;
  color: #272727;
  text-transform: uppercase;
}
.material-device .block .item .img {
  height: 37rem;
  margin-bottom: 1.6rem;
  position: relative;
  display: flex;
}
.material-device .block .item .img img {
  max-width: unset;
  height: 100%;
  position: absolute;
  margin-top: unset;
  margin-left: -5.5rem;
}
.material-device .block .item .text {
  font-size: 1.6rem;
  color: #ff7300;
  font-family: "Circle Light";
  line-height: 1.5;
  margin-bottom: 3.5rem;
  margin-top: unset;
  width: 80%;
}
.material-device .block .item .link {
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 1.6rem;
  font-family: "Circle Bold";
}
.material-device .block .item .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-left: 1rem;
}
.material-device .block .item .link .icon img {
  height: 1.5rem;
}
.material-device .block .line {
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}

.material-information {
  margin-bottom: 16rem;
}
.material-information .block {
  display: flex;
  justify-content: space-between;
}
.material-information .block .item {
  text-align: left;
  width: 45%;
}
.material-information .block .item:nth-child(2n) {
  width: 44.5%;
}
.material-information .block .item .suptitle {
  font-size: 1.5rem;
  font-family: "Montserrat", sans-serif;
  color: #b2b2b2;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.material-information .block .item .title {
  font-size: 3rem;
  color: #fff;
  font-family: "Circle Regular";
  margin-bottom: 2rem;
}
.material-information .block .item .text {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
  font-family: "Circle Light";
  text-align: left;
  margin-bottom: 3.2rem;
}
.material-information .block .item .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Circle Regular";
  margin-bottom: 3rem;
}
.material-information .block .item .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-left: 1rem;
}
.material-information .block .item .link .icon img {
  height: 1.5rem;
}

.decorative {
  padding-top: 13.5rem;
  overflow: hidden;
}
.decorative .suptitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  text-transform: uppercase;
}
.decorative .title {
  font-size: 3rem;
  margin-bottom: 2.5rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.decorative .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Circle Regular";
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  margin-bottom: 3rem;
}
.decorative .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-left: 1rem;
}
.decorative .link .icon img {
  height: 1.5rem;
}
.decorative .block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -16rem;
}
.decorative .block .left {
  display: flex;
  justify-content: center;
  position: relative;
  height: 74rem;
  width: 34.4%;
  z-index: -1;
}
.decorative .block .left img {
  position: absolute;
  height: 100%;
  max-width: unset;
  transform: translate(-7rem);
}
.decorative .block .info {
  width: 35%;
  z-index: 1;
}
.decorative .block .info .title {
  font-size: 2rem;
  text-align: left;
  margin-bottom: 2.2rem;
}
.decorative .block .info .text {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #f2f2f2;
  font-family: "Circle Light";
  margin-bottom: 3.6rem;
}
.decorative .block .info .list ul {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-bottom: 1.8rem;
}
.decorative .block .info .list ul:last-child {
  margin-bottom: 0;
}
.decorative .block .info .list ul li img {
  width: 2.6rem;
  max-width: none;
}
.decorative .block .info .list ul li:first-child {
  margin-right: 1.8rem;
}

.material-page .color-palettes {
  padding-top: 0.5rem;
  margin-bottom: 9rem;
}
.material-page .color-palettes .section-head__suptitle {
  margin-bottom: 1rem;
}
.material-page .color-palettes .section-head__title {
  font-size: 3rem;
}

@media (max-width: 48em) {
  .material-banner {
    padding-top: 24rem;
    padding-bottom: 1.5rem;
  }
  .material-banner .subtitle {
    font-size: 2.7rem;
    margin-bottom: 1.5rem;
  }
  .material-banner .title {
    font-size: 5.8rem;
    margin-bottom: 3.8rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .material-banner .link {
    font-size: 2.8rem;
    margin-bottom: 8rem;
  }
  .material-banner .link .icon {
    width: 6.3rem;
    height: 6.3rem;
    margin-right: 2rem;
  }
  .material-banner .link .icon img {
    height: 2.2rem;
  }
  .material-banner .block .title {
    font-size: 3.5rem;
    margin-bottom: 7.5rem;
    width: 70%;
  }
  .material-banner .block .items {
    flex-wrap: wrap;
  }
  .material-banner .block .items .item {
    width: 50%;
    margin-bottom: 11rem;
  }
  .material-banner .block .items .item:nth-child(2n) {
    padding-right: 4rem;
  }
  .material-banner .block .items .item .img {
    height: 24rem;
    margin-bottom: 5.5rem;
  }
  .material-banner .block .items .item .img img {
    height: 100%;
  }
  .material-banner .block .items .item .name {
    font-size: 2.9rem;
    margin-bottom: 3.5rem;
  }
  .material-banner .block .items .item .text {
    display: none;
  }
  .material-banner .block .items .item a {
    font-size: 2.6rem;
  }
  .material-banner .block .items .item a:after {
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .material-catalog {
    padding-top: 19rem;
    padding-bottom: 39rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .material-catalog .suptitle {
    font-size: 2.7rem;
    margin-bottom: 3rem;
    text-align: left;
  }
  .material-catalog .title {
    font-size: 4.8rem;
    margin-bottom: 4rem;
    text-align: left;
  }
  .material-catalog .block {
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
  }
  .material-catalog .block .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4rem;
    margin-top: 9rem;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 12rem;
  }
  .material-catalog .block .item:after {
    display: none;
  }
  .material-catalog .block .item:nth-child(3n + 2) {
    padding-left: unset;
  }
  .material-catalog .block .item:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
  }
  .material-catalog .block .item .img {
    height: 46rem;
    margin-bottom: -5rem;
  }
  .material-catalog .block .item .img img {
    margin-top: -7.5rem;
    margin-left: -7.5rem;
  }
  .material-catalog .block .item .name {
    font-size: 3.1rem;
    margin-bottom: 7rem;
  }
  .material-catalog .block .item .type span {
    font-size: 3.1rem;
    margin-bottom: 4.5rem;
  }
  .material-catalog .block .item .type ul {
    flex-wrap: wrap;
    font-size: 2.7rem;
    margin-bottom: 5.5rem;
  }
  .material-catalog .block .item .type ul li {
    padding: 0;
    padding-right: 6rem;
    margin-bottom: 3rem;
    border-right: none;
  }
  .material-catalog .block .item .type.brends ul li {
    padding: 0 2.5rem;
    border-right: 1px solid #d5dfe1;
  }
  .material-catalog .block .item .type.brends ul li:first-child {
    padding-left: 0;
  }
  .material-catalog .block .item .type.brends ul li:last-child {
    border-right: none;
  }
  .material-catalog .block .item .text {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 6.3rem;
    margin-top: -3.5rem;
  }
  .material-catalog .block .item .link {
    font-size: 3rem;
  }
  .material-catalog .block .item .link .icon {
    width: 7.3rem;
    height: 7.3rem;
    margin-left: 3rem;
  }
  .material-catalog .block .item .link .icon img {
    height: 2.2rem;
  }
  .material-catalog .block .line {
    display: none;
  }
  .material-device {
    padding-top: 16rem;
    padding-bottom: 2.2rem;
    overflow: hidden;
  }
  .material-device .block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .material-device .block .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 28rem;
    margin-top: 9rem;
    justify-content: center;
  }
  .material-device .block .item:after {
    display: none;
    right: unset;
  }
  .material-device .block .item:nth-child(3n + 2) {
    padding-left: unset;
  }
  .material-device .block .item:last-child {
    margin-bottom: 11rem;
  }
  .material-device .block .item .suptitle {
    font-size: 2.7rem;
    margin-bottom: 3rem;
    text-align: center;
  }
  .material-device .block .item .name {
    font-size: 4.8rem;
    margin-bottom: 5.2rem;
    text-align: center;
  }
  .material-device .block .item .img {
    height: 45.5rem;
    margin-bottom: 1.6rem;
  }
  .material-device .block .item .img img {
    margin-left: -4rem;
  }
  .material-device .block .item .text {
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 7rem;
    width: auto;
    text-align: center;
  }
  .material-device .block .item .link {
    font-size: 3rem;
    justify-content: center;
  }
  .material-device .block .item .link .icon {
    width: 7rem;
    height: 7rem;
    margin-left: 3rem;
  }
  .material-device .block .item .link .icon img {
    height: 2.2rem;
  }
  .material-device .block .line {
    display: none;
  }
  .material-information {
    margin-bottom: 16rem;
    padding-top: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .material-information .block {
    flex-wrap: wrap;
  }
  .material-information .block .item {
    text-align: left;
    width: 100%;
    margin-bottom: 11rem;
  }
  .material-information .block .item:last-child {
    margin-bottom: 3rem;
  }
  .material-information .block .item:nth-child(2n) {
    width: 100%;
  }
  .material-information .block .item .suptitle {
    font-size: 2.8rem;
    margin-bottom: 5.2rem;
  }
  .material-information .block .item .title {
    font-size: 4.8rem;
    margin-bottom: 5rem;
  }
  .material-information .block .item .text {
    font-size: 2.7rem;
    line-height: 1.55;
    margin-bottom: 4.3rem;
  }
  .material-information .block .item .link {
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  .material-information .block .item .link .icon {
    width: 7rem;
    height: 7rem;
    margin-left: 4rem;
  }
  .material-information .block .item .link .icon img {
    height: 2.2rem;
  }
  .decorative {
    padding-top: 16.5rem;
  }
  .decorative .suptitle {
    font-size: 2.7rem;
    margin-bottom: 3rem;
  }
  .decorative .title {
    font-size: 4.8rem;
    margin-bottom: 4.5rem;
  }
  .decorative .link {
    font-size: 3rem;
    margin-bottom: 5rem;
  }
  .decorative .link .icon {
    width: 7rem;
    height: 7rem;
    margin-left: 3rem;
  }
  .decorative .link .icon img {
    height: 2.2rem;
  }
  .decorative .block {
    margin-top: -16rem;
    flex-direction: column;
  }
  .decorative .block .left {
    height: 89rem;
    width: 34.4%;
  }
  .decorative .block .left img {
    transform: translate(0rem);
  }
  .decorative .block .info {
    width: auto;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .decorative .block .info .title {
    font-size: 3.9rem;
    margin-bottom: 6rem;
  }
  .decorative .block .info .text {
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 6.5rem;
  }
  .decorative .block .info .list ul {
    font-size: 2.7rem;
    margin-bottom: 4.1rem;
  }
  .decorative .block .info .list ul:last-child {
    margin-bottom: 0;
  }
  .decorative .block .info .list ul li img {
    width: 4.6rem;
  }
  .decorative .block .info .list ul li:first-child {
    margin-right: 3.7rem;
  }
  .material-page .color-palettes {
    padding-top: 23.5rem;
    margin-bottom: 9rem;
  }
  .material-page .color-palettes .title-a--16 {
    margin-bottom: 3.3rem;
  }
  .material-page .color-palettes .title-a--40 {
    font-size: 4.8rem;
  }
}

.pag ul {
  display: flex;
}

.pag li {
  margin-right: 0.5rem;
}

.pag a {
  color: #030303;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-family: "Circle Regular";
}

.pag li::before {
  content: "/ ";
  color: #030303;
  font-family: "Circle Regular";
  font-size: 1.1rem;
  display: inline-block;
  margin-right: 0.5rem;
}

.decor {
  display: flex;
  align-items: center;
}
.decor__line {
  width: 23.7rem;
  height: 0.1rem;
  background-color: #c4c4c4;
}
.decor__circle {
  width: 13.5rem;
  height: 13.5rem;
  border-radius: 100%;
  border: 0.1rem solid #c4c4c4;
}
@media (max-width: 48em) {
  .decor {
    flex-direction: column;
  }
  .decor__line {
    width: 0.2rem;
    height: 10rem;
  }
  .decor__circle {
    width: 15.6rem;
    height: 15.6rem;
    border: 0.2rem solid #c4c4c4;
  }
}

.atom {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  color: #272727;
  display: inline-flex;
  align-items: center;
}
.atom::before {
  content: "";
  display: inline-block;
  margin-right: 1rem;
  width: 4rem;
  height: 4.5rem;
  margin-top: -0.5rem;
  background-image: url(../img/icon/atom.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 48em) {
  .atom {
    font-size: 2.8rem;
  }
  .atom::before {
    width: 6rem;
    height: 6rem;
  }
}

.red-arrow {
  font-family: "Circle Bold";
  font-size: 1.6rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.red-arrow::before {
  content: "";
  display: inline-block;
  margin-right: 1.6rem;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 100%;
  margin-top: -0.2rem;
  background-image: url(../img/icon/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.633rem;
  background-color: #ff7300;
}

@media (max-width: 48em) {
  .red-arrow.title-a {
    font-size: 2.4rem;
  }
  .red-arrow.title-a::before {
    margin-right: 2rem;
    width: 6.8rem;
    height: 6.8rem;
    margin-top: -0.2rem;
    background-size: 0.866rem;
  }
}

.text-a {
  font-family: "Circle Extra Light";
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 48em) {
  .text-a {
    font-size: 2.8rem;
  }
}

.title-a {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 1.8rem;
}
.title-a span {
  color: #ff7300;
}
@media (max-width: 48em) {
  .title-a {
    font-size: 2.8rem;
  }
}

.square {
  position: relative;
  display: inline-block;
  color: inherit !important;
}
.square::after {
  content: "2";
  display: inline-block;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  color: inherit !important;
  top: -1rem;
  right: -0.5rem;
}

.section {
  padding: 9rem 0;
}

.section-head {
  text-align: center;
  font-family: "Montserrat", sans-serif;
}
.section-head--left {
  text-align: left;
}
.section-head--equipment .section-head__suptitle {
  font-size: 1.5rem;
  margin-bottom: 1.6rem;
  color: #ff7300;
  margin-bottom: 1rem;
}
.section-head--equipment .section-head__title {
  font-size: 3rem;
  color: #241214;
}
.section-head__suptitle {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  color: #b2b2b2;
}
.section-head__title {
  font-size: 4rem;
}
@media (max-width: 48em) {
  .section-head__suptitle {
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
  .section-head__title {
    font-size: 5rem;
  }
  .section-head--equipment .section-head__suptitle {
    font-size: 2.8rem;
    margin-bottom: 5rem;
  }
  .section-head--equipment .section-head__title {
    font-size: 5rem;
  }
}

.bottom {
  text-align: center;
}
.bottom__see-more {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 2rem;
  position: relative;
  display: inline-block;
}
.bottom__see-more::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 48em) {
  .bottom__see-more {
    font-size: 3.2rem;
  }
}

.head {
  background-color: #f3f3f3;
  padding-top: 0;
  padding-bottom: 0;
  padding-top: 13.7rem;
}
.head .container {
  overflow: hidden;
}
.head__inner {
  min-height: 78.1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 13rem;
}
.head__img {
  position: absolute;
  top: -25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 104.5rem;
  z-index: 1;
}
.head__decor {
  position: absolute;
  top: 17rem;
  right: 19rem;
}
.head__pag {
  position: absolute;
  top: 3.7rem;
  left: 0;
  z-index: 3;
}
.head__content {
  position: relative;
  height: 49rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
.head__left {
  width: 37.7rem;
  position: relative;
  z-index: 3;
}
.head__left .atom {
  margin-bottom: 4.45rem;
}
.head__text {
  font-size: 1.8rem;
  color: #272727;
}
.head__right {
  width: 28rem;
  padding-top: 5rem;
  position: relative;
  z-index: 3;
}
.head__suptitle {
  padding-left: 6.3rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  color: #272727;
}
.head__header {
  position: relative;
  z-index: 3;
  text-align: center;
  order: 1;
}
.head__title {
  margin-bottom: 1.3rem;
  font-size: 10rem;
  color: #272727;
}
.head__subtitle {
  font-size: 1.8rem;
  color: #272727;
}
.head__link {
  color: #272727;
}
@media (max-width: 48em) {
  .head {
    padding-top: 15.4rem;
  }
  .head__inner {
    width: calc(100% - 5.6rem);
    min-height: auto;
    margin: 0 auto;
    padding-top: 5.4rem;
    padding-bottom: 17.4rem;
  }
  .head__pag {
    display: none;
  }
  .head__header {
    order: 0;
  }
  .head__title {
    margin-bottom: 3rem;
    font-size: 7rem;
  }
  .head__subtitle {
    font-size: 2.8rem;
  }
  .head__text {
    font-size: 2.8rem;
  }
  .head__content {
    flex-direction: column-reverse;
    padding-top: 75.5rem;
    height: auto;
  }
  .head__decor {
    top: 66.5rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .head__img {
    width: 96rem;
    top: 2rem;
  }
  .head__left {
    width: 100%;
    text-align: center;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .head__left .atom {
    margin-bottom: 2.7rem;
  }
  .head__right {
    width: 100%;
    text-align: center;
    margin-bottom: 5.5rem;
  }
  .head__suptitle {
    display: none;
  }
  .head__link {
    display: flex;
    flex-direction: column;
    font-size: 3rem;
  }
  .head__link::before {
    width: 7.6rem;
    height: 7.6rem;
    background-size: 1rem;
    margin-right: 0;
    margin-bottom: 8.3rem;
  }
}

.dif-bg {
  overflow: hidden;
}
.dif-bg__inner {
  display: flex;
}
.dif-bg__left {
  width: 56.7rem;
  padding-top: 7.5rem;
  padding-right: 6rem;
  padding-bottom: 8.4rem;
  flex-shrink: 0;
}
.dif-bg__right {
  padding-top: 7.5rem;
  position: relative;
  padding-left: 13.4rem;
  background-color: #f3f3f3;
  padding-bottom: 3rem;
}
.dif-bg__right::before {
  content: "";
  display: block;
  width: 66vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #f3f3f3;
}
@media (max-width: 48em) {
  .dif-bg {
    padding-bottom: 10rem;
  }
  .dif-bg__inner {
    flex-direction: column-reverse;
  }
  .dif-bg__left {
    width: 100%;
    padding: 2.8rem;
    padding-top: 16rem;
  }
  .dif-bg__right {
    padding: 3rem;
    padding-top: 7.5rem;
    padding-bottom: 12.5rem;
  }
  .dif-bg__right::before {
    display: none;
  }
}

.new-advantages-list__head {
  margin-bottom: 6.5rem;
  padding-right: 2rem;
  line-height: 1.1;
}

.new-advantages-list__suptitle {
  margin-bottom: 3rem;
  font-size: 2rem;
  color: #b3b3b3;
}

.new-advantages-list__title {
  font-size: 4rem;
  color: #fff;
}

.new-advantages-list__list {
  margin-bottom: 5.5rem;
}

.new-advantages-list__item {
  display: flex;
  margin-bottom: 6rem;
}
.new-advantages-list__item:last-of-type {
  margin-bottom: 0;
}

.new-advantages-list__num {
  display: flex;
  align-items: center;
  width: 5.1rem;
  flex-shrink: 0;
  font-size: 2rem;
}

.new-advantages-list__text-title {
  margin-bottom: 2.3rem;
  font-size: 2rem;
}
.new-advantages-list__text-title:last-child {
  margin-bottom: 0;
}

.new-advantages-list__text {
  font-size: 1.6rem;
}

@media (max-width: 48em) {
  .new-advantages-list__suptitle {
    margin-bottom: 6rem;
    font-size: 2.8rem;
  }
  .new-advantages-list__head {
    margin-bottom: 12rem;
  }
  .new-advantages-list__title {
    font-size: 5rem;
  }
  .new-advantages-list__list {
    margin-bottom: 3.5rem;
  }
  .new-advantages-list__item {
    margin-bottom: 5.5rem;
  }
  .new-advantages-list__text-title {
    margin-bottom: 4.3rem;
    font-size: 3rem;
  }
  .new-advantages-list__text {
    font-size: 2.6rem;
  }
  .new-advantages-list__num {
    width: 10rem;
    font-size: 4rem;
  }
}

.types-of-coatings__suptitle {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #b3b3b3;
}

.types-of-coatings__title {
  margin-bottom: 1rem;
  font-size: 3rem;
  color: #272727;
}

.types-of-coatings__subtitle {
  margin-top: 3.6rem;
  width: 55.7rem;
  color: #272727;
}

.types-of-coatings__list {
  padding-top: 6rem;
}

.types-of-coatings__item {
  display: flex;
  margin-bottom: 6.5rem;
}

.types-of-coatings__content {
  padding-top: 2.4rem;
  position: relative;
  z-index: 4;
}

.types-of-coatings__img {
  flex-shrink: 0;
  width: 16rem;
  height: 16rem;
  position: relative;
  margin-right: 7rem;
  z-index: 3;
}
.types-of-coatings__img img {
  width: 38.5rem;
  max-width: none;
  position: absolute;
  top: -14rem;
  left: -12rem;
}

.types-of-coatings__text-title {
  margin-bottom: 2rem;
  color: #272727;
}

.types-of-coatings__text {
  color: #272727;
}

@media (max-width: 48em) {
  .types-of-coatings__suptitle {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 2.8rem;
  }
  .types-of-coatings__title {
    text-align: center;
    font-size: 5rem;
  }
  .types-of-coatings__subtitle {
    display: none;
  }
  .types-of-coatings__item {
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem;
  }
  .types-of-coatings__list {
    padding-top: 2rem;
  }
  .types-of-coatings__img {
    width: 42rem;
    height: 42rem;
    margin-right: 0;
    margin-bottom: 9rem;
  }
  .types-of-coatings__img img {
    width: 90rem;
    top: -21rem;
    left: -25rem;
  }
  .types-of-coatings__content {
    margin-left: 0;
    padding-top: 0;
    text-align: center;
  }
  .types-of-coatings__text-title {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
}

.grid-block {
  overflow: hidden;
  padding-top: 14.8rem;
  padding-bottom: 0;
}
.grid-block__head {
  margin-bottom: 3.3rem;
}
.grid-block__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8.3rem;
}
.grid-block__item {
  width: 50%;
  padding: 0rem 8.3rem;
  padding-top: 8.4rem;
  padding-bottom: 11.9rem;
  position: relative;
}
.grid-block__item::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  background-color: #484848;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-block__item::after {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: calc(100% - 16rem);
  background-color: #484848;
  position: absolute;
  right: 0;
  top: 8rem;
}
.grid-block__item:nth-of-type(1)::before,
.grid-block__item:nth-of-type(2)::before,
.grid-block__item:nth-of-type(3)::before {
  display: none;
}
.grid-block__item:nth-of-type(3n + 3)::after {
  display: none;
}
.grid-block__img {
  width: 31rem;
  height: 31rem;
  margin: 0 auto;
  margin-bottom: 4rem;
  position: relative;
  z-index: 3;
}
.grid-block__img img {
  width: 66rem;
  max-width: none;
  position: absolute;
  top: -15rem;
  left: -20rem;
}
.grid-block__text-title {
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  z-index: 4;
  font-size: 1.8rem;
}
.grid-block__text {
  text-align: center;
  position: relative;
  z-index: 4;
  color: #b2b2b2;
}
.grid-block--quarter .grid-block__item {
  width: 25%;
}
.grid-block--quarter .grid-block__item:nth-of-type(4)::before {
  display: none;
}
.grid-block--quarter .grid-block__item:nth-of-type(3n + 3)::after {
  display: block;
}
.grid-block--quarter .grid-block__item:nth-of-type(4n + 4)::after {
  display: none;
}
.grid-block--quarter .grid-block__img {
  height: 24rem;
}
.grid-block--quarter .grid-block__img img {
  width: 61rem;
}
.grid-block--cube .grid-block__list {
  margin: 0 -12.3rem;
}
.grid-block--cube .grid-block__img {
  height: 29rem;
}
.grid-block--cube .grid-block__img img {
  width: 65rem;
  top: -16rem;
  left: -17rem;
}
.grid-block--equipment {
  background-color: #f3f3f3;
  position: relative;
  z-index: 3;
  padding-top: 10.5rem;
}
.grid-block--equipment:last-child {
  padding-bottom: 10.5rem;
}
.grid-block--equipment .grid-block__list {
  margin: 0 -5.8rem;
}
.grid-block--equipment .grid-block__item {
  padding: 9.6rem 5.8rem 8rem;
  overflow: hidden;
}
.grid-block--equipment .grid-block__item::after,
.grid-block--equipment .grid-block__item::before {
  background-color: #d2d2d2;
}
.grid-block--equipment .grid-block__img {
  width: 100%;
  height: 31rem;
  margin-bottom: 6.2rem;
}
.grid-block--equipment .grid-block__img img {
  width: 100%;
  height: 100%;
  position: static;
  object-fit: contain;
}
.grid-block--equipment .grid-block__text-title {
  font-family: "Circle Bold";
  font-size: 2.2rem;
  color: #241214;
}
.grid-block--equipment .grid-block__text {
  font-family: "Circle Extra Light";
  font-size: 1.6rem;
  color: #ff7300;
}
@media (max-width: 48em) {
  .grid-block {
    padding-top: 11rem;
    padding-bottom: 8rem;
  }
  .grid-block__inner {
    padding: 0 3rem;
  }
  .grid-block__list {
    display: block;
    margin: 0;
  }
  .grid-block__text-title {
    font-size: 3.2rem;
  }
  .grid-block__text {
    font-size: 2.8rem;
  }
  .grid-block__item {
    width: 100%;
    padding: 0;
    margin-bottom: 4rem;
  }
  .grid-block__item::after,
  .grid-block__item::before {
    display: none;
  }
  .grid-block__img {
    width: 62rem;
    height: 49rem;
    margin-bottom: 3.5rem;
  }
  .grid-block__img img {
    width: 94rem;
  }
  .grid-block--quarter .grid-block__title {
    margin-bottom: 7rem;
  }
  .grid-block--quarter .grid-block__list {
    display: flex;
    flex-wrap: wrap;
  }
  .grid-block--quarter .grid-block__item {
    width: 50%;
  }
  .grid-block--quarter .grid-block__item::after,
  .grid-block--quarter .grid-block__item::before {
    display: none;
  }
  .grid-block--quarter .grid-block__item:nth-of-type(3n + 3)::after {
    display: none;
  }
  .grid-block--quarter .grid-block__img {
    height: 27rem;
    width: 100%;
  }
  .grid-block--quarter .grid-block__img img {
    top: -14rem;
    left: -16rem;
  }
  .grid-block--quarter .grid-block__text-title {
    font-size: 2.6rem;
  }
  .grid-block--cube .grid-block__title {
    margin-bottom: 7rem;
  }
  .grid-block--cube .grid-block__item {
    margin-bottom: 13rem;
  }
  .grid-block--cube .grid-block__img {
    width: 42rem;
    height: 42rem;
  }
  .grid-block--cube .grid-block__img img {
    width: 90rem;
    top: -21rem;
    left: -24rem;
  }
  .grid-block--equipment {
    padding-top: 19rem;
    padding-bottom: 2rem;
  }
  .grid-block--equipment .grid-block__list {
    margin: 0;
    padding-top: 2rem;
  }
  .grid-block--equipment .grid-block__item {
    padding: 11.6rem 1.5rem 7rem;
    margin-bottom: 0;
  }
  .grid-block--equipment .grid-block__img {
    height: 57.2rem;
    margin-bottom: 9rem;
  }
  .grid-block--equipment .grid-block__text-title {
    font-size: 4rem;
    margin-bottom: 4.5rem;
  }
  .grid-block--equipment .grid-block__text {
    font-size: 2.8rem;
    line-height: 1.5;
  }
}

.color-palettes {
  padding-top: 9rem;
}
.color-palettes__head {
  margin-bottom: 9.5rem;
}
.color-palettes__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.2rem;
}
.color-palettes__item {
  width: 17.2rem;
  margin-right: 9.2rem;
  margin-bottom: 7rem;
}
.color-palettes__item:nth-of-type(6n + 6) {
  margin-right: 0;
}
.color-palettes__img {
  width: 17.2rem;
  height: 17.2rem;
  padding: 1.9rem;
  border-radius: 100%;
  border: 0.1rem solid #484848;
  margin-bottom: 3rem;
  position: relative;
  filter: drop-shadow(3rem 3rem 3rem rgba(0, 0, 0, 0.7));
}
.color-palettes__img-big {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.color-palettes__img-big img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.color-palettes__img-mini {
  width: 6rem;
  height: 6rem;
  border: 0.2rem solid #ebebeb;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: -9%;
  right: 16%;
}
.color-palettes__img-mini img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.color-palettes__text-title {
  font-family: "Circle Bold";
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
@media (max-width: 48em) {
  .color-palettes {
    padding-top: 11rem;
  }
  .color-palettes__inner {
    padding: 0 3rem;
  }
  .color-palettes__head {
    margin-bottom: 13.5rem;
  }
  .color-palettes__title {
    margin-bottom: 13.5rem;
  }
  .color-palettes__list {
    margin-bottom: 3.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .color-palettes__item {
    width: 18.558rem;
    margin-right: 0;
    margin-bottom: 9.5rem;
  }
  .color-palettes__item:nth-of-type(3n + 2) {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .color-palettes__img {
    width: 18.558rem;
    height: 18.558rem;
    margin-bottom: 6rem;
  }
  .color-palettes__text-title {
    font-size: 2.8rem;
  }
}

.information {
  padding-top: 10rem;
  padding-bottom: 18rem;
}
.information__suptitle {
  margin-bottom: 6rem;
  font-size: 2rem;
  color: #b2b2b2;
}
.information__head {
  padding: 0 2rem;
  margin-bottom: 5rem;
}
.information__title {
  font-size: 4.5rem;
}
.information__inner {
  width: 66%;
  margin: 0 auto;
}
.information__content {
  font-family: "Circle Extra Light";
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
  color: #ffffff;
  margin-bottom: 8rem;
}
.information__content p {
  margin-bottom: 3rem;
}
.information__content a {
  color: #ff7300;
  font-family: "Circle Regular";
  text-decoration: underline;
  line-height: 1.6;
}
.information__content .h {
  font-family: "Circle Regular";
  font-size: 2.2rem;
  line-height: 1.45;
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.information__content .h:first-child {
  margin-top: 0;
}
.information__content ol,
.information__content ul {
  padding-left: 0rem;
  margin: 0;
  margin-bottom: 2.6rem;
}
.information__content ol li,
.information__content ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.4rem;
}
.information__content ol li span {
  display: inline-block;
  color: #ff7300;
  margin-right: 0.5rem;
  font-family: "Circle Regular";
  font-size: 2rem;
}
.information__content ul li {
  position: relative;
  padding-left: 1.4em;
}
.information__content ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0rem;
  top: 0.6rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  overflow: hidden;
  background-color: #ff7300;
}
.information__link {
  text-align: center;
}
.information__link a {
  font-size: 1.6rem;
}
@media (max-width: 48em) {
  .information {
    padding-top: 14.5rem;
  }
  .information__inner {
    width: 100%;
    padding: 0 3rem;
  }
  .information__head {
    padding: 0;
    margin-bottom: 4.5rem;
    text-align: left;
  }
  .information__suptitle {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .information__title {
    font-size: 5rem;
  }
  .information__content {
    font-size: 3rem;
    margin-bottom: 8rem;
  }
  .information__content p {
    margin-bottom: 4rem;
  }
  .information__content .h {
    font-size: 4rem;
    margin-top: 6rem;
    margin-bottom: 4rem;
  }
  .information__link {
    text-align: left;
  }
}

.big-item {
  display: flex;
  align-items: center;
  margin-top: 8rem;
}
.big-item__img {
  width: 38rem;
  height: 38rem;
  position: relative;
  margin-right: 11rem;
}
.big-item__img img {
  max-width: none;
  position: absolute;
  width: 100rem;
  top: -14rem;
  left: -32rem;
}
@media (max-width: 48em) {
  .big-item {
    display: block;
    margin-top: 12rem;
  }
  .big-item__img {
    margin: 0 auto;
    width: 50rem;
    height: 56rem;
    margin-bottom: 20rem;
  }
  .big-item__img img {
    width: 151rem;
    top: -18rem;
    left: -52rem;
  }
}

.icon-list ul li {
  display: flex;
  align-items: center;
  margin-bottom: 2.8rem;
}
.icon-list ul li:last-of-type {
  margin-bottom: 0;
}

.icon-list ul li img {
  width: 3rem;
  margin-right: 2.8rem;
}

.icon-list ul li a {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #282828;
}

@media (max-width: 48em) {
  .icon-list ul li img {
    width: 5.4rem;
    height: 5.4rem;
    margin-right: 5.6rem;
  }
  .icon-list ul li {
    margin-bottom: 4.6rem;
  }
  .icon-list ul li a {
    font-size: 2.8rem;
  }
}

.logo-path {
  animation-name: dash;
  stroke-dasharray: 9000;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes dash {
  from {
    stroke-dasharray: 2000;
  }
  10% {
    stroke-dasharray: 2000;
  }
  55% {
    stroke-dasharray: 9000;
  }
  70% {
    stroke-dasharray: 9000;
  }
  to {
    stroke-dasharray: 2000;
  }
}

@keyframes opa {
  from {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  z-index: 100000;
}
.preloader.loaded {
  opacity: 0;
  height: 0;
  top: -100%;
  transition: 200ms;
}
.preloader__img {
  width: 20%;
  position: relative;
  padding: 1rem;
  animation-name: opa;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (max-width: 48em) {
  .preloader__img {
    width: 50%;
    padding: 2rem;
  }
}

.spheres {
  padding-top: 22rem;
  padding-bottom: 11rem;
}
.spheres .title {
  font-size: 5rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2.5rem;
}
.spheres .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.8rem;
  font-family: "Montserrat", sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  margin-bottom: 8rem;
}
.spheres .link .icon {
  background: rgba(238, 53, 75, 0.58);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-right: 1.4rem;
}
.spheres .link .icon img {
  height: 1.5rem;
}
.spheres .block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.36%;
  margin-right: -1.36%;
}
.spheres .block .item {
  width: 30.6%;
  margin-left: 1.36%;
  margin-right: 1.36%;
  background-color: #fff;
  margin-bottom: calc(1.36% * 2);
}
.spheres .block .item .img {
  height: 33rem;
  overflow: hidden;
}
.spheres .block .item .img img {
  width: 100%;
  max-width: none;
}
.spheres .block .item .text {
  padding: 0rem 3rem;
  font-size: 2rem;
  line-height: 1.5;
  font-family: "Circle Bold";
  color: #282828;
  height: 11rem;
  display: flex;
  align-items: center;
}
.spheres .block .button {
  display: none;
}

.spheres-page .baner-cub {
  padding-top: 10rem;
}

@media (max-width: 48em) {
  .spheres {
    padding-top: 32rem;
    padding-bottom: 11rem;
  }
  .spheres .title {
    font-size: 4.8rem;
    margin-bottom: 4.5rem;
  }
  .spheres .link {
    font-size: 2.7rem;
    margin-bottom: 9.5rem;
  }
  .spheres .link .icon {
    width: 9rem;
    height: 9rem;
    margin-right: 2.8rem;
  }
  .spheres .link .icon img {
    height: 3rem;
  }
  .spheres .block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    overflow: hidden;
    max-height: 334rem;
  }
  .spheres .block.active {
    max-height: 1000rem;
  }
  .spheres .block .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10rem;
  }
  .spheres .block .item .img {
    height: 33rem;
  }
  .spheres .block .item .text {
    padding: 3rem 3rem;
    font-size: 2.7rem;
    line-height: 1.5;
    height: 13.5rem;
  }
  .spheres .block .button {
    display: block;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 3.1rem;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 15rem;
    padding-top: 2.5rem;
  }
  .spheres .block .button:after {
    content: "";
    display: block;
    width: 100%;
    right: 0;
    position: absolute;
    background-color: #fff;
    height: 1px;
  }
  .spheres-page .baner-cub {
    padding-top: 11.5rem;
  }
}

.news-baner {
  padding-top: 23.5rem;
  padding-bottom: 37rem;
  background-size: cover !important;
}
.news-baner .block {
  display: flex;
  justify-content: space-between;
}
.news-baner .block .left {
  width: 32%;
}
.news-baner .block .left .title {
  font-size: 4.7rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  margin-bottom: 3.2rem;
  text-align: left;
}
.news-baner .block .left .text {
  font-size: 1.6rem;
  font-family: "Circle Regular";
  color: #fff;
  text-align: left;
  line-height: 1.5;
}
.news-baner .block .list {
  display: flex;
  justify-content: space-between;
  width: 53%;
  padding-top: 1.5rem;
}
.news-baner .block .list .item {
  width: 27.5%;
}
.news-baner .block .list .item .date {
  font-size: 1.2rem;
  color: #aeabab;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 2.3rem;
}
.news-baner .block .list .item .name {
  font-size: 1.7rem;
  font-family: "Circle Bold";
  color: #dbdbdb;
  margin-bottom: 1.7rem;
}
.news-baner .block .list .item .text {
  font-size: 1.4rem;
  font-family: "Circle Light";
  color: #aeabab;
  line-height: 1.5;
  margin-bottom: 1.8rem;
}
.news-baner .block .list .item .link {
  font-size: 1.4rem;
  font-family: "Circle Light";
  position: relative;
  width: max-content;
}
.news-baner .block .list .item .link a {
  color: #cbc8c8;
}
.news-baner .block .list .item .link:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  right: 0;
  background-color: #cbc8c8;
}

.news-list {
  background: #e5e5e5;
}
.news-list .block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  padding-top: 14rem;
  padding-bottom: 6.5rem;
}
.news-list .block .item {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 11.5rem;
}
.news-list .block .item .img {
  display: block;
  height: 22rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.news-list .block .item .date {
  font-size: 1.2rem;
  font-family: "Montserrat", sans-serif;
  color: #ff7300;
  display: block;
  margin-bottom: 1rem;
}
.news-list .block .item .name {
  font-size: 2.1rem;
  font-family: "Circle Bold";
  color: #272727;
}
.news-list .block .block-info {
  width: 100%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  margin-bottom: 14rem;
}
.news-list .block .block-info__baner {
  width: 37%;
  position: relative;
  overflow: hidden;
}
.news-list .block .block-info__baner .img {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.news-list .block .block-info__baner .img img {
  height: 100%;
  max-width: unset;
}
.news-list .block .block-info__baner .info {
  position: relative;
  z-index: 1;
  padding-top: 6.2rem;
  padding-left: 5.2rem;
  padding-right: 8rem;
}
.news-list .block .block-info__baner .info .suptitle {
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  color: #c0d1f8;
  margin-bottom: 1.8rem;
}
.news-list .block .block-info__baner .info .title {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  margin-bottom: 3rem;
}
.news-list .block .block-info__baner .info .text {
  font-size: 1.7rem;
  font-family: "Circle Regular";
  color: #f0f5ff;
  line-height: 1.45;
  margin-bottom: 3.5rem;
}
.news-list .block .block-info__baner .info .link {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 1.6rem;
  font-family: "Circle Bold";
}
.news-list .block .block-info__baner .info .link .icon {
  background: #ff7300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin-right: 1rem;
}
.news-list .block .block-info__baner .info .link .icon img {
  height: 1.5rem;
}
.news-list .block .block-info__news {
  width: 63%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: -1.5%;
  margin-left: -1.5%;
}
.news-list .block .block-info__news .item {
  width: 47%;
  margin-right: 1.5%;
  margin-left: 1.5%;
  margin-bottom: 4rem;
}
.news-list .block .block-info__news .item .img {
  margin-bottom: 1.8rem;
}
.news-list .block .block-info__news .item:nth-child(4) {
  margin-bottom: 0;
}
.news-list .block .block-info__news .item:nth-child(3) {
  margin-bottom: 0;
}

@media (max-width: 48em) {
  .news-baner {
    padding-top: 29rem;
    padding-bottom: 50.5rem;
    background: url("../img/news/main-banner-mob.png") !important;
    background-size: cover !important;
  }
  .news-baner .block {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .news-baner .block .left {
    width: auto;
  }
  .news-baner .block .left .title {
    font-size: 5.8rem;
    margin-bottom: 5rem;
  }
  .news-baner .block .left .text {
    font-size: 2.6rem;
    line-height: 1.6;
  }
  .news-baner .block .list {
    display: none;
  }
  .news-list .block {
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 12.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .news-list .block .item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 11.5rem;
  }
  .news-list .block .item .img {
    height: 41rem;
    margin-bottom: 5rem;
  }
  .news-list .block .item .img img {
    height: 100%;
    width: auto;
  }
  .news-list .block .item .date {
    font-size: 2.3rem;
    margin-bottom: 2rem;
  }
  .news-list .block .item .name {
    font-size: 3.5rem;
  }
  .news-list .block .block-info {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3rem;
    margin-bottom: 14rem;
    flex-wrap: wrap;
  }
  .news-list .block .block-info__baner {
    width: 100%;
    margin-bottom: 15.8rem;
  }
  .news-list .block .block-info__baner .info {
    padding: 11.5rem 3rem;
    padding-right: 5rem;
    padding-bottom: 49rem;
  }
  .news-list .block .block-info__baner .info .suptitle {
    font-size: 2.3rem;
    margin-bottom: 4rem;
  }
  .news-list .block .block-info__baner .info .title {
    font-size: 3.8rem;
    margin-bottom: 3.8rem;
  }
  .news-list .block .block-info__baner .info .text {
    font-size: 2.65rem;
    line-height: 1.6;
    margin-bottom: 6.3rem;
  }
  .news-list .block .block-info__baner .info .link {
    font-size: 2.7rem;
  }
  .news-list .block .block-info__baner .info .link .icon {
    width: 9rem;
    height: 9rem;
    margin-right: 3rem;
  }
  .news-list .block .block-info__baner .info .link .icon img {
    height: 2.2rem;
  }
  .news-list .block .block-info__news {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin-left: 0;
  }
  .news-list .block .block-info__news .item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 11.5rem;
  }
  .news-list .block .block-info__news .item:nth-child(3) {
    margin-bottom: 11.5rem;
  }
  .news-list .block .block-info__news .item:nth-child(4) {
    margin-bottom: 11.5rem;
  }
  .news-list .block .block-info__news .item .img {
    height: 41rem;
    margin-bottom: 5rem;
  }
  .news-list .block .block-info__news .item .img img {
    height: 100%;
    width: auto;
  }
  .news-list .block .block-info__news .item .date {
    font-size: 2.3rem;
    margin-bottom: 2rem;
  }
  .news-list .block .block-info__news .item .name {
    font-size: 3.5rem;
  }
}

.rec {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #817f85;
  display: flex;
  align-items: center;
}
.rec__view {
  margin-right: 5rem;
}
@media (max-width: 48em) {
  .rec {
    font-size: 3rem;
  }
  .rec__view {
    margin-right: 4.4rem;
  }
  .rec__date {
    margin-bottom: 8rem;
  }
}

.stars-wrapper {
  display: flex;
  align-items: center;
}
.stars-wrapper > p {
  margin-right: 2.5rem;
}

.stars .star-empty,
.stars .star-voted,
.stars .star-active,
.stars .star-over {
  display: inline-block;
  width: 3.7rem;
  height: 3rem;
  padding-right: 0.7rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.stars .star-empty {
  background-image: url(../img/new/star-null.svg);
}

.stars .star-voted,
.stars .star-over {
  background-image: url(../img/new/star.svg);
}

@media (max-width: 48em) {
  .stars .star-empty,
  .stars .star-voted,
  .stars .star-active,
  .stars .star-over {
    width: 7.5rem;
    height: 6rem;
    padding-right: 1.5rem;
  }
}

.share {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #817f85;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 48em) {
  .share {
    font-size: 3rem;
    justify-content: flex-start;
  }
}

.new {
  background-color: #f3f3f3;
  padding-top: 13.7rem;
  padding-bottom: 10rem;
}
.new__container {
  width: 114.1rem;
  margin: 0 auto;
  padding-top: 9rem;
}
.new__head {
  margin-bottom: 6rem;
}
.new__rec-top {
  margin-bottom: 5.5rem;
  justify-content: center;
}
.new__rec-bottom {
  justify-content: space-between;
  margin-bottom: 9rem;
}
.new__title {
  font-size: 3rem;
  color: #282828;
  margin-bottom: 4rem;
  text-align: center;
}
.new__img {
  margin-bottom: 6rem;
}
.new__img img {
  width: 100%;
}
@media (max-width: 48em) {
  .new {
    padding-top: 15.4rem;
    padding-bottom: 14rem;
  }
  .new__container {
    width: 100%;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 10rem;
  }
  .new__head {
    margin-bottom: 10.5rem;
  }
  .new__title {
    font-size: 4.4rem;
    line-height: 1.13;
    text-align: left;
    margin-bottom: 7rem;
  }
  .new__img {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-bottom: 8rem;
    height: 80vw;
  }
  .new__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .new__rec-top {
    justify-content: flex-start;
    margin-bottom: 9rem;
  }
  .new__rec-top .rec__date {
    margin-bottom: 0;
  }
  .new__rec-bottom {
    display: block;
    margin-bottom: 17rem;
  }
  .new .stars-wrapper {
    margin-bottom: 9rem;
  }
}

.new .content {
  font-size: 1.8rem;
  color: #2b2a2f;
  line-height: 1.28;
  padding-bottom: 6rem;
}
.new .content h1,
.new .content h2,
.new .content h3,
.new .content h4,
.new .content h5,
.new .content h6 {
  font-family: "Circle Bold";
  line-height: 1.48;
  margin-top: 2.2em;
  margin-bottom: 1.1em;
  color: #282828;
  text-align: left;
}
.new .content h1:first-child,
.new .content h2:first-child,
.new .content h3:first-child,
.new .content h4:first-child,
.new .content h5:first-child,
.new .content h6:first-child {
  margin-top: 0;
}
.new .content h1 {
  font-size: 3rem;
}
.new .content h2 {
  font-size: 2.5rem;
}
.new .content h3 {
  font-size: 1.8rem;
  margin-top: 1.5em;
}
.new .content p {
  font-family: "Circle Regular";
  margin-bottom: 1.5em;
  font-size: 1.8rem;
  color: #555555;
  line-height: 1.5;
}
.new .content .title-24 {
  font-family: "Circle Bold";
  font-size: 2.4rem;
}
.new .content .title-23 {
  font-family: "Circle Bold";
  font-size: 2.3rem;
}
.new .content .title-22 {
  font-family: "Circle Bold";
  font-size: 2.2rem;
}
.new .content .title-21 {
  font-family: "Circle Bold";
  font-size: 2.1rem;
}
.new .content .title-20 {
  font-family: "Circle Bold";
  font-size: 2rem;
}
.new .content strong {
  font-family: "Circle Bold";
}
.new .content span {
  display: inline-block;
}
.new .content a {
  display: inline-block;
  text-decoration: underline;
}
.new .content ol {
  margin: 0;
  padding: 0;
  padding-left: 1em;
  margin-bottom: 1em;
}
.new .content ol li {
  margin-bottom: 0.5em;
}
.new .content ul {
  margin: 0;
  padding: 0;
  margin-bottom: 2.7em;
  padding-left: 0rem;
}
.new .content ul li {
  margin-bottom: 0.78em;
  position: relative;
  padding-left: 1.4em;
}
.new .content ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0rem;
  top: 0.6rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  overflow: hidden;
  background-color: #ff7300;
}
.new .content blockquote {
  margin: 0;
  margin-top: 3em;
  margin-bottom: 3em;
  quotes: none;
  padding-left: 2rem;
  border-left: 0.3rem solid #ff7300;
}
.new .content blockquote p {
  color: #282828;
  margin-bottom: 0;
}
.new .content figure {
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 2rem;
  overflow: hidden;
  text-align: center;
}
.new .content figure img {
  border-radius: 2rem;
  max-height: 40rem;
}
.new .content q {
  margin-top: 5em;
  margin-bottom: 5em;
  display: block;
  padding: 7rem;
  color: #4a4c52;
  position: relative;
  min-height: 13.7rem;
  border: 0.2rem solid #ff7300;
}
.new .content q p {
  margin-bottom: 0;
  color: #282828;
  font-size: 2rem;
  line-height: 1.55;
}
.new .content q::before,
.new .content q::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5.8rem;
  height: 8.8rem;
  background-image: url(../img/new/q.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #f2f2f2;
}
.new .content q::before {
  left: -2.9rem;
  bottom: 4rem;
}
.new .content q::after {
  right: -2.9rem;
  top: 4rem;
}
@media (max-width: 48em) {
  .new .content {
    font-size: 2.8rem;
    line-height: 1.44;
    padding-bottom: 12rem;
  }
  .new .content h1 {
    font-size: 3.8rem;
    line-height: 1.26;
    margin-bottom: 1.8em;
  }
  .new .content h2 {
    font-size: 3.6rem;
    line-height: 1.5;
    margin-bottom: 2.2em;
    margin-top: 3.2em;
  }
  .new .content h3 {
    font-size: 3.6rem;
    line-height: 1.5;
  }
  .new .content p {
    font-size: 2.8rem;
    line-height: 1.5;
  }
  .new .content .title-24 {
    font-size: 3.5rem;
  }
  .new .content .title-23 {
    font-size: 3.4rem;
  }
  .new .content .title-22 {
    font-size: 3.4rem;
  }
  .new .content .title-21 {
    font-size: 3.3rem;
  }
  .new .content .title-20 {
    font-size: 3.2rem;
  }
  .new .content ul li {
    margin-bottom: 1em;
  }
  .new .content ul li::before {
    top: 1.3rem;
    width: 1.2rem;
    height: 1.2rem;
  }
  .new .content figure img {
    border-radius: 3rem;
    max-height: 30rem;
  }
  .new .content blockquote {
    padding-left: 6rem;
  }
  .new .content blockquote p {
    font-size: 3rem;
    line-height: 1.5;
  }
  .new .content q {
    padding: 11rem 6rem;
    margin-top: 7em;
    margin-bottom: 7em;
  }
  .new .content q p {
    font-size: 3rem;
    line-height: 1.46;
  }
  .new .content q::before,
  .new .content q::after {
    width: 16.4rem;
    height: 6.8rem;
  }
  .new .content q::before {
    bottom: auto;
    left: 6rem;
    top: -3.4rem;
  }
  .new .content q::after {
    top: auto;
    right: 6rem;
    bottom: -3.4rem;
  }
}

.comment {
  padding-bottom: 8rem;
}
.comment__title {
  margin-bottom: 6rem;
  font-size: 3rem;
  color: #282828;
}
.comment__list {
  margin-top: 11rem;
}
.comment__item {
  margin-bottom: 6rem;
}
.comment__item:last-of-type {
  margin-bottom: 0;
}
.comment__name {
  font-family: "Circle Bold";
  font-size: 2.2rem;
  color: #282828;
  margin-bottom: 1.5rem;
}
.comment__text {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  line-height: 1.5;
  color: #555555;
}
@media (max-width: 48em) {
  .comment__title {
    margin-bottom: 7.5rem;
    font-size: 5rem;
  }
  .comment__list {
    margin-top: 15rem;
  }
  .comment__item {
    margin-bottom: 8rem;
  }
  .comment__name {
    font-size: 3.8rem;
    margin-bottom: 4rem;
  }
  .comment__text {
    font-size: 3rem;
    line-height: 1.47;
  }
}

.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
  width: 4.8rem !important;
  height: 4.8rem !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 100% !important;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin: 0 !important;
  margin-left: 2.5rem !important;
}

.ya-share2__item_service_facebook .ya-share2__icon {
  background-image: url(../img/new/share-f.svg) !important;
}

.ya-share2__item_service_twitter .ya-share2__icon {
  background-image: url(../img/new/share-tw.svg) !important;
}

.ya-share2__item_service_telegram .ya-share2__icon {
  background-image: url(../img/new/share-tg.svg) !important;
}

.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_vkontakte .ya-share2__mobile-popup-badge {
  background-color: transparent !important;
}

.ya-share2__item_service_twitter .ya-share2__badge,
.ya-share2__item_service_whatsapp .ya-share2__mobile-popup-badge {
  background-color: transparent !important;
}

.ya-share2__item_service_telegram .ya-share2__badge,
.ya-share2__item_service_telegram .ya-share2__mobile-popup-badge {
  background-color: transparent !important;
}

@media (max-width: 48em) {
  .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    width: 8.4rem !important;
    height: 8.4rem !important;
  }
  .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    margin-left: 4.5rem !important;
  }
}

.about-head {
  background-color: #f2f2f2;
  padding-top: 13.7rem;
}
.about-head__inner {
  max-width: 166rem;
  margin: 0 auto;
  padding: 11.5rem 0rem 35.6rem;
  background-repeat: no-repeat;
  background-image:
    url(../img/about/cir-1.png), url(../img/about/cir-2.png),
    url(../img/about/cir-3.png), url(../img/about/cir-4.png);
  background-position:
    left 6.5rem top 0rem,
    right 28.5rem top -1rem,
    left 29.5rem bottom 16rem,
    right -2rem bottom -6rem;
  background-size: 50rem, 25rem, 32rem, 60rem;
}
.about-head__content {
  width: 60.3rem;
  text-align: center;
  margin: 0 auto;
}
.about-head__title {
  font-size: 5.5rem;
  color: #282828;
  margin-bottom: 3rem;
}
.about-head__text {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #636363;
  margin-bottom: 4rem;
}
.about-head__link .red-arrow {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  color: #282828;
}
.about-head__link .red-arrow-right {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6rem;
  color: #282828;
}
@media (max-width: 48em) {
  .about-head {
    padding-top: 15.4rem;
  }
  .about-head__inner {
    padding: 34.2rem 3rem 71rem;
    background-position:
      left -32.7rem top -6.3rem,
      right -8rem top -3.5rem,
      left -10.5rem bottom 29.5rem,
      right -37rem bottom -4.5rem;
    background-size: 71.5rem, 32rem, 45rem, 80rem;
  }
  .about-head__content {
    width: 100%;
  }
  .about-head__title {
    font-size: 7rem;
  }
  .about-head__text {
    font-size: 2.8rem;
  }
  .about-head__link {
    display: none;
  }
}

.about-dif {
  background-color: #f2f2f2;
  overflow: hidden;
}
.about-dif__inner {
  display: flex;
}
.about-dif__left {
  padding-top: 8.8rem;
  padding-bottom: 8.5rem;
  padding-right: 10rem;
  width: 93rem;
}
.about-dif__right {
  width: 57.2rem;
}
.about-dif__top {
  padding-left: 10rem;
  padding-top: 8.8rem;
  padding-bottom: 16.7rem;
  background-color: #282828;
  position: relative;
  z-index: 1;
}
.about-dif__top::before {
  content: "";
  display: block;
  width: 42vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #282828;
}
.about-dif__bottom {
  padding-left: 10rem;
  padding-top: 8.8rem;
  padding-bottom: 43.8rem;
  background-color: #f6f8fb;
  position: relative;
  z-index: 1;
}
.about-dif__bottom::before {
  content: "";
  display: block;
  width: 42vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f6f8fb;
  background-repeat: no-repeat;
  background-image: url(../img/about/bottom-bg.jpg);
  background-size: cover;
  background-position: left bottom;
}
@media (max-width: 48em) {
  .about-dif {
    overflow: visible;
    margin-top: -4.5rem;
  }
  .about-dif__inner {
    display: block;
  }
  .about-dif__left {
    width: 100%;
    padding: 0 3rem;
  }
  .about-dif__right {
    width: 100%;
  }
  .about-dif__top {
    width: 100%;
    padding: 0 3rem;
  }
  .about-dif__bottom {
    width: 100%;
    padding: 0 3rem;
    padding-bottom: 30rem;
  }
  .about-dif__bottom::before {
    width: 100%;
  }
}

.why-we__head {
  margin-bottom: 5.6rem;
}

.why-we__suptitle {
  font-size: 1.6rem;
  color: #ff7300;
  margin-bottom: 1rem;
}

.why-we__title {
  font-size: 4rem;
  color: #272727;
}

.why-we__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5.2rem;
}

.why-we__item {
  width: 39.6rem;
  padding-bottom: 3.9rem;
  border-bottom: 0.1rem solid #e2e2e2;
  margin-bottom: 4rem;
}

.why-we__img {
  width: 100%;
  height: 26.1rem;
  margin-bottom: 3.6rem;
}
.why-we__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-we__content {
  display: flex;
  padding-right: 1.7rem;
}

.why-we__num {
  padding-top: 1rem;
  font-size: 1.8rem;
  color: #ff7300;
  width: 4.5rem;
  flex-shrink: 0;
}

.why-we__text-title {
  font-size: 1.8rem;
  color: #272727;
  margin-bottom: 3rem;
}

.why-we__text {
  font-family: "Circle Extra Light";
  font-size: 1.6rem;
  line-height: 1.56;
  color: #ff7300;
}

.why-we__link {
  text-align: center;
  padding-right: 11rem;
}
.why-we__link a {
  color: #272727;
  font-size: 1.6rem;
  position: relative;
}
.why-we__link a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  background-color: #272727;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 48em) {
  .why-we {
    padding-bottom: 15.7rem;
  }
  .why-we__suptitle {
    font-size: 2.8rem;
    margin-bottom: 2.5rem;
  }
  .why-we__title {
    font-size: 5rem;
  }
  .why-we__list {
    display: block;
  }
  .why-we__item {
    width: 100%;
    padding-bottom: 7rem;
    margin-bottom: 6.7rem;
  }
  .why-we__item:last-child {
    margin-bottom: 0;
  }
  .why-we__img {
    width: 100%;
    height: 49vw;
    margin-bottom: 4.6rem;
  }
  .why-we__num {
    width: 7rem;
    font-size: 3rem;
    padding-top: 1.5rem;
  }
  .why-we__text-title {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .why-we__text {
    font-size: 2.6rem;
    line-height: 1.5;
  }
  .why-we__link {
    padding-right: 0;
  }
  .why-we__link a {
    font-size: 3.2rem;
  }
}

.our-brands {
  position: relative;
  z-index: 2;
}
.our-brands__head {
  margin-bottom: 5.6rem;
}
.our-brands__suptitle {
  font-size: 1.6rem;
  color: #ff7300;
  margin-bottom: 1rem;
}
.our-brands__title {
  font-size: 4rem;
  color: #fff;
}
.our-brands__list {
  padding-top: 1rem;
  width: 39rem;
  display: flex;
  justify-content: space-between;
}
.our-brands__list li {
  margin-bottom: 1.7rem;
  font-family: "Circle Regular";
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  position: relative;
}
.our-brands__list a {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  position: relative;
}
.our-brands__list a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0.1rem;
  background-color: #fff;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
}
@media (max-width: 48em) {
  .our-brands {
    padding-top: 15rem;
    padding-bottom: 10.5rem;
  }
  .our-brands__head {
    margin-bottom: 10rem;
  }
  .our-brands__suptitle {
    font-size: 2.8rem;
  }
  .our-brands__title {
    font-size: 5rem;
  }
  .our-brands__list {
    width: 100%;
  }
  .our-brands__list li {
    margin-bottom: 6rem;
    font-size: 3rem;
  }
  .our-brands__list a {
    font-size: 3rem;
  }
}

.our-targets {
  position: relative;
  z-index: 2;
}
.our-targets__head {
  margin-bottom: 4.6rem;
}
.our-targets__title {
  font-size: 4rem;
  color: #272727;
}
.our-targets__text-title {
  font-family: "Circle Bold";
  font-size: 2.2rem;
  line-height: 1.45;
  color: #272727;
  margin-bottom: 1.5rem;
}
.our-targets__text {
  font-family: "Circle Extra Light";
  font-size: 1.7rem;
  line-height: 1.5;
  color: #272727;
}
@media (max-width: 48em) {
  .our-targets {
    padding-top: 15rem;
    padding-bottom: 10.5rem;
  }
  .our-targets__title {
    font-size: 5rem;
  }
  .our-targets__text-title {
    font-size: 3rem;
    margin-bottom: 4.5rem;
  }
  .our-targets__text {
    font-size: 2.6rem;
  }
}

.contacts {
  display: flex;
  padding-top: 13.7rem;
}
.contacts__map {
  width: 56.5vw;
  height: 64.6rem;
}
.contacts__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contacts__right {
  padding-left: 11.4rem;
  padding-top: 6.2rem;
}
.contacts__main-title {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  color: #fff;
  margin-bottom: 5.5rem;
  text-align: left;
}
.contacts__item {
  margin-bottom: 5.7rem;
}
.contacts__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 2.2rem;
}
.contacts__value {
  display: flex;
  align-items: center;
}
.contacts__value a,
.contacts__value span {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #eaeaea;
}
.contacts__value a::after,
.contacts__value span::after {
  content: "/";
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #eaeaea;
  margin-right: 0.8rem;
  margin-left: 0.8rem;
}
.contacts__value a:last-child::after,
.contacts__value span:last-child::after {
  display: none;
}
.contacts__value::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 1.5rem;
}
.contacts__value--address::before {
  background-image: url(../img/contacts/navigation.svg);
}
.contacts__value--time::before {
  background-image: url(../img/contacts/clock.svg);
}
.contacts__value--tel::before {
  background-image: url(../img/contacts/smartphone.svg);
}
.contacts__value--mail::before {
  background-image: url(../img/contacts/mail.svg);
}
@media (max-width: 48em) {
  .contacts {
    display: block;
    padding-top: 15.4rem;
  }
  .contacts__map {
    width: 100%;
    height: 112.4vw;
  }
  .contacts__right {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 13rem;
    padding-bottom: 5rem;
  }
  .contacts__main-title {
    font-size: 5rem;
    margin-bottom: 9.5rem;
  }
  .contacts__item {
    margin-bottom: 8.7rem;
  }
  .contacts__title {
    font-size: 4rem;
    margin-bottom: 4.2rem;
  }
  .contacts__value a,
  .contacts__value span {
    font-size: 2.8rem;
  }
  .contacts__value::before {
    width: 3.4rem;
    height: 3.4rem;
    margin-right: 2rem;
  }
}

.form {
  margin: 0 auto;
}
.form form {
  display: flex;
  flex-wrap: wrap;
}
.form__head {
  text-align: center;
  margin-bottom: 7.3rem;
}
.form__item {
  width: 100%;
  margin-bottom: 5rem;
}
.form__suptitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  color: #b2b2b2;
  margin-bottom: 1rem;
}
.form__title {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  color: #fff;
}
.form__subtitle {
  font-size: 2.5rem;
}
.form__label {
  font-family: "Circle Bold";
  display: block;
  max-width: none;
  width: 100%;
  border: none;
  outline: none;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #b2b2b2;
  margin-bottom: 1.8rem;
}
.form__input-wrapper,
.form__textarea-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #5c5c5c;
}
.form__input-wrapper {
  height: 4rem;
}
.form__textarea-wrapper {
  height: 4rem;
  align-items: flex-start;
}
.form__textarea-wrapper .form__placeholder {
  padding-top: 0.7rem;
}
.form__placeholder {
  position: absolute;
  left: 0;
  opacity: 1;
  transition: 200ms all ease;
}
.form__placeholder.hide {
  opacity: 0;
  transition: 200ms all ease;
}
.form__input-wrapper input,
.form__textarea-wrapper textarea,
.form__placeholder {
  display: block;
  font-size: 2.2rem;
  color: #ffffff;
}
.form__input-wrapper input {
  font-family: "Circle Regular";
  max-width: none;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
.form__textarea-wrapper textarea {
  font-family: "Circle Regular";
  max-width: none;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  padding-top: 0.7rem;
}
.form__button {
  width: 100%;
  text-align: center;
  margin-top: 3.5rem;
}
.form__button button {
  border: none;
  background-color: transparent;
}
.form__message {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 5rem;
  background-color: #f4f4f4;
}
.form__message.active {
  display: flex;
}
.form__message-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  color: #282828;
  text-align: center;
}
.form__input-msg {
  position: absolute;
  top: 100%;
  color: red;
  width: 100%;
  border-top: 1px solid red;
  font-size: 1.5rem;
}
.form--big {
  width: 77rem;
  padding-top: 14.2rem;
  padding-bottom: 14.2rem;
  position: relative;
}
.form--big .form__message {
  background-color: #282828;
}
.form--big .form__message-text {
  color: #fff;
}
.form--modal {
  width: 81.1rem;
  padding-top: 9.1rem;
  padding-bottom: 9.1rem;
  padding-left: 23.2rem;
  padding-right: 23.2rem;
  background-color: #f4f4f4;
  position: relative;
}
.form--modal .form__item {
  margin-bottom: 3.5rem;
}
.form--modal .form__head {
  margin-bottom: 4.7rem;
}
.form--modal .form__title {
  font-size: 2.5rem;
  color: #282828;
}
.form--modal .form__label {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}
.form--modal .form__input-wrapper {
  height: 3.8rem;
}
.form--modal .form__textarea-wrapper {
  height: 3.8rem;
}
.form--modal .form__input-wrapper input,
.form--modal .form__textarea-wrapper textarea,
.form--modal .form__placeholder {
  display: block;
  font-size: 1.6rem;
  color: #282828;
}
.form--modal .form__button button {
  color: #282828;
}
.form--comment form {
  flex-wrap: nowrap;
  position: relative;
}
.form--comment .form__item {
  margin-bottom: 0;
}
.form--comment .form__item:nth-of-type(1) {
  width: 30.3rem;
  margin-right: 5.8rem;
  flex-shrink: 0;
}
.form--comment .form__item:nth-of-type(2) {
  flex-grow: 1;
}
.form--comment .form__label {
  margin-bottom: 1.5rem;
}
.form--comment .form__input-wrapper input,
.form--comment .form__textarea-wrapper textarea,
.form--comment .form__placeholder {
  display: block;
  color: #282828;
}
.form--comment .form__button {
  display: inline-block;
  width: auto;
  position: absolute;
  margin-top: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.form--comment .form__button button {
  margin-right: 0;
  color: #272727;
}
@media (max-width: 48em) {
  .form {
    padding: 13rem 3rem;
  }
  .form--big {
    width: 100%;
  }
  .form__head {
    text-align: left;
    margin-bottom: 11rem;
  }
  .form__suptitle {
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  .form__title {
    font-size: 5rem;
  }
  .form__item {
    margin-bottom: 9rem;
  }
  .form__label {
    font-size: 2.4rem;
    margin-bottom: 3.8rem;
  }
  .form__input-wrapper,
  .form__textarea-wrapper {
    border-bottom: 0.2rem solid #5c5c5c;
  }
  .form__input-wrapper {
    height: 7rem;
  }
  .form__textarea-wrapper {
    height: 7rem;
  }
  .form__input-wrapper input,
  .form__textarea-wrapper textarea,
  .form__placeholder {
    font-size: 3.2rem;
  }
  .form__button {
    text-align: left;
    margin-top: 1.5rem;
  }
  .form__button .red-arrow-right::before {
    width: 9.4rem;
    height: 9.4rem;
    background-size: 1.3rem;
    margin-right: 2.8rem;
  }
  .form__button .title-a {
    font-size: 3.6rem;
  }
  .form__message-text {
    font-size: 5rem;
  }
  .form__input-msg {
    font-size: 2.7rem;
  }
  .form--modal {
    width: 100%;
    padding-top: 19.1rem;
    padding-bottom: 9.1rem;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
  }
  .form--modal .form__item {
    margin-bottom: 8.5rem;
  }
  .form--modal .form__head {
    margin-bottom: 10.5rem;
  }
  .form--modal .form__title {
    font-size: 5rem;
  }
  .form--modal .form__label {
    font-size: 2.4rem;
    margin-bottom: 0.7rem;
  }
  .form--modal .form__input-wrapper {
    height: 10.4rem;
  }
  .form--modal .form__textarea-wrapper {
    height: 10.4rem;
  }
  .form--modal .form__textarea-wrapper .form__placeholder {
    padding-top: 3.7rem;
  }
  .form--modal .form__input-wrapper input,
  .form--modal .form__textarea-wrapper textarea,
  .form--modal .form__placeholder {
    font-size: 3.2rem;
  }
  .form--modal .form__textarea-wrappe textarea {
    padding-top: 3.7rem;
  }
  .form--modal .form__button a {
    color: #282828;
  }
  .form--comment {
    padding-left: 0;
    padding-right: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .form--comment form {
    flex-wrap: wrap;
    position: static;
  }
  .form--comment .form__item {
    margin-bottom: 9rem;
  }
  .form--comment .form__item:nth-of-type(1) {
    width: 100%;
    margin-right: 0rem;
  }
  .form--comment .form__item:nth-of-type(2) {
    width: 100%;
  }
  .form--comment .form__label {
    margin-bottom: 2.5rem;
  }
  .form--comment .form__input-wrapper {
    height: 8.5rem;
  }
  .form--comment .form__button {
    display: block;
    width: 100%;
    position: static;
    transform: translateY(0%);
  }
  .form--comment .form__button a {
    margin-right: 3rem;
    font-size: 3.6rem;
  }
  .form--comment .form__button a::before {
    width: 9.5rem;
    height: 9.5rem;
  }
}

.modal {
  display: none;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    #2b2b2b 0%,
    #272727 100%
  );
}
.modal__overlay {
  position: absolute;
  width: 1000%;
  height: 100%;
  top: 0;
  left: 0;
}
.modal .form--modal {
  margin: auto;
}
.modal.active {
  overflow: hidden !important;
  display: flex;
  z-index: 10000;
}
@media (max-width: 48em) {
  .modal {
    padding-top: 0;
    padding-bottom: 0;
    align-items: stretch;
  }
}

.close-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  top: 2rem;
  right: 2rem;
  transform: rotate(45deg);
}
.close-x span {
  display: inline-block;
  width: 100%;
  height: 0.2rem;
  background-color: #2e2e2e;
  position: absolute;
}
.close-x span:last-child {
  width: 0.2rem;
  height: 100%;
}
@media (max-width: 48em) {
  .close-x {
    display: inline-flex;
    width: 5.4rem;
    height: 5.4rem;
    top: 3.5rem;
    right: 2.5rem;
  }
  .close-x span {
    height: 0.4rem;
  }
  .close-x span:last-child {
    width: 0.4rem;
  }
}

.equipment-head {
  position: relative;
  z-index: 4;
  padding-top: 13.7rem;
}
.equipment-head__inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  height: 75rem;
  padding-top: 7.4rem;
  padding-bottom: 10.3rem;
}
.equipment-head__left {
  width: 59.3rem;
}
.equipment-head__title {
  font-size: 5.5rem;
  margin-bottom: 3.5rem;
  text-align: left;
}
.equipment-head__text {
  font-family: "Circle Regular";
  font-size: 1.8rem;
  line-height: 1.5;
  color: #e4e4e4;
  margin-bottom: 7rem;
}
.equipment-head__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 59.3rem;
  margin-bottom: 3rem;
}
.equipment-head__item {
  position: relative;
  width: 28.4rem;
  padding-top: 1.7rem;
  padding-left: 2.2rem;
  margin-bottom: 2rem;
}
.equipment-head__mini-img {
  width: 7rem;
  height: 7rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #313030;
  box-shadow: 0.5rem 1rem 2rem rgba(3, 3, 14, 0.6);
}
.equipment-head__mini-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.equipment-head__text-block {
  background: #fff;
  border-radius: 0 1rem 1rem 0;
  font-family: "Circle Regular";
  padding-left: 6.4rem;
  padding-top: 1.8rem;
  padding-bottom: 1.7rem;
}
.equipment-head__tag {
  font-size: 1rem;
  color: #7c7c7c;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.equipment-head__name {
  font-size: 1.4rem;
  color: #000;
  text-transform: lowercase;
}
.equipment-head__name::first-letter {
  text-transform: uppercase;
}
.equipment-head__center {
  width: 45.8rem;
  height: 45.8rem;
  position: relative;
  margin-right: 7rem;
  margin-top: 0.5rem;
}
.equipment-head__decor {
  position: absolute;
  top: 15.3rem;
  right: -20rem;
}
.equipment-head__circle {
  width: 100%;
  padding-bottom: 100%;
  background-color: #1a1a1a;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.equipment-head__img {
  position: absolute;
  left: -1.5rem;
  top: 3rem;
  width: 48rem;
}
.equipment-head__img img {
  width: 100%;
}
.equipment-head__right {
  width: 30rem;
  padding-top: 5rem;
  position: relative;
  z-index: 3;
}
.equipment-head__right .title-a {
  padding-left: 6.3rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
@media (max-width: 48em) {
  .equipment-head {
    overflow: hidden;
    padding-top: 15.4rem;
  }
  .equipment-head__inner {
    flex-wrap: nowrap;
    height: auto;
    align-content: center;
    padding: 6.8rem 3rem 12rem;
  }
  .equipment-head__left {
    width: 100%;
  }
  .equipment-head__title {
    font-size: 5rem;
    line-height: 1.16;
    text-align: center;
    margin-bottom: 5.5rem;
  }
  .equipment-head__text {
    font-size: 2.8rem;
    line-height: 1.5;
    text-align: center;
  }
  .equipment-head__list {
    order: 1;
    width: 100%;
  }
  .equipment-head__item {
    width: 46%;
    padding-top: 4.7rem;
    padding-left: 0;
    margin-bottom: 4rem;
  }
  .equipment-head__text-block {
    padding-top: 13rem;
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }
  .equipment-head__mini-img {
    width: 14rem;
    height: 14rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .equipment-head__tag {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .equipment-head__name {
    font-size: 2.8rem;
    text-align: center;
  }
  .equipment-head__center {
    margin: 0 auto;
    width: 62.6rem;
    height: 71.6rem;
  }
  .equipment-head__img {
    top: 2rem;
    left: -4rem;
    width: 68rem;
  }
  .equipment-head__decor {
    left: 50%;
    bottom: -13.7rem;
    top: auto;
    right: auto;
    transform: translateX(-50%);
  }
  .equipment-head__right {
    width: 100%;
    text-align: center;
    padding-top: 2.2rem;
    margin-bottom: 8rem;
  }
  .equipment-head__right .title-a {
    display: none;
  }
  .equipment-head__link {
    display: flex;
    flex-direction: column;
    font-size: 3rem;
    font-size: 2.8rem;
    font-family: "Circle Regular";
  }
  .equipment-head__link::before {
    width: 7.6rem;
    height: 7.6rem;
    background-size: 1rem;
    margin-right: 0;
    margin-bottom: 7.3rem;
  }
}

.top-block {
  padding-top: 13.7rem;
}
.top-block__inner {
  padding-top: 12rem;
  display: flex;
  justify-content: space-between;
}
.top-block__left {
  width: 59.5rem;
}
.top-block__title {
  font-size: 5.5rem;
  margin-bottom: 4rem;
  line-height: 1.27;
}
.top-block__text {
  font-size: 1.8rem;
  line-height: 1.5;
}
.top-block__right {
  padding-top: 2.7rem;
}
@media (max-width: 48em) {
  .top-block {
    padding-top: 15.4rem;
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .top-block__inner {
    padding-top: 20rem;
    display: block;
  }
  .top-block__left {
    width: 100%;
    margin-bottom: 9rem;
  }
  .top-block__right {
    padding-top: 0;
  }
  .top-block__title {
    font-size: 6rem;
    margin-bottom: 3rem;
  }
  .top-block__text {
    font-size: 2.8rem;
  }
}

.counter {
  display: flex;
}
.counter__item {
  margin-right: 4rem;
}
.counter__item:last-of-type {
  margin-right: 0;
}
.counter__title {
  font-family: "Circle Regular";
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #ff7300;
  margin-bottom: 2rem;
}
.counter__num {
  font-family: "Circle Extra Light";
  font-size: 3rem;
  color: #fff;
}
.counter__num img {
  margin-left: 1.7rem;
  width: 10.4rem;
}
@media (max-width: 48em) {
  .counter {
    justify-content: space-between;
  }
  .counter__item {
    margin-right: 0;
  }
  .counter__title {
    font-size: 1.6rem;
  }
  .counter__num {
    font-size: 3rem;
  }
  .counter__num img {
    width: 10rem;
  }
}

.works {
  padding-top: 3rem;
}
.works__item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 17rem;
}
.works__item:last-of-type {
  margin-bottom: 0;
}
.works__content {
  width: 53.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.works__text {
  position: relative;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 7.5rem;
  padding-right: 20%;
}
.works__text h2,
.works__text h3 {
  font-family: "Circle Bold";
  font-size: 2.6rem;
  color: #fff;
  margin-bottom: 1rem;
  text-align: left;
}
.works__text ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.works__text li {
  font-family: "Circle Regular";
  font-size: 1.9rem;
  color: #949494;
  margin-bottom: 1.6rem;
}
.works__text li:last-child {
  margin-bottom: 0;
}
.works__text li span {
  color: #fff;
}
.works__text p:first-child {
  font-family: "Circle Bold";
  font-size: 2.6rem;
  color: #fff;
  margin-bottom: 1rem;
}
.works__text p {
  font-family: "Circle Regular";
  font-size: 1.9rem;
  color: #949494;
  margin-bottom: 1rem;
}
.works__text::before,
.works__text::after {
  content: "";
  display: block;
  position: absolute;
}
.works__text::before {
  width: 100%;
  height: 0.1rem;
  bottom: 0;
  right: 0.5rem;
  background-color: #929292;
}
.works__text::after {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.4rem solid #929292;
  border-radius: 100%;
  bottom: -0.89rem;
  right: -1.2rem;
}
.works__list {
  flex-basis: 50%;
  padding-top: 8rem;
  padding-right: 20%;
}
.works__list li {
  font-family: "Circle Regular";
  font-size: 1.9rem;
  color: #949494;
  margin-bottom: 1.6rem;
}
.works__list li:last-child {
  margin-bottom: 0;
}
.works__list li span {
  color: #fff;
}
.works__img {
  width: 54.8vw;
  height: 28.7vw;
}
.works__img img {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 750px) {
  .works__img img {
    object-fit:contain;
  }
}

.works__item:nth-of-type(2n + 2) {
  flex-direction: row-reverse;
}
.works__item:nth-of-type(2n + 2) .works__text {
  padding-left: 20%;
  padding-right: 0%;
}
.works__item:nth-of-type(2n + 2) .works__text::before {
  right: auto;
  left: 0.5rem;
}
.works__item:nth-of-type(2n + 2) .works__text::after {
  right: auto;
  left: -1.2rem;
}
.works__item:nth-of-type(2n + 2) .works__list {
  padding-left: 20%;
  padding-right: 0%;
}
@media (max-width: 48em) {
  .works {
    padding-top: 7.3rem;
  }
  .works__item {
    display: block;
    margin-bottom: 19rem;
  }
  .works__content {
    width: 100%;
    padding: 0 3rem;
  }
  .works__text {
    padding-bottom: 0;
    margin-bottom: 12rem;
    padding-right: 0%;
  }
  .works__text h2,
  .works__text h3 {
    font-size: 5rem;
    margin-bottom: 2.5rem;
  }
  .works__text p:first-child {
    font-size: 5rem;
    margin-bottom: 2.5rem;
  }
  .works__text p {
    font-size: 2.8rem;
  }
  .works__text li {
    font-size: 2.8rem;
    margin-bottom: 1.8rem;
  }
  .works__text::after,
  .works__text::before {
    display: none;
  }
  .works__list {
    padding-top: 0;
    margin-bottom: 11.5rem;
    padding-right: 0%;
  }
  .works__list li {
    font-size: 2.8rem;
    margin-bottom: 1.8rem;
  }
  .works__img {
    width: 100%;
    height: 90.4vw;
  }
  .works__item:nth-of-type(2n + 2) .works__text {
    padding-left: 0;
  }
  .works__item:nth-of-type(2n + 2) .works__list {
    padding-left: 0;
  }
}

.remont {
  padding-bottom: 8.3rem;
  text-align: center;
  background-color: #f3f3f3;
}
.remont .block .items {
  display: flex;
  justify-content: space-between;
}
.remont .block .items .item {
  width: 15%;
}
.remont .block .items .item .img {
  height: 21rem;
  display: flex;
  justify-content: center;
  margin-bottom: 3.5rem;
  position: relative;
  filter: drop-shadow(3rem 3rem 3rem rgba(0, 0, 0, 0.4));
}
.remont .block .items .item .img img {
  height: 100%;
  max-width: unset;
  position: absolute;
}
.remont .block .items .item .name {
  font-size: 2rem;
  margin-bottom: 0.6rem;
  font-family: "Circle Bold";
  color: #272727;
}
.remont .block .items .item .text {
  line-height: 1.35;
  font-size: 1.5rem;
  margin-bottom: 2.4rem;
  font-family: "Circle Regular";
  color: #ff7300;
  text-transform: lowercase;
}
.remont .block .items .item a {
  font-family: "Circle Light";
  font-size: 1.4rem;
  color: #272727;
  position: relative;
  width: max-content;
}
.remont .block .items .item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  right: 0;
}

@media (max-width: 48em) {
  .remont .block .title {
    font-size: 3.5rem;
    margin-bottom: 7.5rem;
    width: 70%;
  }
  .remont .block .items {
    flex-wrap: wrap;
  }
  .remont .block .items .item {
    width: 50%;
    margin-bottom: 11rem;
  }
  .remont .block .items .item:nth-child(2n) {
    padding-right: 4rem;
  }
  .remont .block .items .item .img {
    height: 24rem;
    margin-bottom: 5.5rem;
  }
  .remont .block .items .item .img img {
    height: 100%;
  }
  .remont .block .items .item .name {
    font-size: 2.9rem;
    margin-bottom: 3.5rem;
  }
  .remont .block .items .item .text {
    display: none;
  }
  .remont .block .items .item a {
    font-size: 2.6rem;
  }
  .remont .block .items .item a:after {
    bottom: 0;
    width: 100%;
    height: 1px;
  }
}

.footer {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #ff7300;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5rem 0;
}
.footer .left {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5rem 0;
  width: 21.7%;
}
.footer .middle {
  padding: 1.5rem 0;
  width: 65%;
}
.footer .middle ul {
  display: flex;
  justify-content: space-between;
}
.footer .middle ul li a {
  color: #ff7300;
}
.footer .right {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5rem 0;
  width: 9.6%;
  text-align: right;
}
.footer .right a {
  position: relative;
  color: rgba(238, 53, 75, 0.58);
  width: max-content;
}
.footer .right a:after {
  content: "";
  position: absolute;
  bottom: 0.2rem;
  width: 100%;
  height: 1px;
  right: 0;
  background-color: rgba(238, 53, 75, 0.58);
}

@media (max-width: 48em) {
  .footer {
    font-size: 3.25rem;
    padding: 1.5rem 0;
    flex-direction: column;
    border-top: unset;
    border-bottom: unset;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .footer .left {
    padding: 3.2rem 0;
    width: 100%;
    border-right: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
  }
  .footer .middle {
    padding: 5.2rem 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .footer .middle ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer .middle ul li {
    width: 50%;
    line-height: 2.1;
  }
  .footer .middle ul li:nth-child(2n) {
    text-align: left;
    width: 30%;
  }
  .footer .right {
    padding: 3.5rem 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-left: unset;
    text-align: center;
  }
  .footer .right a {
    font-size: 3.4rem;
  }
  .footer .right a:after {
    bottom: 0.5rem;
  }
}

.made {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.5rem;
}
.made__text {
  font-family: "Circle Regular";
  font-size: 1.7rem;
  color: #9e9e9e;
}
.made__logo {
  margin-left: 2.4rem;
}
.made__author {
  font-family: "Circle Bold";
  font-size: 1.8rem;
  color: #ffffff;
}
.made__author span {
  font-family: "Circle Light";
}

@media (max-width: 48em) {
  .made {
    height: 12.75rem;
    padding-bottom: 1rem;
  }
  .made__text {
    font-size: 2.55rem;
  }
  .made__logo {
    margin-left: 3.6rem;
  }
  .made__author {
    font-size: 2.7rem;
  }
}