/* Start:/local/templates/main/css/app.css?1697199340154272*/
@font-face {
    font-family: 'new-hero-light';
    src:url(/fonts/HeroNew-Light..woff2) format('woff2'),
        url(/fonts/HeroNew-Light..eot?#iefix) format('embedded-opentype'),
        url(/fonts/HeroNew-Light..woff) format('woff'),
        url(/fonts/HeroNew-Light..svg#HeroNew-Light) format('svg'),
        url(/fonts/HeroNew-Light..ttf) format('truetype');
    font-style: normal;
    font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'new-hero-regular';
	src:url(/fonts/HeroNew-Regular..woff2) format('woff2'),
		url(/fonts/HeroNew-Regular..eot?#iefix) format('embedded-opentype'),
		url(/fonts/HeroNew-Regular..woff) format('woff'),
		url(/fonts/HeroNew-Regular..svg#HeroNew-Regular) format('svg'),
		url(/fonts/HeroNew-Regular..ttf) format('truetype');
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: 'new-hero-medium';
	src:url(/fonts/HeroNew-Medium..woff2) format('woff2'),
		url(/fonts/HeroNew-Medium..eot?#iefix) format('embedded-opentype'),
		url(/fonts/HeroNew-Medium..woff) format('woff'),
		url(/fonts/HeroNew-Medium..svg#HeroNew-Medium) format('svg'),
		url(/fonts/HeroNew-Medium..ttf) format('truetype');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'new-hero-bold';
	src:url(/fonts/HeroNew-Bold..woff2) format('woff2'),
		url(/fonts/HeroNew-Bold..eot?#iefix) format('embedded-opentype'),
		url(/fonts/HeroNew-Bold..woff) format('woff'),
		url(/fonts/HeroNew-Bold..svg#HeroNew-Bold) format('svg'),
		url(/fonts/HeroNew-Medium..ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

@font-face {
	font-family: 'new-hero-semibold';
	src:url(/fonts/HeroNew-SemiBold..woff2) format('woff2'),
		url(/fonts/HeroNew-SemiBold..eot?#iefix) format('embedded-opentype'),
		url(/fonts/HeroNew-SemiBold..woff) format('woff'),
		url(/fonts/HeroNew-SemiBold..svg#HeroNew-SemiBold) format('svg'),
		url(/fonts/HeroNew-SemiBold..ttf) format('truetype');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'new-hero-extrabold';
	src:url(/fonts/HeroNew-ExtraBold..woff2) format('woff2'),
		url(/fonts/HeroNew-ExtraBold..eot?#iefix) format('embedded-opentype'),
		url(/fonts/HeroNew-ExtraBold..woff) format('woff'),
		url(/fonts/HeroNew-ExtraBold..svg#HeroNew-ExtraBold) format('svg'),
		url(/fonts/HeroNew-ExtraBold..ttf) format('truetype');
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}


/* p:has(iframe){
  position: relative;
    margin-top: 150px;

}
p:has(iframe)::before{
  content: url(https://nizagams.ru/wp-content/uploads/2023/04/Блок16_1_Заголовок-Видео.png);
	position: absolute;
         top: -135px;
         left: 12px;
}
p:has(iframe)::after{
   content: url(https://nizagams.ru/wp-content/uploads/2023/04/Блок16_2_Видео.png);
background-size: cover;
   position: absolute;
   bottom: 0;
  left: 0
} */
html,
body,
div,
span,
applet,
object,
iframe,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
b {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  color: inherit;
  vertical-align: baseline;
  text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
/* ol,
ul {
  list-style: none;
} */
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
s {
  text-decoration: line-through;
}
sup {
  vertical-align: super;
  font-size: 70%;
}
sub {
  vertical-align: sub;
  font-size: 70%;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
a {
  text-decoration: none;
}
.nl {
  font-family: 'new-hero-light';
}
.nr {
  font-family: 'new-hero-regular';
}
.nm {
  font-family: 'new-hero-medium';
}
.nsb {
  font-family: 'new-hero-semibold';
}
.nb {
  font-family: 'new-hero-bold';
}
.neb {
  font-family: 'new-hero-extrabold';
}
.width-line {
  width: calc((100vw - 1160px)/2 - 20px);
}
.width-line2 {
  width: calc((100vw - 1160px)/2 - 20px - 35px);
}
@media only screen and (max-width: 1220px) {
  .width-line2 {
    width: calc(100% - 20px - 35px);
  }
}
.width-line3 {
  width: calc(100% + ((100vw - 1160px)/2) - 400px);
}
@media only screen and (max-width: 1220px) {
  .width-line3 {
    width: calc(100% - 400px);
  }
}
.width-line4 {
  width: calc(100% + ((100vw - 1160px)/2) - 700px);
}
@media only screen and (max-width: 1220px) {
  .width-line4 {
    width: calc(100% - 700px);
  }
}
.width-line5 {
  width: calc(100% + ((100vw - 1160px)/2) - 450px);
}
@media only screen and (max-width: 1220px) {
  .width-line5 {
    width: calc(100% - 450px);
  }
}
.width-line6 {
  width: calc(100% + ((100vw - 1160px)/2) - 500px);
}
@media only screen and (max-width: 1220px) {
  .width-line6 {
    width: calc(100% - 500px);
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 10;
  background: #efefec;
}
@media only screen and (max-width: 767px) {
  header {
    height: 59px;
  }
}
.header {
  width: 100%;
  position: relative;
}
.header-content {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  background: #efefec;
  width: 100%;
  height: 100%;
  z-index: 5;
  position: relative;
}
.h-logo {
  width: 200px;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .h-logo {
    width: 59px;
    margin-right: 30px;
  }
}
.h-logo img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .h-tel {
    width: 38px;
    font-size: 0;
  }
  .h-tel img {
    width: 100%;
  }
}
.h-tel-txt {
  font-size: 16px;
  font-family: 'new-hero-medium';
  color: #04562c;
  margin-left: 20px;
  line-height: 25px;
}
.h-btn {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .h-btn {
    display: none !important;
  }
}
.h-menu {
  margin-left: 40px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .h-menu {
    margin-left: auto;
  }
}
.h-menu-item:not(:first-child) {
  margin-top: 30px;
}
.h-menu-item-link,
.h-menu-item-list-link {
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
}
.h-menu-item-link:hover,
.h-menu-item-list-link:hover {
  color: #efefec;
  border-bottom: 1px solid #efefec;
}
.h-menu-item-link {
  color: #04562c;
  font-size: 16px;
  font-family: 'new-hero-regular';
  line-height: 1.55;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.h-menu-item-list {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.h-menu-item-list-link {
  color: #04562c;
  font-size: 12px;
  font-family: 'new-hero-regular';
  line-height: 1.1;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  margin-top: 10px;
}
.h-menu-sect {
  width: 235px;
  background: #50aa76;
  padding-left: 70px;
  padding-right: 70px;
  position: absolute;
  top: 100%;
  padding-top: 50px;
  padding-bottom: 123px;
  right: 0;
  transform: translateY(-101%);
  z-index: 4;
  transition: transform 0.4s ease;
}
.h-menu-sect.open {
  transform: translateY(0);
}
.h-menu-sect-cont {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.h-menu-sect-img {
  width: 137px;
  font-size: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.h-menu-sect-img img {
  width: 100%;
}
.h-menu-burg {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.h-menu-burg-ic {
  width: 18px;
  font-size: 0;
}
.h-menu-burg-ic img {
  width: 100%;
}
.h-menu-name {
  margin-left: 10px;
}
.h-menu-name-txt {
  color: #04562c;
  font-size: 16px;
  font-family: 'new-hero-regular';
  line-height: 1.55;
  transition: color 0.2s ease-in-out;
}
footer {
  background: #4c9458;
  width: 100%;
  z-index: 4;
  position: relative;
}
.footer {
  padding-bottom: 40px;
  width: 100%;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.footer-grid {
  width: 100%;
  border-bottom: 1px solid #04562c;
}
.footer-grid-cont {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .footer-grid-cont {
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
a.foo-g-capt {
  transition: opacity 0.2s;
}
a.foo-g-capt:hover {
  opacity: 0.6;
}
@keyframes footer-anim {
  0% {
    transform: translateY(0px) rotate(0deg) scale(1, 1);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translateY(2px) rotate(-3deg) scale(1, 0.95);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(0px) rotate(0deg) scale(1, 1);
  }
}
.foo-anim {
  -webkit-box-flex: 0;
  display: flex;
  position: absolute;
  bottom: 100%;
  width: 100%;
  align-items: flex-end;
  overflow: hidden;
  pointer-events: none;
}
.foo-anim-item {
  position: relative;
}
.foo-anim-item[foo-anim='1'] {
  margin-right: auto;
  left: 0px;
}
.foo-anim-item[foo-anim='1'] .foo-anim-is {
  width: 96px;
}
.foo-anim-item[foo-anim='2'] {
  margin-left: auto;
  right: -20px;
}
.foo-anim-img {
  position: absolute;
  left: 70px;
  bottom: 0;
  width: 230px;
  font-size: 0;
}
.foo-anim-img img {
  width: 100%;
}
.foo-anim-is {
  width: 288px;
  animation: footer-anim 2s infinite linear;
  backface-visibility: hidden;
  font-size: 0;
  position: relative;
  bottom: -1px;
}
.foo-anim-is img {
  width: 100%;
}
.foo-g-item {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .foo-g-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.foo-g-item:not(:first-child) {
  border-left: 1px solid #04562c;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:not(:first-child) {
    border: none;
  }
}
.foo-g-item:nth-child(2) {
  padding-left: 33px;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:nth-child(2) {
    padding-left: 0;
  }
}
.foo-g-item:last-child {
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:last-child {
    align-items: flex-start;
  }
}
.foo-g-item:last-child .foo-g-item-data-i {
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:last-child .foo-g-item-data-i {
    align-items: flex-start;
  }
}
.foo-g-item:last-child .foo-g-title {
  -webkit-box-flex: 0;
  display: flex;
  align-items: flex-end;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:last-child .foo-g-title {
    align-items: flex-start;
    text-align: left;
  }
}
.foo-g-item:last-child .foo-g-title-txt {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .foo-g-item:last-child .foo-g-title-txt {
    text-align: left;
  }
}
.foo-g-item-data {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.foo-g-item-data-i {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.foo-g-item-data-i:not(:first-child) {
  margin-top: 14px;
}
.foo-g-title[f-mb-title] + .foo-g-capt {
  margin-top: 14px;
}
.foo-g-title-txt {
  line-height: 25px;
  color: #04562c;
  font-family: 'new-hero-medium';
}
.foo-g-title + .foo-g-item-data {
  margin-top: 14px;
}
.foo-g-capt-txt {
  font-family: 'new-hero-light';
  line-height: 24px;
  color: #04562c;
  font-size: 16px;
}
.foo-bottom {
  margin-top: 25px;
  -webkit-box-flex: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.foo-b-descript {
  width: 100%;
  -webkit-box-flex: 0;
  display: flex;
  margin-top: 16px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .foo-b-descript {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 160px);
  }
}
.foo-b-left {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  max-width: 548px;
}
.foo-b-right {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .foo-b-right {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}
.foo-b-capt-txt {
  line-height: 24px;
  color: #04562c;
  font-size: 16px;
  font-family: 'new-hero-regular';
}
.foo-b-policy {
  color: #65b888;
  font-size: 16px;
  font-family: 'new-hero-regular';
  line-height: 24px;
}
.foo-owl {
  margin-top: auto;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.foo-owl:hover {
  opacity: 0.6;
}
.foo-owl-capt {
  text-align: right;
}
.foo-owl-capt-txt {
  line-height: 16px;
  font-size: 12px;
  font-family: 'new-hero-regular';
  color: #65b888;
  text-align: right;
}
.foo-owl-ic {
  width: 70px;
  font-size: 0;
  margin-left: 12px;
}
.foo-owl-ic img {
  width: 100%;
}
.foo-descr {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .foo-descr {
    margin-left: 0;
    margin-top: 10px;
  }
}
.foo-descr-txt {
  color: #65b888;
  font-size: 16px;
  font-family: 'new-hero-regular';
}
.sitemap {
  background: #fff !important;
}
.sitemap-title {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.sitemap-title span:nth-child(1) {
  font-family: 'Tahoma';
  display: inline-block;
  font-size: 16px;
  margin-bottom: 8px;
}
.sitemap-title span:nth-child(2) {
  font-family: 'Tahoma';
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}
.sitemap-addr {
  color: red;
}
.sitemap-blk {
  -webkit-box-flex: 0;
  display: flex;
  padding: 20px;
}
.sitemap-col {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.sitemap-c:not(:first-child) {
  margin-left: 20px;
}
.sitemap-link {
  font-family: 'Tahoma';
  font-size: 16px;
  color: #000;
  transition: color 0.2s;
}
.sitemap-link:hover {
  color: green;
}
.sitemap-link:not(:first-child) {
  margin-top: 10px;
}
.page-old {
  text-decoration: line-through;
}
.main-page .stock {
  margin-top: 0;
}
@media only screen and (max-width: 480px) {
  .main-page .i-a-right {
    top: 280px;
  }
}
.index-abs-one {
  position: absolute;
  bottom: 16px;
  left: 55%;
  width: 46px;
  font-size: 0;
  transform: rotate(200grad);
}
.index-abs-one img {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .index-abs-one {
    display: none;
  }
}
.index-abs-two {
  position: absolute;
  top: 38%;
  right: 11%;
  width: 125px;
  font-size: 0;
  transform: rotate(200grad);
}
.index-abs-two img {
  width: 100%;
}
.index-top {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.index-top-grid {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
  max-width: calc(162px*4 + 38px*3);
}
@media only screen and (max-width: 900px) {
  .index-top-grid {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .index-top-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 14px;
    grid-column-gap: 14px;
  }
}
.index-about {
  margin-top: 140px;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.index-about-cont {
  -webkit-box-flex: 0;
  display: flex;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .index-about-cont {
    margin-top: 20px;
    flex-direction: column;
  }
}
.index-portf {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  background: #4B9458;
  margin-top: 105px;
  width: 100%;
  padding-top: 72px;
  padding-bottom: 90px;
  position: relative;
  overflow: hidden;
}
.index-portf.is-anim .i-portf-big-title {
  opacity: 1;
}
@media only screen and (max-width: 1220px) {
  .index-portf {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .index-portf {
    margin-top: 64px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.index-steps {
  width: 100%;
  overflow: hidden;
  margin-top: 80px;
  position: relative;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .index-steps {
    margin-top: 44px;
  }
}
.index-steps-grass {
  position: absolute;
  font-size: 0;
  width: 50px;
}
.index-steps-grass[step-grass='1'] {
  left: 1000px;
}
.index-steps-grass[step-grass='4'] {
  left: 910px;
  top: 135px;
}
.index-steps-grass[step-grass='4-2'] {
  left: -90px;
  top: 55px;
}
.index-steps-grass img {
  width: 100%;
}
.index-steps-img {
  position: absolute;
  right: 0;
  width: 1105px;
  font-size: 0;
  right: -650px;
  top: 340px;
}
.index-steps-img img {
  width: 100%;
}
.index-steps-content {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.index-calc {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.index-calc-tabs {
  display: grid;
  grid-template-columns: 0.95fr 1.1fr 0.95fr 1fr;
  grid-column-gap: 45px;
  row-gap: 30px;
  margin-top: 75px;
}
@media only screen and (max-width: 1220px) {
  .index-calc-tabs {
    grid-row-gap: 45px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .index-calc-tabs {
    grid-template-columns: 1fr;
    grid-row-gap: 12px;
  }
}
.index-run {
  width: 100%;
  overflow: hidden;
  padding-top: 200px;
}
@media only screen and (max-width: 1220px) {
  .index-run {
    padding-top: 100px;
  }
}
.index-run-item {
  position: relative;
  -webkit-box-flex: 0;
  display: flex;
  justify-content: center;
}
.index-run-item:hover .index-run-mess {
  opacity: 1;
}
.index-run-mess {
  position: absolute;
  bottom: 100%;
  padding: 18px;
  background: #fff;
  max-width: 400px;
  border-radius: 8px;
  -webkit-box-flex: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.index-run-mess:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-top: 8px solid;
  bottom: -7px;
  border-color: #fff;
}
.index-run-mess-txt {
  color: #04562c;
  font-size: 14px;
  line-height: 20px;
  font-family: 'new-hero-regular';
}
.index-run-name-txt {
  color: #d0d0d0;
  font-size: 64px;
  line-height: 95px;
  white-space: nowrap;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 900px) {
  .index-run-name-txt {
    font-size: 48px;
    line-height: 62px;
  }
}
.index-run-sect {
  position: relative;
  -webkit-box-flex: 0;
  display: flex;
  flex-wrap: nowrap;
}
.index-run-sect:not(:first-child) {
  margin-top: 20px;
}
.index-run-sect:nth-child(2) {
  transform: translateX(-50%);
}
@media only screen and (max-width: 900px) {
  .index-run-sect:nth-child(2) {
    transform: translateX(-70%);
  }
}
@media only screen and (max-width: 767px) {
  .index-run-sect:nth-child(2) {
    transform: translateX(-170%);
  }
}
.index-stocks {
  margin-top: 115px;
}
@media only screen and (max-width: 767px) {
  .index-stocks {
    margin-top: 45px;
  }
}
.index-slider-blk {
  padding-top: 65px;
  background: #4c9458;
  overflow: hidden;
}
.index-slider-blk .left-line-anim {
  top: 30px;
  transform: none;
}
.index-slider-blk .i-calc-g-line {
  width: 525px;
  position: relative;
  top: -5px;
}
@media only screen and (max-width: 1250px) {
  .index-slider-blk .i-calc-g-line {
    width: calc((100vw - 768px)/((1250 - 768)/(525 - 76)) + 76px);
  }
}
@media only screen and (max-width: 768px) {
  .index-slider-blk .i-calc-g-line {
    width: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .index-slider-blk .i-calc-g-line {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .index-slider-blk .i-calc-g-capt-txt br {
    display: none;
  }
}
.index-slider-blk .i-calc-g-capt:nth-child(2) {
  top: -67px;
}
@media only screen and (max-width: 767px) {
  .index-slider-blk .i-calc-g-capt:nth-child(2) {
    top: 0;
  }
}
.index-slider-blk .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt {
  font-size: 28px;
  line-height: 52px;
  font-family: 'new-hero-medium';
  text-align: left;
}
.index-slider-blk .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt b {
  font-size: 42px;
  font-family: 'new-hero-bold';
}
@media only screen and (max-width: 767px) {
  .index-slider-blk .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt b {
    font-size: 32px;
    line-height: 38px;
  }
}
.index-slider-blk .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt span {
  font-size: 42px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .index-slider-blk .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt span {
    font-size: 32px;
    line-height: 38px;
  }
}
@keyframes green-arr {
  100%,
  0% {
    top: 0;
  }
  50% {
    top: 15px;
  }
}
.i-calc-tab-btn-blk {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  margin-top: 33px;
}
@media only screen and (max-width: 900px) {
  .i-calc-tab-btn-blk {
    flex-direction: column;
    align-items: flex-start;
  }
}
.i-calc-tab-bb-capt {
  -webkit-box-flex: 0;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  flex: 1;
}
@media only screen and (max-width: 900px) {
  .i-calc-tab-bb-capt {
    margin-top: 20px;
    margin-left: 0;
  }
}
.i-calc-tab-bb-capt-txt {
  text-align: right;
  color: #4c9458;
  font-size: 14px;
  font-family: 'new-hero-regular';
  line-height: 22px;
}
@media only screen and (max-width: 900px) {
  .i-calc-tab-bb-capt-txt {
    text-align: left;
  }
}
@media only screen and (max-width: 1220px) {
  .i-calc-tab-bb-capt-txt br {
    display: none;
  }
}
.i-calc-tab-price {
  margin-top: 20px;
}
.i-calc-tab-price-txt {
  font-size: 16px;
  color: #4c9458;
  font-family: 'new-hero-medium';
}
.i-calc-tab-cont {
  margin-top: 72px;
  display: none;
}
.i-calc-tab-cont.vis {
  display: block;
}
.i-calc-tab-cont-blk {
  -webkit-box-flex: 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .i-calc-tab-cont-blk {
    flex-direction: column;
  }
}
.i-calc-tab-c-long {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 17px;
}
.i-calc-tab-c-lo-inp {
  border: 1px solid #4c9458;
  height: 50px;
  position: relative;
  padding-left: 20px;
}
.i-calc-tab-c-lo-inp input {
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #04562c;
  -moz-appearance: textfield;
}
.i-calc-tab-c-lo-inp input::-webkit-outer-spin-button,
.i-calc-tab-c-lo-inp input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.i-calc-tab-c-lo-plh {
  padding-left: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
.i-calc-tab-c-lo-plh span {
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #65b888;
}
.i-calc-tab-c-poster {
  width: 570px;
  font-size: 0;
}
@media only screen and (max-width: 1220px) {
  .i-calc-tab-c-poster {
    width: calc((100vw - 768px)/((1220 - 768)/(570 - 350)) + 350px);
  }
}
@media only screen and (max-width: 768px) {
  .i-calc-tab-c-poster {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .i-calc-tab-c-poster {
    width: 100%;
    margin-top: 0;
    margin-bottom: 27px;
  }
}
.i-calc-tab-c-poster img {
  width: 100%;
}
.i-calc-tab-c-sel {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 35px;
  z-index: 2;
}
.i-calc-tab-c-sel-name {
  margin-bottom: 10px;
}
.i-calc-tab-c-sel-txt {
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #adadad;
}
.i-calc-tab-c-info {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.i-calc-tab-c-info ul {
  margin: 0;
  padding-left: 25px;
}
.i-calc-tab-c-info ul:not(:first-child) {
  margin-top: 25px;
}
.i-calc-tab-c-info ul li {
  list-style: none;
  position: relative;
  line-height: 25px;
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #04562c;
}
.i-calc-tab-c-info ul li:not(:first-child) {
  margin-top: 10px;
}
.i-calc-tab-c-info ul li b {
  font-family: 'new-hero-semibold';
}
.i-calc-tab-c-info ul li:after {
  content: '';
  background-image: url(/img/grass_1.svg);
  background-size: cover;
  position: absolute;
  right: calc(100% + 3px);
  top: 3px;
  width: 25px;
  height: 13px;
}
.i-calc-tab-item {
  -webkit-box-flex: 0;
  display: flex;
  height: 54px;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.i-calc-tab-item.active:after {
  opacity: 1;
}
.i-calc-tab-item.active .i-calc-tab-name-txt {
  color: #fff;
}
.i-calc-tab-item:hover:after {
  opacity: 1;
}
.i-calc-tab-item:hover .i-calc-tab-name-txt {
  color: #fff;
}
.i-calc-tab-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #4B9458;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s;
}
.i-calc-tab-item-ic {
  position: absolute;
  right: 0;
  font-size: 0;
  width: 70px;
}
.i-calc-tab-item-ic img {
  width: 100%;
}
.i-calc-tab-name {
  height: 100%;
  width: calc(100% - 69px);
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  border: 1px solid #04562c;
  border-right: none;
  padding-left: 20px;
}
.i-calc-tab-name-txt {
  letter-spacing: 1.3px;
  font-size: 16px;
  font-family: 'new-hero-bold';
  color: #adadad;
  text-transform: uppercase;
  transition: color 0.2s;
}
.i-calc-green {
  background: #4c9458;
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .i-calc-green {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.i-calc-green-cont {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.i-calc-green-cont .right-line-anim {
  transform: none;
  top: auto;
  bottom: 40%;
}
@media only screen and (max-width: 767px) {
  .i-calc-green-cont {
    margin-bottom: 20px;
  }
}
.i-calc-g-arr {
  position: relative;
  width: 60px;
  font-size: 0;
  margin-left: 30px;
  animation: green-arr 1.5s infinite;
}
.i-calc-g-arr img {
  width: 100%;
}
.i-calc-g-capt {
  align-items: flex-start;
}
.i-calc-g-capt:nth-child(2) {
  position: relative;
  top: -78px;
  flex: 1;
  margin-left: auto;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
.i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .i-calc-g-capt:nth-child(2) .i-calc-g-capt-txt {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .i-calc-g-capt:nth-child(2) {
    top: 0;
  }
  .i-calc-g-capt:nth-child(2) br {
    display: none;
  }
}
.i-calc-g-capt-txt {
  overflow: hidden;
  line-height: 65px;
  font-size: 42px;
  font-family: 'new-hero-medium';
  color: #04562c;
}
@media only screen and (max-width: 900px) {
  .i-calc-g-capt-txt {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .i-calc-g-capt-txt {
    line-height: 53px;
    font-size: 38px;
  }
}
@media only screen and (max-width: 480px) {
  .i-calc-g-capt-txt {
    font-size: 24px;
    line-height: 37px;
  }
}
.i-calc-g-line {
  display: inline-block;
  width: 335px;
  font-size: 0;
  position: relative;
  top: -10px;
}
@media only screen and (max-width: 1250px) {
  .i-calc-g-line {
    width: calc((100vw - 901px)/((1250 - 901)/(335 - 0)) + 0px);
  }
}
@media only screen and (max-width: 901px) {
  .i-calc-g-line {
    width: 0px;
  }
}
@media only screen and (max-width: 901px) {
  .i-calc-g-line {
    width: calc((100vw - 768px)/((901 - 768)/(130 - 0)) + 0px);
  }
}
@media only screen and (max-width: 768px) {
  .i-calc-g-line {
    width: 0px;
  }
}
.i-calc-g-line img {
  width: 100%;
}
.i-steps-bottom {
  display: grid;
  grid-template-columns: 43% auto;
  grid-column-gap: 38px;
  margin-top: 95px;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .i-steps-bottom {
    grid-template-columns: 1fr;
    grid-row-gap: 25px;
  }
}
.i-steps-btn {
  -webkit-box-flex: 0;
  display: flex;
  border: 1px solid #04562c;
  align-self: flex-start;
  position: absolute;
  right: -20px;
  bottom: -5px;
  cursor: pointer;
}
@media only screen and (max-width: 900px) {
  .i-steps-btn[steps-btn="contruct"] {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .i-steps-btn {
    right: 0;
    bottom: auto;
    top: 100%;
  }
}
.i-steps-btn:hover .i-steps-btn-arr:after {
  width: 100%;
}
.i-steps-btn:hover .i-steps-btn-arr img:not([arr-hover]) {
  opacity: 0;
}
.i-steps-btn:hover .i-steps-btn-arr img[arr-hover] {
  opacity: 1;
}
.i-steps-btn-name {
  border-left: 1px solid #04562c;
  padding-left: 20px;
  padding-right: 20px;
}
.i-steps-btn-name-txt {
  line-height: 35px;
  font-size: 20px;
  font-family: 'new-hero-light';
  color: #04562c;
}
.i-steps-btn-arr {
  font-size: 0;
  width: 38px;
  position: relative;
}
.i-steps-btn-arr:after {
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: #50aa76;
  transition: width 0.2s;
  z-index: 1;
}
.i-steps-btn-arr-blk {
  position: relative;
  z-index: 2;
}
.i-steps-btn-arr-blk img {
  width: 100%;
  transition: opacity 0.2s;
}
.i-steps-btn-arr-blk img[arr-hover] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.i-steps-b-item {
  position: relative;
}
.i-steps-b-item-cont {
  padding-left: 23px;
  border: 1px solid #04562c;
  border-radius: 6px;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 35px;
  padding-right: 34px;
  padding-left: 24px;
}
@media only screen and (max-width: 767px) {
  .i-steps-b-item-cont {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
  }
}
.i-steps-b-item-txt {
  line-height: 31px;
  font-size: 20px;
  font-family: 'new-hero-light';
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .i-steps-b-item-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.i-steps-b-name {
  background: #efefec;
  position: absolute;
  top: -20px;
  left: 14px;
  padding-right: 16px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .i-steps-b-name {
    top: -27px;
  }
}
.i-steps-b-name-txt {
  line-height: 50px;
  color: #50aa76;
  font-size: 32px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 900px) {
  .i-steps-b-name-txt {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .i-steps-b-name-txt {
    font-size: 24px;
  }
}
.i-steps-content {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.i-steps-cont {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .i-steps-cont {
    margin-top: 30px;
  }
}
.i-steps-item {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: opacity 1.5s ease-in-out;
  opacity: 0;
}
.i-steps-item:not(:first-child) {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .i-steps-item:not(:first-child) {
    margin-top: 20px;
  }
}
.i-steps-item:nth-child(even) {
  margin-left: 100px;
}
@media only screen and (max-width: 480px) {
  .i-steps-item:nth-child(even) {
    margin-left: 0;
  }
}
.i-steps-item:nth-child(3) .i-steps-i-capt {
  max-width: 735px;
}
.i-steps-i-name-txt {
  color: #50aa76;
  font-size: 32px;
  font-family: 'new-hero-medium';
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .i-steps-i-name-txt {
    font-size: 20px;
    line-height: 31px;
  }
}
.i-steps-i-capt {
  max-width: 560px;
  position: relative;
}
.i-steps-i-capt-txt {
  line-height: 31px;
  font-size: 20px;
  color: #04562c;
  font-family: 'new-hero-light';
}
.i-steps-i-capt-txt b {
  font-family: 'new-hero-bold';
  color: #65b888;
}
@media only screen and (max-width: 767px) {
  .i-steps-i-capt-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.i-steps-i-title-txt {
  line-height: 93px;
  color: #c8c8c8;
  font-size: 60px;
  font-family: 'new-hero-semibold';
}
@media only screen and (max-width: 767px) {
  .i-steps-i-title-txt {
    font-size: 40px;
    line-height: 62px;
  }
}
.i-steps-head {
  -webkit-box-flex: 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .i-steps-head {
    flex-direction: column;
  }
}
.i-steps-h-title {
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .i-steps-h-title {
    margin-right: 0;
  }
}
.i-steps-h-title-txt {
  line-height: 59px;
  font-size: 42px;
  font-family: 'new-hero-medium';
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .i-steps-h-title-txt {
    font-size: 38px;
    line-height: 53px;
  }
  .i-steps-h-title-txt br {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .i-steps-h-title-txt {
    font-size: 24px;
    line-height: 34px;
  }
}
.i-steps-h-right {
  -webkit-box-flex: 0;
  display: flex;
  align-items: flex-end;
  margin-left: 50px;
  position: relative;
  bottom: -15px;
}
@media only screen and (max-width: 767px) {
  .i-steps-h-right {
    margin-left: 0;
    bottom: 0;
  }
}
.i-steps-h-right-txt {
  line-height: 65px;
  color: #04562c;
  font-family: 'new-hero-medium';
  font-size: 42px;
}
.i-steps-h-right-txt span {
  line-height: 109px;
  color: #50aa76;
  font-family: 'new-hero-bold';
  font-size: 70px;
}
@media only screen and (max-width: 767px) {
  .i-steps-h-right-txt span {
    line-height: 84px;
    font-size: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .i-steps-h-right-txt span {
    line-height: 56px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .i-steps-h-right-txt {
    font-size: 24px;
    line-height: 34px;
  }
}
.i-steps-h-arr {
  margin-top: auto;
  flex: 1;
  font-size: 0;
  position: relative;
}
@media only screen and (max-width: 1220px) {
  .i-steps-h-arr {
    top: calc((100vw - 768px)/((1220 - 768)/(0 - -20)) + -20px);
  }
}
@media only screen and (max-width: 768px) {
  .i-steps-h-arr {
    top: -20px;
  }
}
.i-steps-h-arr img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .i-steps-h-arr {
    display: none;
  }
}
.i-portf-big-title {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s;
}
.i-portf-big-title[portf-big='1'] {
  right: -263px;
  top: -25px;
}
.i-portf-big-title[portf-big='2'] {
  top: 337px;
  left: -604px;
}
.i-portf-big-title-txt {
  font-size: 200px;
  font-family: 'new-hero-medium';
  color: #04562c;
  text-transform: uppercase;
  line-height: 310px;
  opacity: 0.1;
}
.i-portf-prods {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 45px;
}
@media only screen and (max-width: 1220px) {
  .i-portf-prods {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .i-portf-prods {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 24px;
  }
}
@media only screen and (max-width: 374px) {
  .i-portf-prods {
    grid-template-columns: 1fr;
  }
}
.i-portf-arr {
  display: inline-block;
  width: 27px;
  font-size: 0;
  position: relative;
  top: 2px;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s, right 0.2s;
}
.i-portf-arr img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .i-portf-arr {
    display: none;
  }
}
.i-portf-img {
  font-size: 0;
  position: relative;
  width: 100%;
}
.i-portf-img-inf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  padding: 16px;
}
.i-portf-img img {
  width: 100%;
}
.i-portf-item {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.i-portf-item:hover .i-portf-arr {
  opacity: 1;
  right: -10px;
}
.i-portf-item-price {
  margin-top: auto;
}
.i-portf-item-price-txt {
  line-height: 31px;
  color: #ffffff;
  font-size: 20px;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 767px) {
  .i-portf-item-price-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.i-portf-item-price-txt b {
  font-family: 'new-hero-semibold';
  line-height: 43px;
  font-size: 28px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .i-portf-item-price-txt b {
    font-size: 24px;
    line-height: 37px;
  }
}
.i-portf-item-name-txt {
  color: #fff;
  line-height: 31px;
  font-size: 20px;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 767px) {
  .i-portf-item-name-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.i-portf-item-inf {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .i-portf-item-inf {
    margin-top: 10px;
  }
}
.i-portf-cont {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.i-portf-title .title-small-txt {
  line-height: 87px;
  color: #04562c;
  font-size: 56px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .i-portf-title .title-small-txt {
    line-height: 53px;
    font-size: 38px;
  }
}
.i-t-btn {
  margin-top: 70px;
}
.i-t-g-item {
  width: 162px;
  height: 162px;
  border-radius: 100px;
  position: relative;
  border: 2px solid #4C9458;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .i-t-g-item {
    width: calc((100vw - 768px)/((900 - 768)/(162 - 130)) + 130px);
  }
}
@media only screen and (max-width: 768px) {
  .i-t-g-item {
    width: 130px;
  }
}
@media only screen and (max-width: 900px) {
  .i-t-g-item {
    height: calc((100vw - 768px)/((900 - 768)/(162 - 130)) + 130px);
  }
}
@media only screen and (max-width: 768px) {
  .i-t-g-item {
    height: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .i-t-g-item {
    height: calc((100vw - 625px)/((767 - 625)/(130 - 130)) + 130px);
  }
}
@media only screen and (max-width: 625px) {
  .i-t-g-item {
    height: 130px;
  }
}
@media only screen and (max-width: 625px) {
  .i-t-g-item {
    width: calc((100vw - 481px)/((625 - 481)/(130 - 94)) + 94px);
  }
}
@media only screen and (max-width: 481px) {
  .i-t-g-item {
    width: 94px;
  }
}
@media only screen and (max-width: 625px) {
  .i-t-g-item {
    height: calc((100vw - 481px)/((625 - 481)/(130 - 94)) + 94px);
  }
}
@media only screen and (max-width: 481px) {
  .i-t-g-item {
    height: 94px;
  }
}
@media only screen and (max-width: 480px) {
  .i-t-g-item {
    height: calc((100vw - 320px)/((480 - 320)/(199 - 123)) + 123px);
  }
}
@media only screen and (max-width: 320px) {
  .i-t-g-item {
    height: 123px;
  }
}
@media only screen and (max-width: 480px) {
  .i-t-g-item {
    width: 100%;
  }
}
.i-t-g-item-inf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 3;
  padding-top: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item-inf {
    padding-top: 0;
    opacity: 1;
  }
}
.i-t-g-item-inf-arr {
  width: 50px;
  margin-top: 13px;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item-inf-arr {
    width: 26px;
  }
}
.i-t-g-item-inf-arr img {
  width: 100%;
}
.i-t-g-item-inf-txt {
  font-size: 20px;
  font-family: 'new-hero-medium';
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item-inf-txt {
    font-size: 14px;
  }
}
.i-t-g-item:hover .i-t-g-item-hover,
.i-t-g-item:hover .i-t-g-item-inf {
  opacity: 1;
}
.i-t-g-item:nth-child(n+5) {
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item:nth-child(n+5) {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .i-t-g-item:nth-child(n+5) {
    margin-top: 0;
  }
}
.i-t-g-item:not(:first-child) {
  margin-left: 38px;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item:not(:first-child) {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .i-t-g-item:not(:first-child) {
    margin-left: 0;
  }
}
.i-t-g-item:nth-child(4n+5) {
  margin-left: 0;
}
.i-t-g-item-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .i-t-g-item-hover {
    opacity: 1;
  }
}
.i-t-g-item-hover img {
  width: 100%;
}
.i-t-g-item-img {
  width: 100%;
  font-size: 0;
  transition: filter 0.2s;
}
.i-t-g-item-img img {
  width: 100%;
}
.i-a-left {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  width: 553px;
  z-index: 2;
}
@media only screen and (max-width: 1500px) {
  .i-a-left {
    width: calc((100vw - 768px)/((1500 - 768)/(553 - 400)) + 400px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-left {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .i-a-left {
    width: 100%;
  }
}
.i-a-left-precapt-txt {
  font-family: 'new-hero-semibold';
  line-height: 29px;
  font-size: 20px;
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .i-a-left-precapt-txt {
    font-size: 18px;
    line-height: 26px;
  }
}
.i-a-left-list {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 44px;
}
@media only screen and (max-width: 767px) {
  .i-a-left-list {
    margin-top: 20px;
  }
}
.i-a-left-li {
  -webkit-box-flex: 0;
  display: flex;
}
.i-a-left-li:not(:first-child) {
  margin-top: 33px;
}
@media only screen and (max-width: 767px) {
  .i-a-left-li:not(:first-child) {
    margin-top: 15px;
  }
}
.i-a-left-li-ic {
  width: 24px;
  font-size: 0;
  margin-right: 14px;
}
.i-a-left-li-ic img {
  width: 100%;
}
.i-a-left-li-capt {
  flex: 1;
}
.i-a-left-li-capt-txt {
  line-height: 23px;
  color: #7c7c7c;
  font-size: 18px;
  font-family: 'new-hero-light';
}
@media only screen and (max-width: 767px) {
  .i-a-left-li-capt-txt {
    font-size: 16px;
    line-height: 21px;
  }
}
.i-a-left-li-capt-txt b {
  color: #04562c;
  font-family: 'new-hero-bold';
}
.i-a-right {
  flex: 1;
  position: relative;
  margin-left: 60px;
  height: 483px;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .i-a-right {
    margin-left: 0;
  }
}
.i-a-right-img {
  font-size: 0;
}
.i-a-right-img img {
  width: 100%;
}
.i-a-right-img[i-a-img='1'] {
  width: 483px;
  position: relative !important;
  top: -66px;
}
@media only screen and (max-width: 1000px) {
  .i-a-right-img[i-a-img='1'] {
    top: calc((100vw - 768px)/((1000 - 768)/(-66 - 60)) + 60px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-img[i-a-img='1'] {
    top: 60px;
  }
}
@media only screen and (max-width: 1500px) {
  .i-a-right-img[i-a-img='1'] {
    width: 100%;
    max-width: 483px;
  }
}
@media only screen and (max-width: 767px) {
  .i-a-right-img[i-a-img='1'] {
    max-width: 100%;
  }
}
.i-a-right-img[i-a-img='2'] {
  width: 160px;
  right: -16px !important;
  position: absolute !important;
  bottom: -142px;
}
@media only screen and (max-width: 1090px) {
  .i-a-right-img[i-a-img='2'] {
    width: calc((100vw - 768px)/((1090 - 768)/(160 - 100)) + 100px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-img[i-a-img='2'] {
    width: 100px;
  }
}
@media only screen and (max-width: 1090px) {
  .i-a-right-img[i-a-img='2'] {
    bottom: calc((100vw - 768px)/((1090 - 768)/(0 - 100)) + 100px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-img[i-a-img='2'] {
    bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .i-a-right-img[i-a-img='2'] {
    bottom: 0;
  }
}
.i-a-right-img[i-a-img='3'] {
  width: 51px;
  left: 120px !important;
  position: absolute !important;
  bottom: 43px !important;
}
.i-a-right-circle[i-a-circle] {
  border-radius: 100px;
  background: #dadada;
  position: absolute !important;
}
.i-a-right-circle[i-a-circle='1'] {
  width: 190px;
  height: 190px;
  top: -121px;
  right: -144px !important;
}
@media only screen and (max-width: 1500px) {
  .i-a-right-circle[i-a-circle='1'] {
    right: 0 !important;
    top: -160px;
    width: 130px;
    height: 130px;
  }
}
@media only screen and (max-width: 1090px) {
  .i-a-right-circle[i-a-circle='1'] {
    width: calc((100vw - 768px)/((1090 - 768)/(130 - 100)) + 100px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-circle[i-a-circle='1'] {
    width: 100px;
  }
}
@media only screen and (max-width: 1090px) {
  .i-a-right-circle[i-a-circle='1'] {
    height: calc((100vw - 768px)/((1090 - 768)/(130 - 100)) + 100px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-circle[i-a-circle='1'] {
    height: 100px;
  }
}
@media only screen and (max-width: 1090px) {
  .i-a-right-circle[i-a-circle='1'] {
    top: calc((100vw - 768px)/((1090 - 768)/(-160 - -50)) + -50px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-circle[i-a-circle='1'] {
    top: -50px;
  }
}
.i-a-right-circle[i-a-circle='2'] {
  width: 63px;
  height: 63px;
  top: 650px;
  left: 0 !important;
}
@media only screen and (max-width: 1090px) {
  .i-a-right-circle[i-a-circle='2'] {
    top: calc((100vw - 768px)/((1090 - 768)/(650 - 350)) + 350px);
  }
}
@media only screen and (max-width: 768px) {
  .i-a-right-circle[i-a-circle='2'] {
    top: 350px;
  }
}
#stockOrder {
  z-index: 1;
}
.choose-color {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.color {
  max-width: 60px;
  width: 100%;
  max-height: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.color img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.color.is-active {
  position: relative;
}
.color.is-active::after {
  content: url(/img/color-choose.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .color.is-active::after {
    content: url(/img/color-choose-mob.svg);
  }
}
.stocks-page .stock {
  margin-top: 0;
}
.stocks-page-top {
  position: relative;
  padding-bottom: 115px;
}
.s-p-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.s-p-abs-blk {
  position: relative;
  width: 100%;
  height: 100%;
}
.s-p-stone {
  position: absolute;
  top: 47%;
  right: 30%;
  width: 135px;
  font-size: 0;
}
.s-p-stone img {
  width: 100%;
}
.s-p-stone-small {
  position: absolute;
  top: 0;
  right: -80px;
  width: 63px;
  font-size: 0;
}
.s-p-stone-small img {
  width: 100%;
}
.s-p-grass {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0;
  width: 153px;
}
.s-p-grass img {
  width: 100%;
}
.contacts-top {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.contacts-capt {
  max-width: 926px;
}
@media only screen and (max-width: 767px) {
  .contacts-capt {
    margin-top: 16px;
  }
}
.contacts-capt-txt {
  color: #04562c;
  font-size: 20px;
  font-family: 'new-hero-regular';
  line-height: 31px;
}
@media only screen and (max-width: 767px) {
  .contacts-capt-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.cs-scroll-blk {
  width: 100%;
  -webkit-box-flex: 0;
  display: flex;
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .cs-scroll-blk {
    flex-direction: column-reverse;
    margin-top: 56px;
  }
}
.cs-scr {
  background: #4c9458;
}
.cs-scr-cont {
  width: 390px;
  padding-top: 26px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1220px) {
  .cs-scr-cont {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .cs-scr-cont {
    width: 100%;
  }
}
.cs-scr-item {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.cs-scr-item:not(:first-child) {
  margin-top: 40px;
}
.cs-scr-i-inf {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.cs-scr-i-inf-capt {
  flex: 1;
  margin-left: 10px;
  font-size: 16px;
  color: #efefec;
  font-family: 'new-hero-medium';
}
.cs-scr-i-inf-ic {
  width: 12px;
  font-size: 0;
}
.cs-scr-i-inf-ic img {
  width: 100%;
}
.cs-scr-i-inf-row {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
.cs-scr-i-inf-row:not(:first-child) {
  margin-top: 16px;
}
.cs-scr-i-city {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  height: 58px;
  position: relative;
  align-self: flex-start;
  padding-left: 28px;
  border: 1px solid transparent;
  transition: border 0.2s;
  padding-right: 30px;
}
.cs-scr-i-city:hover {
  border: 1px solid #50aa76;
}
.cs-scr-i-city:hover .cs-scr-i-c-arr {
  left: 16px;
  opacity: 0.6;
}
.cs-scr-i-c-name-txt {
  line-height: 37px;
  font-size: 24px;
  font-family: 'new-hero-medium';
  color: #efefec;
}
.cs-scr-i-c-arr {
  width: 17px;
  font-size: 0;
  left: 10px;
  position: relative;
  opacity: 0;
  transition: 0.2s;
}
.cs-scr-i-c-arr img {
  width: 100%;
}
.cs-poster {
  flex: 1;
  font-size: 0;
  overflow: hidden;
  position: sticky;
  top: 0;
  align-self: flex-start;
}
@media only screen and (max-width: 767px) {
  .cs-poster {
    position: static;
    width: 100%;
  }
}
.cs-poster img {
  height: 100vh;
}
@media only screen and (max-width: 767px) {
  .cs-poster img {
    height: auto;
    width: 100%;
  }
}
.portfolio__wrapper {
  padding-top: 100px;
}
.portfolio__wrapper .hidden-text-wrapper {
  position: absolute;
  font-family: 'new-hero-semibold';
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  color: #c8c8c8;
  font-size: 221px;
  line-height: 221px;
  opacity: 0.15;
}
@media only screen and (max-width: 900px) {
  .portfolio__wrapper .hidden-text-wrapper {
    font-size: 180px;
    line-height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .hidden-text-wrapper {
    left: 0;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 480px) {
  .portfolio__wrapper .hidden-text-wrapper {
    line-height: 100px;
    font-size: 100px;
  }
}
.portfolio__wrapper .portfolio__title-wrapper {
  margin-bottom: 55px;
  position: relative;
  z-index: 1;
}
.portfolio__wrapper .portfolio__title-wrapper .portfolio__title {
  font-family: 'new-hero-medium';
  font-size: 125px;
  line-height: 125px;
  color: #04562c;
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .portfolio__wrapper .portfolio__title-wrapper .portfolio__title {
    font-size: 105px;
    line-height: 105px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__title-wrapper .portfolio__title {
    font-size: 82px;
  }
}
@media only screen and (max-width: 480px) {
  .portfolio__wrapper .portfolio__title-wrapper .portfolio__title {
    line-height: 54px;
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__title-wrapper {
    margin-bottom: 10px;
  }
}
.portfolio__wrapper .portfolio__cards-wrapper {
  position: relative;
  z-index: 1;
  background-color: #4c9458;
  padding-top: 95px;
  border-top-left-radius: 180px;
  padding-bottom: 105px;
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__cards-wrapper {
    border-top-left-radius: 90px;
    padding-top: 55px;
  }
}
.portfolio__wrapper .portfolio__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
}
.portfolio__wrapper .portfolio__cards:not(:first-child) {
  margin-top: 75px;
}
@media only screen and (max-width: 900px) {
  .portfolio__wrapper .portfolio__cards {
    grid-auto-columns: minmax(200px, 384px);
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    padding-right: 60px;
    padding-left: 60px;
  }
  .portfolio__wrapper .portfolio__cards:not(:first-child) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__cards {
    padding-right: 0;
    padding-left: 0;
  }
}
.portfolio__wrapper .portfolio__cards .portfolio__card-wrapper {
  cursor: pointer;
}
.portfolio__wrapper .portfolio__cards .portfolio__card-wrapper .portfolio__card {
  overflow: hidden;
  border-radius: 6px;
}
.portfolio__wrapper .portfolio__cards .portfolio__card-wrapper .portfolio__card img {
  max-width: 260px;
  width: 100%;
  height: 333px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__cards .portfolio__card-wrapper .portfolio__card img {
    height: calc((100vw - 320px)/((767 - 320)/(333 - 188)) + 188px);
  }
}
@media only screen and (max-width: 320px) {
  .portfolio__wrapper .portfolio__cards .portfolio__card-wrapper .portfolio__card img {
    height: 188px;
  }
}
.portfolio__wrapper .portfolio__cards .portfolio__card-text {
  color: #fff;
  font-size: 18px;
  font-family: 'new-hero-regular';
  line-height: 28px;
}
@media only screen and (max-width: 767px) {
  .portfolio__wrapper .portfolio__cards .portfolio__card-text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 480px) {
  .portfolio__wrapper .portfolio__cards .portfolio__card-text {
    line-height: 22px;
    font-size: 14px;
  }
}
.portfolio__wrapper .portfolio__cards .portfolio__cards-border {
  position: absolute;
  bottom: -40px;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .portfolio__wrapper .portfolio__cards .portfolio__cards-border {
    display: none;
  }
}
.review__wrapper {
  padding-top: 60px;
  position: relative;
}
.review__wrapper .review__right-zab {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 1220px) {
  .review__wrapper .review__right-zab {
    top: 0;
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__right-zab {
    display: none;
  }
}
.review__wrapper .review__left-zab {
  position: absolute;
  transform: rotate(180deg);
  top: 300px;
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__left-zab {
    display: none;
  }
}
.review__wrapper .review__title {
  margin: 0;
}
.review__wrapper .hidden-text-wrapper {
  position: absolute;
  font-family: 'new-hero-semibold';
  top: -20px;
  left: 25%;
  transform: translateX(-25%);
  color: #c8c8c8;
  font-size: 221px;
  line-height: 221px;
  opacity: 0.15;
}
.review__wrapper .review__hero {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero {
    flex-direction: column;
    align-items: center;
  }
}
.review__wrapper .review__hero-left {
  align-self: flex-start;
}
.review__wrapper .review__title-wrapper {
  position: relative;
  z-index: 1;
}
.review__wrapper .review__title-wrapper .review__title {
  font-family: 'new-hero-medium';
  font-size: 125px;
  line-height: 125px;
  color: #04562c;
  margin: 0;
}
@media only screen and (max-width: 1220px) {
  .review__wrapper .review__title-wrapper .review__title {
    font-size: 125px;
    line-height: 125px;
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__title-wrapper .review__title {
    font-size: 86px;
    line-height: 86px;
  }
}
.review__wrapper .review__subtitle-wrapper {
  margin-top: 10px;
}
.review__wrapper .review__subtitle-wrapper .review__subtitle {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__subtitle-wrapper .review__subtitle {
    font-size: 16px;
    line-height: 16px;
  }
}
.review__wrapper .review__hero-right {
  background-color: #50aa76;
  width: 532px;
  height: 532px;
  border-radius: 100%;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .review__wrapper .review__hero-right {
    width: calc((100vw - 767px)/((1920 - 767)/(532 - 332)) + 332px);
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right {
    width: 332px;
  }
}
@media only screen and (max-width: 1920px) {
  .review__wrapper .review__hero-right {
    height: calc((100vw - 767px)/((1920 - 767)/(532 - 332)) + 332px);
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right {
    height: 332px;
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right {
    width: calc((100vw - 320px)/((767 - 320)/(332 - 269)) + 269px);
  }
}
@media only screen and (max-width: 320px) {
  .review__wrapper .review__hero-right {
    width: 269px;
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right {
    height: calc((100vw - 320px)/((767 - 320)/(332 - 267)) + 267px);
  }
}
@media only screen and (max-width: 320px) {
  .review__wrapper .review__hero-right {
    height: 267px;
  }
}
@media only screen and (max-width: 1220px) {
  .review__wrapper .review__hero-right {
    margin-right: 150px;
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right {
    margin-right: 0;
    margin-top: 20px;
  }
}
.review__wrapper .review__hero-right .review__hero-sm {
  background-color: #50aa76;
  width: 6vw;
  height: 6vw;
  border-radius: 100%;
  position: absolute;
  bottom: -25px;
  right: -50px;
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right .review__hero-sm {
    width: calc((100vw - 320px)/((767 - 320)/(60 - 50)) + 50px);
  }
}
@media only screen and (max-width: 320px) {
  .review__wrapper .review__hero-right .review__hero-sm {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right .review__hero-sm {
    height: calc((100vw - 320px)/((767 - 320)/(60 - 48)) + 48px);
  }
}
@media only screen and (max-width: 320px) {
  .review__wrapper .review__hero-right .review__hero-sm {
    height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .review__wrapper .review__hero-right .review__hero-sm {
    right: 0;
  }
}
.review__wrapper .review__hero-right .review__hero-sm .message-bg {
  position: absolute;
  bottom: 110%;
  right: 0%;
  display: flex;
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg {
    right: -50%;
  }
}
.review__wrapper .review__hero-right .review__hero-sm .message-bg img {
  object-fit: cover;
}
@media only screen and (max-width: 1200px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg img {
    width: calc((100vw - 900px)/((1200 - 900)/(554 - 346)) + 346px);
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg img {
    width: 346px;
  }
}
.review__wrapper .review__hero-right .review__hero-sm .message-bg .text-wrapper {
  position: absolute;
  padding: 70px;
  width: inherit;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1220px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg .text-wrapper {
    padding: calc((100vw - 900px)/((1220 - 900)/(70 - 20)) + 20px);
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg .text-wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg .text-wrapper {
    top: 13px;
    left: 20px;
    padding: 15px;
  }
}
.review__wrapper .review__hero-right .review__hero-sm .message-bg .message-name {
  font-size: 24px;
  font-family: 'new-hero-medium';
  color: #c8c8c8;
  line-height: 24px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg .message-name {
    font-size: 22px;
    line-height: 22px;
  }
}
.review__wrapper .review__hero-right .review__hero-sm .message-bg .message-text {
  color: #2b2b2b;
  font-size: 16px;
  line-height: 22px;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__hero-sm .message-bg .message-text {
    font-size: 14px;
    line-height: 19px;
  }
}
.review__wrapper .review__hero-right .message-sm {
  position: absolute;
  left: -11%;
  bottom: 10%;
}
@media only screen and (max-width: 1220px) {
  .review__wrapper .review__hero-right .message-sm {
    left: -15%;
    bottom: -10%;
  }
}
.review__wrapper .review__hero-right .message-sm img {
  object-fit: cover;
}
@media only screen and (max-width: 1200px) {
  .review__wrapper .review__hero-right .message-sm img {
    width: calc((100vw - 900px)/((1200 - 900)/(285 - 177)) + 177px);
  }
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .message-sm img {
    width: 177px;
  }
}
.review__wrapper .review__hero-right .review__stones {
  position: absolute;
  right: 215%;
  bottom: -45px;
  width: 103px;
  height: 50px;
}
@media only screen and (max-width: 900px) {
  .review__wrapper .review__hero-right .review__stones {
    width: 65px;
    height: 30px;
    right: unset;
    left: 0;
    bottom: -60px;
  }
}
.review__wrapper .review__hero-right .review__stones img {
  width: 100%;
}
.review__slide {
  max-width: 520px;
  width: 100%;
  position: relative;
}
.review__cards {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
}
.review__swiper-videos {
  width: 100%;
}
.index-map-blk {
  overflow: hidden;
}
.index-map {
  margin-top: 175px;
  padding-top: 75px;
  padding-bottom: 15px;
  background-color: #4c9458;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .index-map {
    padding-top: 0;
  }
}
.index-map-grass {
  position: absolute;
  max-width: 345px;
  width: 100%;
  height: 195px;
  top: -14%;
  left: -7%;
}
.index-map-grass img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 900px) {
  .index-map-grass {
    width: 155px;
    height: 97px;
    top: -12%;
  }
}
.index-map-grass2 {
  position: absolute;
  top: -4%;
  left: 14%;
  width: 91px;
  height: 45px;
}
.index-map-grass2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 900px) {
  .index-map-grass2 {
    height: 35px;
    width: 77px;
    top: -4%;
  }
}
.index-map .container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .index-map .container {
    flex-direction: column;
    align-items: center;
  }
}
.index-map-left {
  max-width: 420px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .index-map-left {
    max-width: 100%;
  }
}
.index-map-title {
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .index-map-title {
    padding-top: 40px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-title {
    padding-top: 70px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 374px) {
  .index-map-title {
    margin-bottom: 40px;
    padding-top: 35px;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-title-text {
    display: flex;
    align-items: center;
    column-gap: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-title-text {
    column-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-title-text {
    column-gap: 15px;
  }
}
@media only screen and (max-width: 374px) {
  .index-map-title-text {
    font-size: 14px;
  }
}
.index-map-title-work {
  color: #efefec;
  line-height: 32px;
  font-size: 32px;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 1220px) {
  .index-map-title-work {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-title-work {
    font-size: 29px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-title-work {
    font-size: 22px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-title-work {
    font-size: 16px;
    line-height: 16px;
  }
}
.index-map-region {
  color: #efefec;
  font-size: 94px;
  line-height: 55px;
  font-family: 'new-hero-regular';
  display: inline-block;
  padding-bottom: 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
@media only screen and (max-width: 1220px) {
  .index-map-region {
    font-size: 72px;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-region {
    font-size: 84px;
    line-height: 84px;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-region {
    font-size: 66px;
    line-height: 66px;
    row-gap: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-region {
    font-size: 46px;
  }
}
@media only screen and (max-width: 374px) {
  .index-map-region {
    font-size: 34px;
    row-gap: unset;
  }
}
.index-map-numbers {
  font-family: 'new-hero-bold';
  font-size: 338px;
  opacity: 0.6;
  color: #efefec;
}
@media only screen and (max-width: 1220px) {
  .index-map-numbers {
    font-size: 240px;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-numbers {
    font-size: 160px;
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-numbers {
    font-size: 130px;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-numbers {
    font-size: 80px;
  }
}
@media only screen and (max-width: 374px) {
  .index-map-numbers {
    font-size: 70px;
  }
}
.index-map-cities {
  margin-top: 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
}
@media only screen and (max-width: 900px) {
  .index-map-cities {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .index-map-cities {
    row-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .index-map-cities {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 374px) {
  .index-map-cities {
    margin-bottom: 0;
  }
}
.index-map-city {
  max-width: 114px;
}
@media only screen and (max-width: 900px) {
  .index-map-city:nth-child(2) {
    grid-column: span 3;
  }
  .index-map-city:nth-child(4) {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-city:nth-child(2) {
    grid-column: unset;
  }
  .index-map-city:nth-child(4) {
    grid-column: unset;
  }
}
.index-map-city-txt {
  color: #04562c;
  font-size: 20px;
  font-family: 'new-hero-regular';
  line-height: 1;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
.index-map-city-txt:hover {
  color: #efefec;
}
@media only screen and (max-width: 767px) {
  .index-map-city-txt {
    font-size: 16px;
  }
}
.index-map-right {
  position: absolute;
  top: -440px;
  left: 40%;
  z-index: 0;
}
@media only screen and (max-width: 900px) {
  .index-map-right {
    opacity: 0.6;
    width: 725px;
    height: 450px;
    bottom: 100%;
    left: unset;
    top: unset;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-right {
    width: 100%;
    bottom: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-right .index-map-img {
    width: 100%;
  }
  .index-map-right .index-map-img svg {
    width: 100%;
  }
}
.index-map-arr {
  position: absolute;
  right: -15%;
  top: 32%;
  width: 85px;
  height: 85px;
  z-index: 2;
}
.index-map-arr img {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .index-map-arr {
    transform: rotate(60deg);
    right: 8%;
    top: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-arr {
    width: 60px;
    height: 60px;
    right: 0%;
    top: 46%;
  }
}
@media only screen and (max-width: 480px) {
  .index-map-arr {
    right: 0%;
    top: 55%;
  }
}
@media only screen and (max-width: 374px) {
  .index-map-arr {
    display: none;
  }
}
.index-map-years {
  position: absolute;
  bottom: 6%;
  left: 10%;
}
@media only screen and (max-width: 900px) {
  .index-map-years {
    bottom: -31%;
    left: 51%;
  }
}
@media only screen and (max-width: 767px) {
  .index-map-years {
    display: none;
  }
}
.index-map-years-txt {
  font-size: 84px;
  line-height: 84px;
  color: #efefec;
  opacity: 0.6;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 1220px) {
  .index-map-years-txt {
    font-size: 61px;
    line-height: 84px;
  }
}
@media only screen and (max-width: 900px) {
  .index-map-years-txt {
    font-size: 63px;
    line-height: 63px;
    opacity: 0.6;
    color: #efefec;
  }
}
.main-reviews-title {
  font-family: 'new-hero-medium';
  color: #04562c;
  font-size: 72px;
  line-height: 94px;
}
@media only screen and (max-width: 1220px) {
  .main-reviews-title {
    font-size: 78px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .main-reviews-title {
    font-size: 40px;
    line-height: 44px;
  }
}
.main-page .i-portof-cont {
  margin-top: 100px;
}
@media only screen and (max-width: 480px) {
  .main-page .review__cards {
    margin-left: calc(100% - 1160)/2;
  }
}
.main-page .index-portf {
  margin-top: auto;
}
@media only screen and (max-width: 480px) {
  .main-page .index-portf {
    padding-top: 0;
  }
}
[data-href] {
  cursor: pointer;
}
.city-tooltip {
  background-color: #efefec;
  padding: 8px 16px;
  border-radius: 12px 12px 12px 0px;
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 555;
  color: #50AA76;
}
.city-tooltip span {
  color: #4c9458;
  font-size: 20px;
  line-height: 28px;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 900px) {
  .product-page .title-txt {
    font-size: 42px;
    line-height: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .product-page .title-txt {
    font-size: 34px;
    line-height: 46px;
  }
}
.product-page .color {
  cursor: default;
}
.product__breadcrumbs {
  margin-top: 60px;
}
.product__card-small-swiper {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .product__card-calculation {
    margin-top: 10px;
  }
}
.product__card-advantages {
  margin-top: 30px;
}
.product__card-characters {
  margin-top: 24px;
}
.product__all-characters {
  margin-top: 24px;
}
.product__characters-list {
  padding-top: 20px;
}
.product__colors {
  margin-top: 24px;
}
.product__choose-color {
  margin-top: 8px;
}
.product__card-price {
  margin-top: 24px;
}
.product__card-tabs {
  margin-top: 62px;
}
.product__tab-content {
  margin-top: 32px;
}
.product__interesting {
  margin-top: 80px;
}
@media only screen and (max-width: 900px) {
  .product__interesting {
    margin-top: 40px;
  }
}
.product__product-list {
  margin-top: 42px;
}
@media only screen and (max-width: 900px) {
  .product__product-list {
    margin-top: 15px;
  }
}
.product__product-name {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .product__product-name {
    margin-top: 8px;
  }
}
.product__price {
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .product__price {
    margin-top: unset;
  }
}
.product__btn {
  width: 200px;
  height: 45px ;
}
.product__btn .btn-name-txt {
  font-size: 14px !important;
}
@media only screen and (max-width: 767px) {
  .product__btn {
    margin-top: 8px;
  }
}
.crumb {
  font-family: 'new-hero-medium';
  font-size: 17px;
  line-height: 24px;
  color: #04562c;
  cursor: pointer;
}
.crumb:last-child {
  color: #4c9458;
}
.card-leftside {
  max-width: 660px;
  width: 100%;
}
@media only screen and (max-width: 1220px) {
  .card-leftside {
    max-width: 100%;
  }
}
.card-slider {
  position: relative;
}
.card-nav {
  max-width: 48px;
  width: 100%;
  height: 48px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 900px) {
  .card-nav {
    max-width: 36px;
    width: 100%;
    height: 36px;
  }
}
.card-nav:hover {
  opacity: 0.7;
}
.card-nav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slide-img {
  border-radius: 6px;
}
.left-arr {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.right-arr {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.main-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1220px) {
  .card-small-swiper {
    max-height: 300px;
  }
}
.small-slide {
  max-width: 33%;
  height: 209px;
  width: 100%;
}
.small-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 42px;
}
@media only screen and (max-width: 1220px) {
  .card-info {
    display: flex;
    flex-direction: column;
  }
}
.card-grade {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articule {
  font-family: 'new-hero-regular';
  color: #c8c8c8;
  font-size: 32px;
  line-height: 45px;
}
@media only screen and (max-width: 900px) {
  .articule {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 900px) {
  .articule {
    font-size: 20px;
    line-height: 28px;
  }
}
.grades {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.star {
  max-width: 32px;
  width: 100%;
  height: 29px;
}
@media only screen and (max-width: 767px) {
  .star {
    max-width: 26px;
    height: 23px;
  }
}
.star img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-advantages {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 900px) {
  .card-advantages {
    justify-content: space-around;
  }
}
.advantage {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 8px;
  text-align: center;
}
.advantage:not(:first-child)::before {
  content: '';
  position: absolute;
  height: 84px;
  width: 1px;
  background-color: #c8c8c8;
  border-radius: 5px;
  left: -50%;
  transform: translateX(50%);
  top: 0;
}
@media only screen and (max-width: 767px) {
  .advantage:not(:first-child)::before {
    display: none;
  }
}
.advantage-img {
  max-width: 43px;
  width: 100%;
  height: 43px;
}
.advantage-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advantage-descr {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 16px;
  line-height: 18px;
}
.card-characters {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.row-characters {
  display: flex;
  justify-content: space-between;
  column-gap: 24px;
}
.card-character {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.gray-title {
  font-family: 'new-hero-semibold';
  color: #c8c8c8;
  font-size: 16px;
  line-height: 23px;
  font-variant: all-small-caps;
}
@media only screen and (max-width: 900px) {
  .gray-title {
    font-size: 14px;
    line-height: 22px;
  }
}
.product-btn {
  background-color: #50aa76;
  border-radius: 6px;
  max-width: 241px;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  cursor: pointer;
}
.product-btn:hover {
  background: #4c9458;
}
.product-btn span {
  font-family: 'new-hero-bold';
  text-transform: uppercase;
  color: #efefec;
  font-size: 16px;
}
@media only screen and (max-width: 900px) {
  .product-btn span {
    font-size: 14px;
  }
}
.gray-line {
  width: 100%;
  height: 1px;
  background-color: #c8c8c8;
  margin-top: auto;
}
.character-info {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 900px) {
  .character-info {
    font-size: 16px;
    line-height: 22px;
  }
}
.characters-preview {
  font-family: 'new-hero-regular';
  color: #4c9458;
  font-size: 20px;
  line-height: 28px;
  display: flex;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
}
@media only screen and (max-width: 900px) {
  .characters-preview {
    font-size: 18px;
    line-height: 26px;
  }
}
.characters-preview:hover .characters-arrow {
  transform: translateX(8px);
}
.characters-arrow {
  max-width: 18px;
  width: 100%;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}
.characters-arrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-price {
  font-family: 'new-hero-semibold';
  font-size: 28px;
  line-height: 39px;
  color: #4c9458;
}
@media only screen and (max-width: 900px) {
  .card-price {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .card-price {
    font-size: 20px;
    line-height: 24px;
  }
}
.total-sum {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tabs-list {
  display: flex;
  align-items: center;
  border: 1px solid #04562c;
}
@media only screen and (max-width: 900px) {
  .tabs-list {
    flex-direction: column;
  }
}
.tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 30px;
  flex: 1;
  transition: all 0.3s ease-in-out;
}
.tab:not(:first-child) {
  border-left: 1px solid #04562c;
}
@media only screen and (max-width: 900px) {
  .tab:not(:first-child) {
    border: none;
    border-top: 1px solid #04562c;
  }
}
@media only screen and (max-width: 900px) {
  .tab {
    width: 100%;
  }
}
.tab span {
  font-family: 'new-hero-bold';
  color: #adadad;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
  .tab span {
    font-size: 14px;
    line-height: 20px;
  }
}
.tab.is-active {
  background-color: #50aa76;
}
.tab.is-active span {
  color: #efefec;
}
.tab-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  display: none;
}
.tab-content p {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (max-width: 900px) {
  .tab-content p {
    font-size: 18px;
    line-height: 24px;
  }
}
.tab-content.is-active {
  display: block;
}
.product {
  display: flex;
  flex-direction: column;
}
.product-img {
  max-width: 360px;
  width: 100%;
  height: 463px;
}
@media only screen and (max-width: 900px) {
  .product-img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-img {
    height: auto;
  }
}
.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .product-img img {
    object-fit: contain;
  }
}
.product-description {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .product-description {
    text-align: center;
  }
}
.product-name {
  font-family: 'new-hero-semibold';
  font-size: 28px;
  line-height: 39px;
  color: #04562c;
}
@media only screen and (max-width: 900px) {
  .product-name {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .product-name {
    font-size: 18px;
    line-height: 24px;
  }
}
.product-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .product-price {
    flex-direction: column;
  }
}
.price {
  font-family: 'new-hero-bold';
  font-size: 18px;
  line-height: 34px;
  color: #4c9458;
}
@media only screen and (max-width: 900px) {
  .price {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .price {
    font-size: 16px;
    line-height: 20px;
  }
}
.price-prev {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 28px;
}
.btn {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #50aa76;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  cursor: pointer;
}
.btn:not(.white-btn):hover {
  background: #4c9458;
}
.btn.white-btn {
  background-color: #efefec;
  margin-top: 65px;
}
.btn.white-btn .btn-name-txt {
  color: #4c9458;
}
.btn.white-btn:hover .btn-name-txt {
  color: #04562c;
}
.btn[btn-w='328'] {
  width: 328px;
  height: 54px;
}
.btn[btn-w='328'] .btn-name-txt {
  font-size: 16px;
}
.btn[btn-w='275'] {
  width: 275px;
  height: 54px;
}
.btn[btn-w='275'] .btn-name-txt {
  font-family: 'new-hero-bold';
  font-size: 16px;
}
.btn[btn-w='256'] {
  width: 256px;
  height: 60px;
}
.btn[btn-w='256'] .btn-name-txt {
  font-size: 16px;
}
.btn[btn-w='241'] {
  width: 241px;
  height: 54px;
}
.btn[btn-w='241'] .btn-name-txt {
  font-size: 16px;
}
.btn[btn-w='224'] {
  width: 224px;
  height: 54px;
}
.btn[btn-w='224'].i-t-btn {
  margin-top: 32px;
}
.btn[btn-w='224'] .btn-name-txt {
  font-size: 16px;
}
.btn[btn-w='163'] {
  width: 163px;
  height: 41px;
}
.btn[btn-w='157'] {
  width: 157px;
  height: 54px;
}
.btn[btn-w='157'] .btn-name-txt {
  font-size: 16px;
}
.btn[btn-w='175'] {
  width: 175px;
  height: 54px;
}
.btn[btn-w='175'] .btn-name-txt {
  font-size: 16px;
}
.btn-name-txt {
  font-family: 'new-hero-semibold';
  color: #efefec;
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  transition: color 0.2s;
}
.select {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.select-conf {
  border: 1px solid #4c9458;
  height: 50px;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  padding-right: 16px;
  cursor: pointer;
}
.select-conf.open {
  pointer-events: none;
}
.select-conf.open .select-arr {
  transform: rotate(200grad);
}
.select-arr {
  width: 25px;
  font-size: 0;
  transition: transform 0.2s;
}
.select-arr img {
  width: 100%;
}
.select-val {
  flex: 1;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 20px;
}
.select-val-txt {
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #04562c;
}
.select-data {
  display: none;
  position: absolute;
  top: 100%;
  border: 1px solid #4c9458;
  border-top: none;
  left: 0;
  width: 100%;
  background: #efefec;
}
.select-data-blk {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
.select-data-item {
  padding-left: 20px;
  cursor: pointer;
}
.select-data-item:hover {
  opacity: 0.8;
}
.select-data-item-txt {
  font-size: 16px;
  font-family: 'new-hero-regular';
  color: #04562c;
}
.select-data-item:not(:first-child) {
  margin-top: 16px;
}
[popup='quest'] .popup-content {
  background: #fff;
  padding: 40px;
  padding-left: 45px;
  padding-right: 45px;
  align-items: center;
  width: 560px;
}
@media only screen and (max-width: 480px) {
  [popup='quest'] .popup-content {
    padding: 15px;
    padding-left: 45px;
    padding-right: 45px;
  }
}
.pq-title {
  padding-top: 32px;
  padding-bottom: 16px;
  margin-bottom: 11px;
}
@media only screen and (max-width: 480px) {
  .pq-title {
    padding: unset;
  }
}
.pq-title-txt {
  color: #04562c;
  font-size: 40px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 480px) {
  .pq-title-txt {
    font-size: 34px;
  }
}
.pq-capt {
  -webkit-box-flex: 0;
  display: flex;
  justify-content: center;
}
.pq-capt-txt {
  color: #4c9458;
  font-family: 'new-hero-regular';
  text-align: center;
  line-height: 1.55;
}
@media only screen and (max-width: 480px) {
  .pq-capt-txt {
    line-height: 1.2;
  }
}
.pq-form {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .pq-form {
    margin-top: 10px;
  }
}
.pq-form-err {
  margin-top: 5px;
  display: none;
}
.pq-form-err-txt {
  color: red;
  font-size: 13px;
  font-family: 'new-hero-regular';
}
.pq-form-err-mess {
  margin-top: 25px;
  display: none;
}
.pq-form-err-mess-blk {
  background: #f95d51;
  width: 100%;
  padding: 20px;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pq-form-err-mess-txt {
  text-align: center;
  font-family: 'new-hero-regular';
  color: #fff;
  font-size: 20px;
  line-height: 1.55;
}
.pq-form-err-mess-txt[err-mess] {
  display: none;
}
.pq-form-btn {
  width: 100%;
  height: 54px;
  margin-top: 25px;
}
.pq-form-btn .btn-name-txt {
  font-size: 16px;
}
.pq-form-val {
  height: 60px;
  padding: 0 20px;
  border: 1px solid #4c9458;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .pq-form-val {
    height: 58px;
  }
}
.pq-form-val[type-val='textarea'] {
  height: 106px;
  padding-top: 17px;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .pq-form-val[type-val='textarea'] {
    height: unset;
  }
}
.pq-form-val[type-val='textarea'] .plh {
  padding-top: 17px;
  height: auto;
}
.pq-form-val-plh {
  padding: 0 20px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
.pq-form-val-plh-txt {
  font-size: 16px;
  line-height: 1.33;
  color: #4c9458;
  font-family: 'new-hero-regular';
}
.pq-form-val .inp {
  font-size: 16px;
  line-height: 1.33;
  color: #04562c;
  font-family: 'new-hero-medium';
}
.pq-form-item {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
.pq-form-item:not(:first-child) {
  margin-top: 25px;
}
@media only screen and (max-width: 480px) {
  .pq-form-item:not(:first-child) {
    margin-top: 5px;
  }
}
.pq-form-i-name {
  margin-bottom: 5px;
}
.pq-form-i-name-txt {
  color: #adadad;
  font-family: 'new-hero-medium';
  font-size: 20px;
  line-height: 1.55;
}
@media only screen and (max-width: 480px) {
  .pq-form-i-name-txt {
    font-size: 18px;
  }
}
[popup="openSlide"] {
  opacity: 0;
  transition: opacity 0.2s;
}
[popup="openSlide"].vis {
  opacity: 1;
}
[popup="openSlide"] .popup-content {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  [popup="openSlide"] .popup-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
[popup="openSlide"] .popup-content .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  overflow: hidden;
}
[popup="openSlide"] .popup-content .swiper-slide .slide-img {
  width: 100%;
}
[popup="openSlide"] .popup-content .swiper-slide .slide-img.vertical-img {
  width: auto;
  height: 100%;
}
[popup="openSlide"] .popup-content .swiper-slide .slide-img.vertical-img img {
  height: 100%;
  width: auto;
}
[popup="openSlide"] .popup-content .swiper-slide .slide-img img {
  width: 100%;
  height: auto;
}
[popup="openSlide"] .popup-section {
  display: flex;
  align-items: center;
}
[popup="openSlide"] .popup-swiper {
  height: 100%;
  width: 100%;
}
[popup="openSlide"] .swiper-wrapper {
  display: flex;
  align-items: center;
}
[popup="openSlide"] .popup-nav {
  width: 50px;
  height: 30px;
  cursor: pointer;
}
[popup="openSlide"] .popup-nav .slider-arr-mob-img {
  display: none;
}
@media only screen and (max-width: 767px) {
  [popup="openSlide"] .popup-nav .slider-arr-mob-img {
    display: block;
  }
}
[popup="openSlide"] .popup-nav img {
  width: 100%;
}
[popup="openSlide"] .popup-swiper-prev {
  position: absolute;
  left: 25px;
  z-index: 16;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width: 767px) {
  [popup="openSlide"] .popup-swiper-prev {
    z-index: 2;
    background: #04562c;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    -webkit-box-flex: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [popup="openSlide"] .popup-swiper-prev > img {
    display: none;
  }
}
[popup="openSlide"] .popup-swiper-next {
  position: absolute;
  right: 25px;
  z-index: 16;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  [popup="openSlide"] .popup-swiper-next {
    z-index: 2;
    background: #04562c;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    -webkit-box-flex: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [popup="openSlide"] .popup-swiper-next > img {
    display: none;
  }
}
.popup-swiper-nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 50%;
}
.review__card {
  cursor: pointer;
  background-color: #fff;
  padding: 40px;
  max-width: 520px;
  width: 100%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 440px;
}
@media only screen and (max-width: 1220px) {
  .review__card {
    max-width: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .review__card {
    padding: 20px;
  }
}
.review__card .review__card-name {
  margin-bottom: 7px;
}
.review__card .review__name-txt {
  font-family: 'new-hero-medium';
  color: #000;
  font-size: 26px;
  line-height: 1.23;
}
@media only screen and (max-width: 1220px) {
  .review__card .review__name-txt {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .review__card .review__name-txt {
    font-size: 16px;
  }
}
.review__card .review__card-order {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .review__card .review__card-order {
    margin-bottom: 25px;
  }
}
.review__card .review__order-txt {
  font-size: 16px;
  line-height: 1.55;
  font-family: 'new-hero-light';
  color: #777777;
}
@media only screen and (max-width: 1220px) {
  .review__card .review__order-txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .review__card .review__order-txt {
    font-size: 12px;
  }
}
.review__card .review__review-txt {
  font-size: 20px;
  line-height: 1.55;
  color: #04562c;
  font-family: 'new-hero-light';
}
@media only screen and (max-width: 1220px) {
  .review__card .review__review-txt {
    font-size: 18px;
    line-height: 1.55;
  }
}
@media only screen and (max-width: 767px) {
  .review__card .review__review-txt {
    font-size: 16px;
    line-height: 1.55;
  }
}
.photo-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-content img {
  width: 100%;
  height: 100%;
  max-height: 90vh;
  max-width: 90vw;
}
.swiper__play-wrapper {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.swiper__play-wrapper img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .swiper__wrapper-videos {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.review__video .review__title-wrapper {
  max-width: 1160px;
  width: calc(100% - 60px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.review__video .review__video-title {
  font-family: 'new-hero-medium';
  color: #04562c;
  font-size: 72px;
  line-height: 94px;
}
@media only screen and (max-width: 1220px) {
  .review__video .review__video-title {
    font-size: 78px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .review__video .review__video-title {
    font-size: 40px;
    line-height: 44px;
  }
}
.review__video .review__title-bush {
  width: 63px;
  height: 32px;
  margin-top: 20px;
}
.review__video .review__title-bush img {
  width: 100%;
}
.videos-slide {
  border-radius: 32px;
  box-shadow: 0px 4px 16px 0px rgba(41, 41, 41, 0);
  overflow: hidden;
  cursor: pointer;
  height: auto !important;
}
@media only screen and (min-width: 900px) {
  .videos-slide {
    max-width: 360px;
    width: 360px !important;
    height: 640px !important;
  }
}
.videos-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videos-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper__videos-nav {
  display: flex;
  align-items: center;
  max-width: 1160px;
  width: calc(100% - 60px);
  margin: 0 auto;
  margin-top: 35px;
}
.products-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .products-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .products-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main-title {
  font-size: 56px;
  line-height: 79px;
  color: #04562c;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .main-title {
    font-size: 48px;
    line-height: 56px;
  }
}
.grid-item {
  display: flex;
  flex-direction: column;
}
.grid-img {
  max-width: 360px;
  width: 100%;
}
.grid-img img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
}
.grid-text {
  margin-top: 16px;
}
.grid-name span {
  font-size: 28px;
  line-height: 39px;
  color: #04562c;
  font-family: 'new-hero-semibold';
}
@media only screen and (max-width: 767px) {
  .grid-name span {
    font-size: 22px;
    line-height: 33px;
  }
}
.grid-descr {
  margin-top: 8px;
}
.grid-before {
  font-family: 'new-hero-regular';
  font-size: 20px;
  line-height: 28px;
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .grid-before {
    font-size: 16px;
    line-height: 24px;
  }
}
.grid-price {
  font-family: 'new-hero-bold';
  font-size: 24px;
  line-height: 34px;
  color: #4c9458;
}
@media only screen and (max-width: 767px) {
  .grid-price {
    font-size: 20px;
    line-height: 30px;
  }
}
.audio__swiper .review__slide {
  height: auto;
}
.audio__swiper .review__card {
  height: 100% !important;
}
.audio__swiper .review__card-review {
  margin-top: auto;
}
.audio__swiper .review__card-order {
  margin-bottom: 56px;
}
.audio-controls {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.audio-action {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background-color: #50aa76;
  font-size: 0;
  cursor: pointer;
}
.audio-action img {
  object-fit: cover;
}
[data-pause] {
  width: 10px;
  height: 14px;
}
[data-play] {
  width: 12px;
  height: 16px;
  transform: translateX(1px);
}
.track {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.track__times {
  margin-top: 4px;
}
.audiotrack {
  height: 2px;
  overflow: hidden;
  border-radius: 20px;
  background-color: #aecfbc;
  min-width: 100px;
}
.current-track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #4B9458;
  transition: 0.5s ease-in width;
}
.times {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.times span {
  font-family: 'new-hero-regular';
  color: #c8c8c8;
  font-size: 8px;
}
[data-pause] {
  display: none;
}
html,
body {
  height: 100%;
}
.gratitude-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .gratitude-page [foo-anim="2"] {
    display: none;
  }
}
.gratitude-page .content {
  height: 100%;
  flex: 1;
}
.gratitude-page__gratitude-title {
  margin-top: 52px;
}
.gratitude-page__gratitude-description {
  margin-top: 28px;
}
.gratitude-page__gratitude-info {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .gratitude-page__pick-phone {
    margin-top: 16px;
  }
}
.gratitude-page .i-t-btn {
  margin-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .gratitude-page .i-t-btn {
    max-width: 100%;
    width: 100%;
  }
}
.gratitude-title {
  font-size: 64px;
  line-height: 90px;
  font-family: 'new-hero-medium';
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .gratitude-title {
    font-size: 40px;
    line-height: 56px;
  }
}
.gratitude-description {
  font-size: 16px;
  line-height: 22px;
  font-family: 'new-hero-regular';
  color: #04562c;
}
.gratitude-info {
  display: flex;
  column-gap: 32px;
}
@media only screen and (max-width: 767px) {
  .gratitude-info {
    flex-direction: column;
  }
}
.numbers-list {
  display: flex;
  flex-direction: column;
  row-gap: 9px;
}
.number-item {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.number {
  color: #04562c;
  font-family: 'new-hero-regular';
  font-size: 16px;
  line-height: 22px;
}
.pick-phone {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  max-width: 369px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pick-phone span {
  font-size: 16px;
  line-height: 22px;
  color: #8D8D8D;
  font-family: 'new-hero-regular';
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 15;
}
.popup {
  display: none;
}
.popup-section {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.p-cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 23px;
  height: 23px;
  font-size: 0;
  cursor: pointer;
  transition: opacity ease-in-out 0.3s;
}
.p-cross:hover {
  opacity: 0.7;
}
.p-cross img {
  width: 100%;
}
.popup-content {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.feedback {
  padding-top: 90px;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  padding-bottom: 150px;
}
.feedback-content {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.fb-head {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.fb-cont {
  -webkit-box-flex: 0;
  display: flex;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .fb-cont {
    flex-direction: column;
  }
}
.fb-title-txt {
  line-height: 65px;
  font-size: 42px;
  font-family: 'new-hero-medium';
  color: #04562c;
}
@media only screen and (max-width: 767px) {
  .fb-title-txt {
    font-size: 38px;
    line-height: 59px;
  }
}
.fb-img-back {
  position: absolute;
  left: -20px;
  top: -141px;
  width: 1368px;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.fb-img-back img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .fb-img-back {
    width: 1000px;
    top: -100px;
    margin-top: 0px;
  }
}
.fb-capt {
  margin-top: 15px;
}
.fb-capt-txt {
  font-size: 20px;
  font-family: 'new-hero-regular';
  color: #04562c;
  line-height: 31px;
}
@media only screen and (max-width: 767px) {
  .fb-capt-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.fb-left {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  width: 516px;
}
@media only screen and (max-width: 1220px) {
  .fb-left {
    width: calc((100vw - 768px)/((1220 - 768)/(516 - 350)) + 350px);
  }
}
@media only screen and (max-width: 768px) {
  .fb-left {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .fb-left {
    width: 100%;
  }
}
.fb-right {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 107px;
  position: relative;
}
@media only screen and (max-width: 1220px) {
  .fb-right {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fb-right {
    margin-left: 0;
    margin-top: 100px;
  }
}
.fb-r-capt {
  max-width: 484px;
  margin-top: 20px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .fb-r-capt {
    margin-top: 0;
  }
}
.fb-r-capt-txt {
  line-height: 31px;
  font-size: 20px;
  color: #04562c;
  font-family: 'new-hero-regular';
}
@media only screen and (max-width: 767px) {
  .fb-r-capt-txt {
    font-size: 16px;
    line-height: 25px;
  }
}
.fb-r-title {
  -webkit-box-flex: 0;
  display: flex;
  align-items: baseline;
  z-index: 2;
}
.fb-r-title-capt-txt {
  color: #50aa76;
  font-size: 32px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .fb-r-title-capt-txt {
    font-size: 22px;
    line-height: 34px;
  }
}
.fb-r-title-img {
  width: 55px;
  font-size: 0;
  margin-left: 5px;
}
.fb-r-title-img img {
  width: 100%;
}
.fb-form-plh {
  position: absolute;
  top: -15px;
  left: 14px;
  padding-left: 8px;
  padding-right: 16px;
  background: #efefec;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .fb-form-plh {
    top: -8px;
  }
}
.fb-form-plh-txt {
  color: #adadad;
  font-size: 20px;
  font-family: 'new-hero-light';
}
@media only screen and (max-width: 767px) {
  .fb-form-plh-txt {
    font-size: 16px;
  }
}
.fb-form-input {
  position: relative;
  height: 50px;
  width: 100%;
  border: 1px solid #04562c;
  z-index: 1;
  padding-left: 16px;
  transition: border-color 0.2s;
}
.fb-form-input.err-inp {
  border-color: red;
}
.fb-form-input[fb-type='textarea'] {
  height: 90px;
}
.fb-form-input[fb-type='textarea'] textarea {
  padding-top: 4px;
}
.fb-form-input input,
.fb-form-input textarea {
  font-size: 16px;
  color: #04562c;
  font-family: 'new-hero-regular';
}
.fb-form-item {
  position: relative;
}
.fb-form-item:not(:first-child) {
  margin-top: 50px;
}
.fb-form-btn {
  margin-top: 20px;
}
[slider] {
  width: 100%;
}
[slider] .swiper-wrapper {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
[slider] .swiper-slide {
  font-size: 0;
  width: 560px;
}
[slider] .swiper-slide .slide-img {
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 420px;
}
@media only screen and (max-width: 767px) {
  [slider] .swiper-slide .slide-img {
    height: calc((100vw - 320px)/((767 - 320)/(310 - 110)) + 110px);
  }
}
@media only screen and (max-width: 320px) {
  [slider] .swiper-slide .slide-img {
    height: 110px;
  }
}
[slider] .swiper-slide .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-blk {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 54px;
}
.swiper-blk .swiper {
  width: 100%;
}
.slider-blk {
  width: calc(100% - 60px);
}
.slider-arrows {
  -webkit-box-flex: 0;
  display: flex;
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .slider-arrows {
    margin-top: 0;
  }
}
.slider-arr {
  width: 58px;
  font-size: 0;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .slider-arr {
    display: none;
  }
}
.slider-arr:nth-child(2) {
  transform: rotate(200grad);
  margin-left: 30px;
}
.slider-arr img {
  width: 100%;
}
.slider-arr-mob {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 100px;
  font-size: 0;
  background: #04562c;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  cursor: pointer;
}
.slider-arr-mob[slider-arr-pos='left'] {
  left: -20px;
}
.slider-arr-mob[slider-arr-pos='right'] {
  right: -20px;
}
@media only screen and (max-width: 767px) {
  .slider-arr-mob {
    -webkit-box-flex: 0;
    display: flex;
  }
}
.slider-arr-mob.arr-rotate .slider-arr-mob-img {
  transform: rotate(200grad);
}
.slider-arr-mob-img {
  width: 30%;
  font-size: 0;
}
.slider-arr-mob-img img {
  width: 100%;
}
.calculate {
  position: relative;
}
.calculate__container {
  position: relative;
  padding-bottom: 195px;
}
.calculate__container .calculate__grass-r {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 283px;
  height: 140px;
}
.calculate__container .calculate__grass-r img {
  width: 100%;
}
.calculate__grass-l {
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 283px;
  height: 140px;
}
.calculate__grass-l img {
  width: 100%;
}
.calculate__top {
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .calculate__top {
    margin-top: 50px;
  }
}
.calculate__top .calculate__title {
  font-family: 'new-hero-medium';
  line-height: 55px;
  color: #04562c;
  font-size: 42px;
  position: relative;
  display: inline-block;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .calculate__top .calculate__title {
    font-size: 38px;
    line-height: 49px;
  }
}
.calculate__top .calculate__title .title__dash {
  display: inline-block;
  width: 475px;
  font-size: 0;
  position: relative;
  top: -10px;
}
.calculate__top .calculate__title .title__dash img {
  width: 100%;
}
@media only screen and (max-width: 1220px) {
  .calculate__top .calculate__title .title__dash {
    width: calc((100vw - 768px)/((1220 - 768)/(475 - 40)) + 40px);
  }
}
@media only screen and (max-width: 768px) {
  .calculate__top .calculate__title .title__dash {
    width: 40px;
  }
}
.calculate__top .calculate__region {
  position: absolute;
  top: 70px;
  right: 75px;
  text-align: right;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .calculate__top .calculate__region {
    position: relative;
    top: 0;
    right: 0;
    margin-right: auto;
    text-align: left;
    width: calc(100% - 34px);
  }
}
.calculate__top .calculate__region .calculate__text {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 24px;
  line-height: 31px;
}
@media only screen and (max-width: 767px) {
  .calculate__top .calculate__region .calculate__text {
    font-size: 16px;
    line-height: 21px;
  }
  .calculate__top .calculate__region .calculate__text br {
    display: none;
  }
}
.calculate__top .calculate__region .region__img {
  position: absolute;
  left: 102%;
  top: 14px;
  width: 63px;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .calculate__top .calculate__region .region__img {
    width: 34px;
    top: 0;
  }
}
.calculate__top .calculate__region .region__img img {
  width: 100%;
}
.calculate__form {
  position: relative;
  margin-top: 58px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .calculate__form {
    margin-top: 35px;
  }
}
.calculate__form .select-title {
  font-family: 'new-hero-regular';
  color: #adadad;
  font-size: 20px;
  background-color: inherit;
  position: absolute;
  top: -12px;
  left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #efefec;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .calculate__form .select-title {
    font-size: 16px;
    top: -8px;
  }
}
.calculate__form .select-group {
  margin-bottom: 20px;
}
.calculate__form .select__wrapper {
  position: relative;
  max-width: 556px;
}
.calculate__form .select__wrapper .select-conf {
  height: 69px;
}
@media only screen and (max-width: 767px) {
  .calculate__form .select__wrapper .select-conf {
    height: 50px;
  }
}
.calculate__form .calculate__select {
  font-family: 'new-hero-regular';
  color: #04562c;
  border: 1px solid #04562c;
  background-color: transparent;
  font-size: 16px;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  padding: 25px 45px 25px 20px;
  cursor: pointer;
}
.calculate__form .calculate__select option {
  color: #000;
}
.products {
  background-color: #4c9458;
  padding-top: 90px;
  margin-top: 132px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .products {
    padding-bottom: 100px;
  }
}
.products + .installed {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .products + .installed {
    padding-top: 0;
  }
}
.products .products__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.products .products__inner [portf-big='1'] {
  top: -100px;
}
.products .products__inner:not(:first-child) {
  margin-top: 80px;
}
@media only screen and (max-width: 480px) {
  .products .products__inner:not(:first-child) {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 900px) {
  .products .products__inner {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .products .products__inner .products__info {
    position: relative;
  }
}
.products .products__inner .products__title {
  font-family: 'new-hero-medium';
  line-height: 50px;
  color: #04562c;
  font-size: 40px;
  margin: 0;
}
@media only screen and (max-width: 1220px) {
  .products .products__inner .products__title {
    font-size: 38px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 900px) {
  .products .products__inner .products__title {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .products .products__inner .products__title {
    font-size: 26px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 480px) {
  .products .products__inner .products__title {
    font-size: 18px;
    line-height: 23px;
  }
}
.products .products__inner .product__price {
  font-family: 'new-hero-bold';
  line-height: 20px;
  color: #efefec;
  font-size: 32px;
  margin-top: 25px;
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 1220px) {
  .products .products__inner .product__price {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 900px) {
  .products .products__inner .product__price {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .products .products__inner .product__price {
    font-size: 28px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 480px) {
  .products .products__inner .product__price {
    font-size: 20px;
    line-height: 25px;
  }
}
.products .products__inner .product__price::before {
  content: '';
  position: absolute;
  background-color: #04562c;
  height: 1px;
  max-width: 30px;
  width: 100%;
  left: 0;
  top: 50%;
}
.products .products__inner .product__characters {
  margin-top: 30px;
  font-family: 'new-hero-medium';
  line-height: 25px;
  font-size: 16px;
  color: #04562c;
}
@media only screen and (max-width: 480px) {
  .products .products__inner .product__characters {
    font-size: 14px;
    line-height: 22px;
  }
}
.products .products__inner .product__characters .poduct__char-desc {
  margin-top: 10px;
}
.products .products__inner .product__characters .product__char {
  font-family: 'new-hero-bold';
}
.products .products__inner .product__btn {
  background-color: #efefec;
  margin-top: 40px;
}
@media only screen and (max-width: 900px) {
  .products .products__inner .product__btn {
    position: absolute;
    left: 60%;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .products .products__inner .product__btn {
    position: static;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .products .products__inner .product__btn {
    margin-top: 30px;
  }
}
.products .products__inner .product__btn:hover .btn-name-txt {
  color: #04562c;
}
.products .products__inner .product__btn .btn-name-txt {
  transition: 0.1s color ease-in;
  color: #4c9458;
}
@media only screen and (max-width: 480px) {
  .products .products__inner .product__btn .btn-name-txt {
    font-size: 14px;
  }
}
.products .products__inner .products__img {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .products .products__inner .products__img {
    flex-direction: column-reverse;
    max-width: 100%;
    height: auto;
  }
  .products .products__inner .products__img img {
    width: 100%;
  }
}
.products .products__inner .products__img .products__stones {
  width: 73px;
  height: 35px;
  position: absolute;
  bottom: 40px;
  left: -90px;
  opacity: 0.5;
}
.products .products__inner .products__img .products__stones img {
  width: 100%;
}
.stock {
  background-color: #4c9458;
  position: relative;
  max-height: 710px;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .stock {
    max-height: 1000vh;
  }
}
@media only screen and (max-width: 767px) {
  .stock .slider-arr-mob {
    top: calc((100vw - 320px)/((767 - 320)/(373 - 240)) + 240px);
  }
}
@media only screen and (max-width: 320px) {
  .stock .slider-arr-mob {
    top: 240px;
  }
}
@media only screen and (max-width: 480px) {
  .stock .btn {
    width: 100%;
  }
  .stock .btn .btn-name {
    text-align: center;
    -webkit-box-flex: 0;
    display: flex;
    justify-content: center;
  }
  .stock .btn .btn-name-txt {
    font-size: 14px;
  }
}
.stock-slider-blk .container {
  position: relative;
}
.stocks-arrows {
  position: absolute;
  right: 30px;
  top: 35px;
  margin-top: 0;
  z-index: 2;
}
.stock .green {
  position: absolute;
  top: 80%;
  left: 60px;
  right: 0;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  opacity: 0.5;
  font-size: 0;
}
@media only screen and (max-width: 1220px) {
  .stock .green {
    width: calc(100% - 60px);
  }
}
.stock .green img {
  width: 100%;
}
.stock__content {
  display: grid;
  grid-template-columns: 1fr minmax(0.5fr, 730px);
  grid-template-rows: 0fr auto;
  padding-bottom: 165px;
}
@media only screen and (max-width: 900px) {
  .stock__content {
    grid-template-columns: 1fr;
  }
}
.stock__info {
  display: flex;
  flex-direction: column;
}
.stock__info-blk {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  grid-column: 1/span 1;
  grid-row: span 1;
}
@media only screen and (max-width: 900px) {
  .stock__info-blk {
    grid-row: 1/span 1;
  }
}
.stock__vorota {
  font-family: 'new-hero-medium';
  color: #efefec;
  font-size: 38px;
  line-height: 48px;
}
@media only screen and (max-width: 1220px) {
  .stock__vorota {
    font-size: 30px;
    line-height: 38px;
  }
}
.stock__order {
  font-family: 'new-hero-medium';
  color: #04562c;
  line-height: 34px;
  font-size: 22px;
}
@media only screen and (max-width: 1220px) {
  .stock__order {
    font-size: 24px;
    line-height: 32px;
  }
}
.stock__prices {
  display: flex;
  column-gap: 20px;
  align-items: flex-end;
  margin-top: 55px;
}
@media only screen and (max-width: 480px) {
  .stock__prices {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.stock__prices-blk {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  grid-column: 1/span 1;
  grid-row: span 1;
}
@media only screen and (max-width: 900px) {
  .stock__prices-blk {
    grid-row: 3/span 1;
  }
}
.stock__oldprice {
  font-family: 'new-hero-medium';
  color: #efefec;
  font-size: 27px;
  opacity: 0.6;
  line-height: 35px;
  position: relative;
}
@media only screen and (max-width: 1220px) {
  .stock__oldprice {
    font-size: 20px;
    line-height: 30px;
  }
}
.stock__oldprice::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #efefec;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stock__price {
  font-family: 'new-hero-medium';
  color: #efefec;
  font-size: 36px;
  line-height: 49px;
  display: block;
}
@media only screen and (max-width: 1220px) {
  .stock__price {
    font-size: 26px;
    line-height: 39px;
  }
}
.stock__autumn {
  margin-left: 20px;
}
@media only screen and (max-width: 480px) {
  .stock__autumn {
    margin-left: 0;
    margin-top: 20px;
  }
}
.stock__autumn-text {
  font-family: 'new-hero-medium';
  color: #04562c;
  font-size: 16px;
  line-height: 26px;
}
.stock__img {
  max-width: 600px;
  max-height: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  grid-column: 2/span 1;
  grid-row: 1/span 2;
  align-self: center;
  cursor: pointer;
}
@media only screen and (max-width: 900px) {
  .stock__img {
    max-width: 100%;
    grid-column: 1;
    grid-row: 2/span 1;
  }
}
.stock__img img {
  height: 100%;
  width: 100%;
}
.stock__title {
  margin-top: 45px;
}
.stock__title .title-small-txt {
  font-family: 'new-hero-medium';
  color: #04562c;
  font-size: 56px;
  line-height: 87px;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 1220px) {
  .stock__title .title-small-txt {
    font-size: 38px;
    line-height: 38px;
  }
}
[slider='stocks'] {
  margin-top: 16px;
}
.title-page {
  position: relative;
  -webkit-box-flex: 0;
  display: flex;
  justify-content: flex-start;
}
.title-p-txt {
  font-size: 125px;
  color: #04562c;
  line-height: 125px;
  font-family: 'new-hero-medium';
  text-align: left;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1220px) {
  .title-p-txt {
    font-size: 78px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .title-p-txt {
    font-size: 34px;
    line-height: 44px;
  }
}
.title-p-small {
  -webkit-box-flex: 0;
  display: flex;
  justify-content: center;
  align-self: flex-start;
  text-align: left;
  margin-right: auto;
  position: relative;
}
.title-p-big {
  position: absolute;
  opacity: 0.15;
  bottom: -34px;
  z-index: -1;
  pointer-events: none;
  font-family: 'new-hero-semibold';
}
@media only screen and (max-width: 767px) {
  .title-p-big {
    bottom: -11px;
  }
}
.title-p-big-txt {
  line-height: 221px;
  font-size: 221px;
  white-space: nowrap;
  color: #c8c8c8;
}
@media only screen and (max-width: 1220px) {
  .title-p-big-txt {
    font-size: 115px;
    line-height: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .title-p-big-txt {
    font-size: 80px;
    line-height: 80px;
  }
}
.index-fp {
  width: 100%;
  height: 8000px;
  display: none;
}
.index-fp-blk {
  height: 100vh;
  position: sticky;
  top: 90px;
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.i-fp-content {
  -webkit-box-flex: 0;
  display: flex;
}
.i-fp-title {
  margin-top: 100px;
}
.i-fp-title-txt {
  line-height: 65px;
  font-size: 42px;
  color: #04562c;
  font-family: 'new-hero-medium';
}
.i-fp-info {
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.i-fp-info-blk {
  position: relative;
  -webkit-box-flex: 0;
  display: flex;
  align-items: center;
}
.i-fp-info-item {
  -webkit-box-flex: 0;
  display: flex;
}
.i-fp-info-item:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.i-fp-img {
  position: absolute;
  opacity: 0;
  font-size: 0;
}
.i-fp-img img {
  width: 100%;
}
.i-fp-img[fp-img='2'] {
  top: -19%;
  left: 6%;
  width: 88%;
  transform: translateY(-16px);
}
.i-fp-img[fp-img='3'] {
  top: -14%;
  left: 17.7%;
  width: 68%;
  transform: translateY(-32px);
}
.i-fp-img[fp-img='4'] {
  top: 36%;
  left: 26%;
  width: 29%;
}
.i-fp-img[fp-img='5'] {
  top: -19%;
  left: 6%;
  width: 88%;
}
.i-fp-img[fp-img='6'] {
  top: -20%;
  left: 6%;
  width: 87%;
}
.i-fp-img-blk {
  position: relative;
  flex: 1;
  top: 50px;
}
.i-fp-img-first {
  font-size: 0;
}
.i-fp-img-first img {
  width: 100%;
}
.i-fp-i-num {
  margin-right: 30px;
}
.i-fp-i-num-txt {
  line-height: 93px;
  font-size: 60px;
  color: #c8c8c8;
  font-family: 'new-hero-bold';
}
.i-fp-i-cont {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
}
.i-fp-i-capt {
  width: 401px;
}
.i-fp-i-capt-txt {
  line-height: 47px;
  color: #50aa76;
  font-size: 30px;
  font-family: 'new-hero-regular';
}
.i-fp-i-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 15px;
  grid-column-gap: 30px;
  margin-top: 25px;
}
.i-fp-i-li {
  position: relative;
  padding-left: 14px;
}
.i-fp-i-li:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  top: 9px;
  left: 0;
  border-radius: 100px;
  background: #04562c;
}
.i-fp-i-li-txt {
  font-size: 20px;
  font-family: 'new-hero-light';
  color: #04562c;
}
.steps__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.step-img__wrapper {
  width: 32px;
  height: 14px;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 0;
}
@media only screen and (max-width: 900px) {
  .step-img__wrapper {
    width: 29px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .step-img__wrapper {
    width: 18px;
    height: 8px;
  }
}
@media only screen and (max-width: 374px) {
  .step-img__wrapper {
    width: 20px;
    height: 9px;
  }
}
.step-img__wrapper img {
  width: 100%;
  transition-delay: 1s;
  transition: 0.3s opacity ease-in-out;
}
.step-vis {
  opacity: 1;
}
.step-img-rotate {
  transform: rotateX(180deg);
}
[data-step='0'] {
  top: 6%;
  left: 19%;
}
@media only screen and (max-width: 900px) {
  [data-step='0'] {
    left: 27%;
    top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='0'] {
    left: 24%;
    top: 4%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='0'] {
    left: 34%;
    top: 5%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='0'] {
    left: 49%;
    top: 5%;
  }
}
[data-step='1'] {
  left: 23%;
  top: 3%;
}
@media only screen and (max-width: 900px) {
  [data-step='1'] {
    left: 32%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='1'] {
    left: 29%;
    top: 1%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='1'] {
    left: 41%;
    top: 2%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='1'] {
    left: 58%;
    top: 3%;
  }
}
[data-step='2'] {
  top: 1%;
  left: 34%;
  transform: rotate(4deg);
}
@media only screen and (max-width: 900px) {
  [data-step='2'] {
    left: 46%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='2'] {
    left: 54%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='2'] {
    left: 79%;
    top: 4%;
  }
}
[data-step='3'] {
  left: 38%;
  top: -1%;
}
@media only screen and (max-width: 900px) {
  [data-step='3'] {
    left: 51%;
    top: -1%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='3'] {
    left: 63%;
    top: -1%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='3'] {
    left: 91%;
    top: 2%;
  }
}
[data-step='4'] {
  top: 3%;
  left: 51%;
  transform: rotate(10deg);
}
@media only screen and (max-width: 900px) {
  [data-step='4'] {
    left: 60%;
    top: 3%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='4'] {
    left: 75%;
    top: 2%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='4'] {
    display: none;
  }
}
[data-step='5'] {
  left: 57%;
  top: 2%;
  transform: rotate(25deg);
}
@media only screen and (max-width: 900px) {
  [data-step='5'] {
    left: 65%;
    top: 3%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='5'] {
    left: 64%;
    top: 1%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='5'] {
    left: 82%;
    top: 1%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='5'] {
    display: none;
  }
}
[data-step='6'] {
  top: 10%;
  left: 64%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='6'] {
    top: 16%;
    left: 90%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='6'] {
    top: 13%;
    left: 74%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='6'] {
    top: 12%;
    left: 87%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='6'] {
    display: none;
  }
}
[data-step='7'] {
  left: 67%;
  top: 14%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='7'] {
    left: 94%;
    top: 22%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='7'] {
    left: 78%;
    top: 17%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='7'] {
    left: 92%;
    top: 17%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='7'] {
    display: none;
  }
}
[data-step='8'] {
  top: 23%;
  left: 58%;
  transform: rotate(135deg);
}
@media only screen and (max-width: 900px) {
  [data-step='8'] {
    top: 26%;
    left: 78%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='8'] {
    top: 26%;
    left: 72%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='8'] {
    top: 31%;
    left: 83%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='8'] {
    top: 26%;
    left: 89%;
  }
}
[data-step='9'] {
  left: 58%;
  top: 28%;
  transform: rotate(135deg);
}
@media only screen and (max-width: 900px) {
  [data-step='9'] {
    left: 77%;
    top: 31%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='9'] {
    left: 71%;
    top: 32%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='9'] {
    left: 85%;
    top: 35%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='9'] {
    left: 87%;
    top: 31%;
  }
}
[data-step='10'] {
  top: 30%;
  left: 43%;
  transform: rotate(180deg);
}
@media only screen and (max-width: 900px) {
  [data-step='10'] {
    top: 32%;
    left: 52%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='10'] {
    top: 30%;
    left: 54%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='10'] {
    top: 30%;
    left: 54%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='10'] {
    top: 29%;
    left: 58%;
  }
}
[data-step='11'] {
  left: 38%;
  top: 33%;
  transform: rotate(180deg);
}
@media only screen and (max-width: 900px) {
  [data-step='11'] {
    left: 45%;
    top: 35%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='11'] {
    left: 49%;
    top: 34%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='11'] {
    left: 49%;
    top: 34%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='11'] {
    left: 49%;
    top: 32%;
  }
}
[data-step='12'] {
  top: 32%;
  left: 0%;
  transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  [data-step='12'] {
    top: 32%;
    left: 5%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='12'] {
    top: 32%;
    left: -6%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='12'] {
    display: none;
  }
}
[data-step='13'] {
  left: -1%;
  top: 38%;
  transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  [data-step='13'] {
    left: 5%;
    top: 38%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='13'] {
    left: -6%;
    top: 38%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='13'] {
    display: none;
  }
}
[data-step='14'] {
  top: 50%;
  left: -8%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='14'] {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='14'] {
    top: 50%;
    left: -8%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='14'] {
    top: 50%;
    left: -8%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='14'] {
    top: 50%;
    left: -11%;
  }
}
[data-step='15'] {
  left: -5%;
  top: 54%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='15'] {
    display: none;
  }
}
@media mob {
  [data-step='15'] {
    display: block;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='15'] {
    left: -6%;
    top: 53%;
  }
}
[data-step='16'] {
  top: 60%;
  left: 20%;
}
@media only screen and (max-width: 900px) {
  [data-step='16'] {
    top: 60%;
    left: 33%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='16'] {
    top: 59%;
    left: 26%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='16'] {
    top: 59%;
    left: 34%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='16'] {
    top: 56%;
    left: 47%;
  }
}
[data-step='17'] {
  left: 25%;
  top: 58%;
}
@media only screen and (max-width: 900px) {
  [data-step='17'] {
    left: 40%;
    top: 58%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='17'] {
    left: 31%;
    top: 56%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='17'] {
    left: 39%;
    top: 56%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='17'] {
    left: 59%;
    top: 54%;
  }
}
[data-step='18'] {
  top: 59%;
  left: 37%;
  transform: rotate(3deg);
}
@media only screen and (max-width: 900px) {
  [data-step='18'] {
    top: 59%;
    left: 56%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='18'] {
    top: 59%;
    left: 46%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='18'] {
    top: 59%;
    left: 53%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='18'] {
    top: 56%;
    left: 76%;
  }
}
[data-step='19'] {
  left: 42%;
  top: 57%;
}
@media only screen and (max-width: 900px) {
  [data-step='19'] {
    left: 63%;
    top: 57%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='19'] {
    left: 52%;
    top: 57%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='19'] {
    left: 60%;
    top: 56%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='19'] {
    left: 84%;
    top: 54%;
  }
}
[data-step='20'] {
  top: 63%;
  left: 54%;
  transform: rotate(25deg);
}
@media only screen and (max-width: 900px) {
  [data-step='20'] {
    top: 62%;
    left: 80%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='20'] {
    top: 61%;
    left: 66%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='20'] {
    top: 61%;
    left: 74%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='20'] {
    top: 63%;
    left: 101%;
  }
}
[data-step='21'] {
  left: 59%;
  top: 61%;
  transform: rotate(25deg);
}
@media only screen and (max-width: 900px) {
  [data-step='21'] {
    left: 87%;
    top: 61%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='21'] {
    left: 71%;
    top: 59%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='21'] {
    left: 80%;
    top: 59%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='21'] {
    display: none;
  }
}
[data-step='22'] {
  top: 69%;
  left: 63%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='22'] {
    top: 75%;
    left: 87%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='22'] {
    top: 75%;
    left: 77%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='22'] {
    top: 75%;
    left: 92%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='22'] {
    display: none;
  }
}
[data-step='23'] {
  left: 67%;
  top: 74%;
  transform: rotate(90deg);
}
@media only screen and (max-width: 900px) {
  [data-step='23'] {
    left: 92%;
    top: 79%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='23'] {
    left: 81%;
    top: 80%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='23'] {
    left: 97%;
    top: 80%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='23'] {
    display: none;
  }
}
[data-step='24'] {
  top: 81%;
  left: 56%;
  transform: rotate(135deg);
}
@media only screen and (max-width: 900px) {
  [data-step='24'] {
    top: 83%;
    left: 69%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='24'] {
    top: 83%;
    left: 66%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='24'] {
    top: 84%;
    left: 74%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='24'] {
    top: 80%;
    left: 85%;
  }
}
[data-step='25'] {
  left: 55%;
  top: 86%;
  transform: rotate(150deg);
}
@media only screen and (max-width: 900px) {
  [data-step='25'] {
    left: 69%;
    top: 88%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='25'] {
    left: 64%;
    top: 88%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='25'] {
    left: 73%;
    top: 89%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='25'] {
    left: 83%;
    top: 85%;
  }
}
[data-step='26'] {
  top: 84%;
  left: 39%;
  transform: rotate(178deg);
}
@media only screen and (max-width: 900px) {
  [data-step='26'] {
    top: 84%;
    left: 43%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='26'] {
    top: 84%;
    left: 46%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='26'] {
    top: 84%;
    left: 49%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='26'] {
    top: 84%;
    left: 56%;
  }
}
[data-step='27'] {
  left: 35%;
  top: 88%;
  transform: rotate(180deg);
}
@media only screen and (max-width: 900px) {
  [data-step='27'] {
    left: 38%;
    top: 88%;
  }
}
@media only screen and (max-width: 767px) {
  [data-step='27'] {
    left: 41%;
    top: 88%;
  }
}
@media only screen and (max-width: 480px) {
  [data-step='27'] {
    left: 41%;
    top: 88%;
  }
}
@media only screen and (max-width: 374px) {
  [data-step='27'] {
    left: 47%;
    top: 87%;
  }
}
.title-small {
  position: relative;
}
.left-line-anim {
  position: absolute;
  height: 2px;
  background: #04562c;
  left: calc(0px - ((100vw - 1160px)/2));
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  transition: width 0.5s;
}
@media only screen and (max-width: 1220px) {
  .left-line-anim {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .left-line-anim {
    display: none;
  }
}
.left-line-anim.vis {
  width: calc((100vw - 1160px)/2 - 20px);
}
.right-line-anim {
  position: absolute;
  height: 2px;
  background: #04562c;
  right: calc(0px - ((100vw - 1160px)/2) - 35px);
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  transition: width 0.5s;
}
@media only screen and (max-width: 1220px) {
  .right-line-anim {
    right: -30px;
  }
}
.right-line-anim:after {
  content: '';
  position: absolute;
  width: 35px;
  height: 2px;
  top: 0;
  right: 100%;
  background: #04562c;
  transform-origin: 100% 0;
  transition: width 0.5s, transform 0.5s ease 0.5s;
}
@media only screen and (max-width: 767px) {
  .right-line-anim {
    display: none;
  }
}
.right-line-anim.vis {
  width: calc((100vw - 1160px)/2 - 20px);
}
.right-line-anim.vis:after {
  transform: rotate(-45deg);
}
.euro {
  overflow: hidden;
}
.auto-page .euro__hero {
  position: relative;
  padding-top: 70px;
}
.auto-page .euro__hero .title-p-big {
  bottom: 0;
}
.ribbon-page .euro__hero,
.auto-page .euro__hero,
.brick-page .euro__hero {
  height: 863px;
}
@media only screen and (max-width: 900px) {
  .ribbon-page .euro__hero,
  .auto-page .euro__hero,
  .brick-page .euro__hero {
    height: auto;
  }
}
.ribbon-page .products,
.auto-page .products,
.brick-page .products {
  margin-top: 0;
}
.rabica-page .euro__description .euro__zabor {
  left: 55%;
  top: 43px;
}
@media only screen and (max-width: 900px) {
  .rabica-page .euro__description .euro__zabor {
    top: 0;
  }
}
.prof-page .euro__zabor img {
  transform: rotate(2deg);
}
.prof-page .euro__hero {
  padding-top: 40px;
}
.prof-page .euro__hero .title-p-txt {
  font-size: 92px;
  line-height: 92px;
}
@media only screen and (max-width: 1220px) {
  .prof-page .euro__hero .title-p-txt {
    font-size: 78px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .prof-page .euro__hero .title-p-txt {
    font-size: 32px;
    line-height: 44px;
  }
}
.gitter-page .euro__hero,
.rabica-page .euro__hero,
.ribbon-page .euro__hero,
.brick-page .euro__hero {
  padding-top: 40px;
}
.gitter-page .euro__hero .title-p-txt,
.rabica-page .euro__hero .title-p-txt,
.ribbon-page .euro__hero .title-p-txt,
.brick-page .euro__hero .title-p-txt {
  font-size: 83px;
  line-height: 83px;
}
@media only screen and (max-width: 1220px) {
  .gitter-page .euro__hero .title-p-txt,
  .rabica-page .euro__hero .title-p-txt,
  .ribbon-page .euro__hero .title-p-txt,
  .brick-page .euro__hero .title-p-txt {
    font-size: 78px;
    line-height: 78px;
  }
}
@media only screen and (max-width: 900px) {
  .gitter-page .euro__hero .title-p-txt,
  .rabica-page .euro__hero .title-p-txt,
  .ribbon-page .euro__hero .title-p-txt,
  .brick-page .euro__hero .title-p-txt {
    font-size: 57px;
    line-height: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .gitter-page .euro__hero .title-p-txt,
  .rabica-page .euro__hero .title-p-txt,
  .ribbon-page .euro__hero .title-p-txt,
  .brick-page .euro__hero .title-p-txt {
    font-size: 32px;
    line-height: 44px;
  }
}
.ribbon-page .euro__hero,
.brick-page .euro__hero {
  padding-top: 0px;
}
.euro__hero {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .euro__hero {
    display: flex;
    flex-direction: column;
  }
}
.euro__description {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 80px;
}
@media only screen and (max-width: 900px) {
  .euro__description {
    flex-direction: column;
    overflow: hidden;
    margin-top: 23px;
  }
}
.euro__description .euro__rows {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.euro__description .euro__rows .euro-text-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.euro__description .euro__rows .euro-text-wrapper:not(:first-child) {
  margin-top: 20px;
}
.euro__description .euro__rows .euro-text-wrapper .euro-text-ic {
  position: absolute;
  left: 0;
  top: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.euro__description .euro__rows .euro-text {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 31px;
  position: relative;
  padding-left: 50px;
}
@media only screen and (max-width: 1220px) {
  .euro__description .euro__rows .euro-text {
    line-height: 28px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 900px) {
  .euro__description .euro__rows .euro-text {
    font-size: 16px;
    line-height: 25px;
  }
}
.euro__description .euro__zabor {
  width: 800px;
  height: 455px;
  overflow: hidden;
  position: absolute;
  left: 55%;
  top: 0;
  font-size: 0;
}
@media only screen and (max-width: 900px) {
  .euro__description .euro__zabor {
    position: relative;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;
  }
}
.euro__description .euro__zabor img {
  width: 100%;
}
.euro__description .euro__btn {
  margin-top: 75px;
  position: relative;
}
@media only screen and (max-width: 900px) {
  .euro__description .euro__btn {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .euro__description .euro__btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    max-width: 320px;
    width: 100% !important;
  }
}
.advantages {
  padding-top: 75px;
  position: relative;
}
.advantages .advantages__stone {
  position: absolute;
  left: 10%;
  top: 0;
  pointer-events: none;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .advantages .advantages__stone {
    display: none;
  }
}
.advantages .advantages__title {
  font-family: 'new-hero-medium';
  font-size: 51px;
  line-height: 81px;
  color: #04562c;
}
@media only screen and (max-width: 1220px) {
  .advantages .advantages__title {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  .advantages .advantages__title {
    font-size: 38px;
    line-height: 59px;
  }
}
@media only screen and (max-width: 767px) {
  .advantages .advantages__title {
    font-size: 24px;
    line-height: 37px;
  }
}
.advantages .advantages__imgs {
  display: flex;
  justify-content: space-around;
  position: relative;
  padding-bottom: 222px;
}
@media only screen and (max-width: 1220px) {
  .advantages .advantages__imgs {
    justify-content: space-evenly;
  }
}
@media only screen and (max-width: 900px) {
  .advantages .advantages__imgs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .advantages .advantages__imgs {
    row-gap: 100px;
  }
}
.advantages .advantages__imgs .advantages__imgs-stones {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  padding-bottom: 85px;
  font-size: 0;
}
.advantages .advantages__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0;
}
.advantages .advantages__item img {
  width: 119px;
  height: 119px;
}
@media only screen and (max-width: 900px) {
  .advantages .advantages__item img {
    width: 92px;
    height: 92px;
  }
}
@media only screen and (max-width: 767px) {
  .advantages .advantages__item img {
    width: 71px;
    height: 71px;
  }
}
.advantages .advantages__item .advantages__text {
  font-family: 'new-hero-regular';
  display: inline-block;
  text-align: center;
  color: #04562c;
  line-height: 31px;
  font-size: 20px;
}
@media only screen and (max-width: 1220px) {
  .advantages .advantages__item .advantages__text {
    font-size: 16px;
    line-height: 25px;
  }
}
.advantages .advantages__item .advantages__text-b {
  font-family: 'new-hero-bold';
}
.installed {
  background-color: #4c9458;
  position: relative;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .installed {
    padding-top: 0;
  }
}
.installed .grass-bg {
  position: absolute;
  left: -2%;
  bottom: 98%;
  width: 300px;
  height: 156px;
  font-size: 0;
  pointer-events: none;
}
.installed .grass-bg img {
  width: 100%;
}
.installed .grass-sm {
  position: absolute;
  right: 1%;
  bottom: 98%;
  width: 111px;
  height: 61px;
  font-size: 0;
}
.installed .grass-sm img {
  width: 100%;
}
.installed .installed__title {
  font-family: 'new-hero-medium';
  font-size: 42px;
  line-height: 65px;
  color: #04562c;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .installed .installed__title {
    line-height: 52px;
    font-size: 30px;
  }
}
.installed .swiper-buttons {
  display: flex;
  max-width: 155px;
  justify-content: space-between;
  align-items: center;
}
.installed .swiper-button-prev {
  opacity: 1;
  width: 61px;
  height: 100px;
  position: static;
}
.installed .swiper-button-prev::after {
  display: none;
}
.installed .swiper-button-prev img {
  width: 100%;
}
.installed .swiper-button-next {
  opacity: 1;
  width: 61px;
  height: 100px;
  position: static;
  transform: rotate(180deg);
}
.installed .swiper-button-next::after {
  display: none;
}
.installed .swiper-button-next img {
  width: 100%;
}
.methods {
  padding-bottom: 70px;
  position: relative;
}
.methods .methods__stones-top {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 900px) {
  .methods .methods__stones-top {
    display: none;
  }
}
.methods .methods__stones-bottom {
  position: absolute;
  bottom: 50px;
  right: 65px;
}
@media only screen and (max-width: 900px) {
  .methods .methods__stones-bottom {
    display: none;
  }
}
.methods .methods__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media only screen and (max-width: 1220px) {
  .methods .methods__top {
    flex-wrap: wrap;
    margin-bottom: 70px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .methods .methods__top {
    margin-top: 50px;
    margin-bottom: 40px;
    justify-content: center;
  }
}
.methods .methods__top .methods__title {
  font-family: 'new-hero-medium';
  margin: 0;
  color: #04562c;
  font-size: 56px;
  line-height: 78px;
  position: relative;
  margin-top: 50px;
  margin-bottom: 150px;
}
@media only screen and (max-width: 1220px) {
  .methods .methods__top .methods__title {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 900px) {
  .methods .methods__top .methods__title {
    font-size: 38px;
    line-height: 49px;
  }
}
@media only screen and (max-width: 767px) {
  .methods .methods__top .methods__title {
    text-align: center;
    font-size: 24px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 1220px) {
  .methods .methods__top .btn {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 900px) {
  .methods .methods__top .btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .methods .methods__top .btn {
    display: none;
  }
}
.methods .methods__top .methods__top-arr {
  position: relative;
  font-size: 0;
  transform: rotate(180deg);
  animation: move 1.5s infinite ease-in-out;
}
@media only screen and (max-width: 1220px) {
  .methods .methods__top .methods__top-arr {
    animation: none;
    transform: rotate(-90deg);
    width: 124px;
    height: 66px;
  }
  .methods .methods__top .methods__top-arr img {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .methods .methods__top .methods__top-arr {
    display: none;
  }
}
@keyframes move {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0px;
  }
}
.methods .methods__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1220px) {
  .methods .methods__items {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 900px) {
  .methods .methods__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .methods .methods__items {
    row-gap: 40px;
  }
}
.methods .methods__items .method__item {
  display: flex;
  flex-direction: column;
  max-width: 260px;
}
@media only screen and (max-width: 600px) {
  .methods .methods__items .method__item {
    width: calc((100vw - 320px)/((600 - 320)/(260 - 135)) + 135px);
  }
}
@media only screen and (max-width: 320px) {
  .methods .methods__items .method__item {
    width: 135px;
  }
}
.methods .methods__items .method__item img {
  max-height: 418px;
}
.methods .methods__items .method__item .method__title-wrapper {
  align-self: center;
  margin-bottom: 20px;
}
.methods .methods__items .method__item .method__title {
  font-family: 'new-hero-semibold';
  color: #c2c2c2;
  font-size: 32px;
  line-height: 50px;
  letter-spacing: 1.5px;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .methods .methods__items .method__item .method__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.methods .methods__items .method__item .method__description {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.methods .methods__items .method__item .method__description .method__row {
  font-family: 'new-hero-regular';
  color: #04562c;
  font-size: 20px;
  line-height: 31px;
  padding-left: 30px;
}
.methods .methods__items .method__item .method__description .method__row:not(:first-child) {
  margin-top: 10px;
}
@media only screen and (max-width: 1220px) {
  .methods .methods__items .method__item .method__description .method__row {
    font-size: 16px;
    line-height: 25px;
  }
}
.methods .methods__items .method__item [data-ok] {
  position: relative;
}
.methods .methods__items .method__item [data-ok] .icon-ok {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 0;
}
.methods .methods__items .method__item [data-stop] {
  position: relative;
}
.methods .methods__items .method__item [data-stop] .icon-stop {
  position: absolute;
  font-size: 0;
  left: 0;
  top: 2px;
}
.brick-page .euro__zabor {
  top: -153px;
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .brick-page .euro__zabor {
    top: 0;
  }
}
.ribbon-page .euro__zabor {
  width: 58%;
  top: -65%;
  height: auto;
  overflow: hidden;
}
.prof-page .euro__zabor {
  width: 100%;
  height: 693px;
  overflow: hidden;
  left: 33%;
  top: -75%;
}
@media only screen and (max-width: 900px) {
  .prof-page .euro__zabor {
    top: -100px;
    height: auto;
    left: 50%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .prof-page .euro__zabor {
    top: unset;
    height: auto;
  }
}
.auto-page .euro__zabor {
  width: 1473px;
  height: auto;
  left: 36%;
  top: -39%;
}
@media only screen and (max-width: 1220px) {
  .auto-page .euro__zabor {
    top: -30%;
  }
}
@media only screen and (max-width: 900px) {
  .auto-page .euro__zabor {
    width: 100%;
    height: auto;
    left: 50%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .auto-page .euro__zabor {
    margin-top: 50px;
    height: auto;
  }
}
.title-prod-blk {
  position: relative;
}
.title-prod-blk .left-line-anim {
  transform: none;
}
.title-prod-blk .right-line-anim {
  top: auto;
  transform: none;
  left: auto;
}
.ribbon-page .stocks-arrows {
  display: none;
}
.ribbon-page .slider-arr-mob {
  display: none;
}
.ribbon-page .title-prod-blk .left-line-anim {
  top: 30%;
}
.ribbon-page .title-prod-blk .right-line-anim {
  bottom: 30%;
}
.ribbon-page .title-prod-blk .right-line-anim.vis {
  width: calc(100% + ((100vw - 1160px)/2) - 700px);
}
@media only screen and (max-width: 1220px) {
  .ribbon-page .title-prod-blk .right-line-anim.vis {
    width: calc(100% - 700px);
  }
}
.rabica-page .stocks-arrows,
.gitter-page .stocks-arrows,
.prof-page .stocks-arrows {
  display: none;
}
.rabica-page .slider-arr-mob,
.gitter-page .slider-arr-mob,
.prof-page .slider-arr-mob {
  display: none;
}
.rabica-page .title-prod-blk .left-line-anim,
.gitter-page .title-prod-blk .left-line-anim,
.prof-page .title-prod-blk .left-line-anim {
  top: 25%;
}
.rabica-page .title-prod-blk .right-line-anim,
.gitter-page .title-prod-blk .right-line-anim,
.prof-page .title-prod-blk .right-line-anim {
  bottom: 25%;
}
.rabica-page .title-prod-blk .right-line-anim.vis,
.gitter-page .title-prod-blk .right-line-anim.vis,
.prof-page .title-prod-blk .right-line-anim.vis {
  width: calc(100% + ((100vw - 1160px)/2) - 400px);
}
@media only screen and (max-width: 1220px) {
  .rabica-page .title-prod-blk .right-line-anim.vis,
  .gitter-page .title-prod-blk .right-line-anim.vis,
  .prof-page .title-prod-blk .right-line-anim.vis {
    width: calc(100% - 400px);
  }
}
.euro-page .stocks-arrows {
  display: none;
}
.euro-page .slider-arr-mob {
  display: none;
}
.euro-page .title-prod-blk .left-line-anim {
  top: 25%;
}
.euro-page .title-prod-blk .right-line-anim {
  bottom: 25%;
}
.euro-page .title-prod-blk .right-line-anim.vis {
  width: calc(100% + ((100vw - 1160px)/2) - 450px);
}
@media only screen and (max-width: 1220px) {
  .euro-page .title-prod-blk .right-line-anim.vis {
    width: calc(100% - 450px);
  }
}
.brick-page .title-prod-blk .left-line-anim {
  top: 25%;
}
.brick-page .title-prod-blk .right-line-anim {
  bottom: 25%;
}
.brick-page .title-prod-blk .right-line-anim.vis {
  width: calc(100% + ((100vw - 1160px)/2) - 500px);
}
@media only screen and (max-width: 1220px) {
  .brick-page .title-prod-blk .right-line-anim.vis {
    width: calc(100% - 500px);
  }
}
.auto-page .title-prod-blk .left-line-anim {
  top: 45%;
}
.auto-page .title-prod-blk .right-line-anim {
  bottom: 25%;
}
.auto-page .title-prod-blk .right-line-anim.vis {
  width: calc(100% + ((100vw - 1160px)/2) - 500px);
}
@media only screen and (max-width: 1220px) {
  .auto-page .title-prod-blk .right-line-anim.vis {
    width: calc(100% - 500px);
  }
}
body {
  background: #efefec;
  overflow-x: hidden;
  width: 100%;
}
.body-hidd body {
  overflow-y: hidden;
  touch-action: none;
  -ms-touch-action: none;
  position: absolute;
  height: 100%;
}
.body-hidd {
  overflow-y: scroll;
  height: 100%;
}
.body-hidd .content {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: auto;
}
.content {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.container {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media only screen and (max-width: 1220px) {
  .container {
    width: calc(100% - 60px);
  }
}
.inp {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
}
.textaera {
  width: 100%;
  height: 100%;
}
.pnone {
  pointer-events: none;
}
.err-inp {
  border-color: #f95d51;
}
.page {
  -webkit-box-flex: 0;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page {
    margin-top: 30px;
  }
}
.title {
  z-index: 1;
}
.title-txt {
  line-height: 81px;
  color: #04562c;
  font-size: 56px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .title-txt {
    font-size: 36px;
    line-height: 52px;
  }
}
.title-sec-txt {
  line-height: 64px;
  color: #04562c;
  font-size: 64px;
  font-family: 'new-hero-medium';
}
@media only screen and (max-width: 767px) {
  .title-sec-txt {
    font-size: 38px;
    line-height: 38px;
  }
}
.top-line {
  margin-top: 90px;
  width: 100%;
  font-size: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1220px) {
  .top-line {
    width: calc(100% - 60px);
    align-self: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .top-line {
    margin-top: 59px;
    width: calc(100% - 30px);
  }
}
.top-line img {
  width: 100%;
}
@media only screen and (max-width: 1220px) {
  .top-line img {
    width: 1160px;
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .top-line img {
    width: 100%;
  }
}
.container-left {
  margin-left: calc((100% - 1160px) / 2);
}
@media only screen and (max-width: 1220px) {
  .container-left {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .container-left {
    margin-right: 30px;
  }
}
.container-left-pad {
  padding-left: calc((100vw - 1160px) / 2);
}
@media only screen and (max-width: 1220px) {
  .container-left-pad {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .desk {
    display: none;
  }
}
.mob {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mob {
    display: block;
  }
}
.mob-flex {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mob-flex {
    -webkit-box-flex: 0;
    display: flex;
  }
}
.is-anim .i-portf-big-title {
  opacity: 1;
}


/* End */


/* Start:/local/templates/main/styles.css?17476646043*/

/* End */


/* Start:/local/templates/main/template_styles.css?17476646041809*/
body{

}

*{
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.left{
	float: left;
}

.right{
	float: right;
}

.clearfix::after{
	content: '';
	clear: both;
	display: block;
}

.t-form-success-popup {
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,.8);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	overflow-y: auto;
	cursor: pointer;
}

.t-form-success-popup__window {
	width: 100%;
	max-width: 400px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;
	right: 0px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.t-form-success-popup__wrapper {
	background-color: #fff;
	padding: 40px 40px 50px;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	position: relative;
	cursor: default;
}

.t-form-success-popup__close-icon {
	position: absolute;
	top: 14px;
	right: 14px;
	cursor: pointer;
}

.t-descr {
	font-family: 'new-hero',Arial,sans-serif;
	font-weight: 300;
	color: #04562c;
}

.t-form-success-popup__text {
	padding-top: 20px;
}

.main-page .index-slider-blk {
	margin-top: 50px;
	padding-bottom: 54px;
}
.main-page .index-portf {
	margin-top: 105px;
}
.mgo-number {
	font-size: 16px;
	display: flex;
	width: fit-content;
	font-family: 'new-hero-medium';
	color: #04562c;
	margin-left: 20px;
	line-height: 25px;
}
.h-tel.mgo-number, .foo-g-item .mgo-number {
	margin-left: 0;
}
.cs-scr-i-inf-row.mgo-number::before {
	content: '';
	background-image: url('/img/phone-icons.svg');
	width: 14px;
	height: 14px;
	margin-right: 10px;
	margin-left: -20px;
}
.cs-scr-i-inf-row.mgo-number .cs-scr-i-inf-ic, .h-tel.mgo-number img {
	display: none;
}
.cs-scr-i-inf-row.mgo-number .cs-scr-i-inf-capt, .h-tel.mgo-number .h-tel-txt {
	margin-left: 0;
}
/* End */
/* /local/templates/main/css/app.css?1697199340154272 */
/* /local/templates/main/styles.css?17476646043 */
/* /local/templates/main/template_styles.css?17476646041809 */