.menu-catalog__wrapper .menu-catalog__block {
    width: 25%;
}
.menu-catalog__wrapper {
    width: 100%;
}
.menu-catalog.menu-three::after {
    left: 45%;
}
.menu-catalog.menu-first::after {
    left: 31%;
}
.menu-second::after {
    left: 38%;
}
.sales-item{background: rgb(197 213 214);}
.sales-item__img img:last-child {    border: 10px solid rgb(197 213 214);}

.examples .catalog-item__top{text-align: center;}
.catalog-btn{cursor: pointer;}
.maxw .btn{  height: 87px;}
.page-wrapper{min-height: auto;}
.main-catalog {
        padding-bottom: 0px;
    }
    
.article-content.index h1{
    color: #202020;
    font-size: 64px;
    font-weight: 400;
    line-height: 90%;
    margin-bottom: 30px;	
}
.contact-title{padding-left: 85px;}
.article-content.index h3{
	margin-bottom: 40px;
	color: #000;
    font-size: 36px;
    font-weight: 400;
    line-height: 80%;
}
.load_img{
	background: url(img/load.gif) #010709 center center no-repeat;
	height: 100%;
	position: fixed;
	width: 100%;
	top: 0px;
	display: none;
	left: 0;
	opacity: 0.2;	
	z-index: 1000;
}
.catalog-item__top{min-height: 174px;}

.erv{text-decoration: none;}
a .rev-rating{color: #000}

.bor .catalog-item {
    padding-bottom: 17px;
    border: 1px solid #e6eded;
    border-radius: 36px;
}
.bor .catalog-item__btn{
    right: -5px;
    bottom: -25px;	
}
.examples {
    padding-bottom: 0;
}
.examples-left{
	top: 294px;
}

.materials {
    padding: 70px 0 90px;
    background:
        radial-gradient(ellipse 60% 40% at 0% 0%, rgba(55, 113, 114, 0.06), transparent 70%),
        radial-gradient(ellipse 50% 35% at 100% 100%, rgba(72, 128, 129, 0.05), transparent 65%),
        #fff;
}
.materials .materials-hero.title {
    padding-left: 68px;
    margin-bottom: 18px;
    max-width: 920px;
}
.materials-lead {
    color: #377172;
    font-family: "Georgia", serif;
    font-size: 18px;
    font-style: italic;
    line-height: 140%;
    letter-spacing: 0.02em;
    margin: 0 0 8px;
    padding-left: 8px;
}
.materials-ornament {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 36px auto;
    max-width: 420px;
}
.materials-ornament img {
    width: 100%;
    height: auto;
    display: block;
}
.materials-text {
    max-width: 860px;
    margin: 0 auto;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
}
.materials-section {
    padding: 8px 0 4px;
}
.materials-heading {
    font-family: "Forum", Georgia, serif;
    color: #104949;
    font-size: 34px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 22px;
    padding-bottom: 14px;
    position: relative;
}
.materials-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 2px;
    background: linear-gradient(90deg, #377172 0%, rgba(55, 113, 114, 0) 100%);
    border-radius: 2px;
}
.materials-text p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    margin: 0 0 16px;
}
.materials-text ul,
.materials-text ol {
    margin: 0 0 8px;
    padding-left: 22px;
}
.materials-text li {
    margin-bottom: 10px;
    padding-left: 6px;
}
.materials-text li::marker {
    color: #377172;
}
.materials h2 {
    color: #104949;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}
.materials p {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    margin-top: 0;
}
@media (max-width: 980px) {
    .materials .materials-hero.title {
        font-size: 42px;
        letter-spacing: 3px;
        text-indent: 40px;
        padding-left: 40px;
        padding-top: 40px;
    }
    .materials .materials-hero.title span {
        font-size: 96px;
    }
    .materials .materials-hero.title small {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .materials-heading {
        font-size: 26px;
        letter-spacing: 1px;
    }
    .materials-ornament {
        margin: 28px auto;
        max-width: 280px;
    }
}
@media (max-width: 576px) {
    .materials .materials-hero.title {
        font-size: 32px;
        letter-spacing: 2px;
        text-indent: 28px;
        padding-left: 28px;
        padding-top: 32px;
    }
    .materials .materials-hero.title span {
        font-size: 72px;
    }
    .materials .materials-hero.title small {
        font-size: 20px;
    }
    .materials-lead {
        font-size: 15px;
    }
    .materials-text,
    .materials-text p {
        font-size: 16px;
    }
}

.steps-title.title.white{    padding-left: 0;}
.menu-catalog{top: 78px;}
.catalog-list.row .col{padding: 0 3px;}
            .about-center::before {
               max-width: 100%;
            }
            


.header-nav ul li span {
color: #377172;
font-size: 18px;
font-weight: 400;
line-height: 90%;
text-transform: uppercase;
-webkit-transition: all 0.4s;
transition: all 0.4s;
text-decoration: none;
outline: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}


/*@media (min-width: 1730px) {
	.main-bg {
        top: auto;
        bottom: 186px;
    }
    .main-img{top: -59px;}
}*/

	.sitemap-wrapper {
  max-width: 800px;
  margin: 20px auto 40px auto;
  padding: 24px 32px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05);
}
.sitemap-wrapper h1 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #1a2635;
  letter-spacing: 0.03em;
}
.sitemap-wrapper ul {
  padding-left: 22px;
  margin-bottom: 0;
  list-style: none;
}
.sitemap-wrapper ul ul {
  margin-top: 23px;
  margin-bottom: 4px;
}
.sitemap-wrapper li {
  margin-bottom: 7px;
  position: relative;
}
.sitemap-wrapper li::before {
  content: "⟶";
  color: #00b6c9;
  margin-right: 7px;
  font-size: 0.95em;
  opacity: .65;
}
.sitemap-wrapper a {
text-decoration: none;
color: #253858;
font-size: 16px;
transition: color .2s;
padding: 0;
}
.sitemap-wrapper a:hover {
  background: #e7fafe;
  color: #009ab3;
}
.none{display:none} /* class="none" */
.none_w1{width:100%; height:596px; background:#eee; position:relative;}
.none_w2{text-align:center; padding-top:250px; color:#888;}
.none_background{width: 100%; height: 596px; background: #eee;}
.pad273{padding-top: 273px;}
.backgroundF29D61{background: #F29D61;}


@media (min-width: 2620px){
	.main-grass{bottom: -967px;}
}

@media (min-width: 2120px){
	.main-grass{bottom: -1335px;}
	.index.z5{    z-index: 4;}
}

@media (min-width: 1930px) {
	.main-img{top: -39px;}
	.main-bg {
        top: auto;
        bottom: 163px;
    }
    .main-grass{bottom: -348px;}
}
@media (min-width: 2300px) {

    .main-grass {
        bottom: -457px;
        /* display: none; */
    } 
}
@media (min-width: 2470px) {

    .main-grass {
        bottom: -557px;
        /* display: none; */
    } 
}
@media (min-width: 2500px) {

    .main-grass {
        bottom: -497px;
        /* display: none; */
    } 
}



@media (max-width: 1520px){
	.menu-catalog.menu-three::after {
	    left: 49%;
	}
}

@media (max-width: 1240px){
	.menu-catalog.menu-first::after {
	    left: 18%;
	}
	.menu-catalog.menu-second::after {
	    left: 26%;
	}
	.menu-catalog.menu-three::after {
	    left: 42%;
	}
}
@media (max-width: 1180px){
	.menu-catalog.menu-first::after {
	    left: 19%;
	}
	.menu-catalog.menu-second::after {
	    left: 29%;
	}
	.menu-catalog.menu-three::after {
	    left: 43%;
	}
}
@media (max-width: 1024px){
	.menu-catalog.menu-first::after {
	    left: 14%;
	}
	.menu-catalog.menu-second::after {
	    left: 26%;
	}
	.menu-catalog.menu-three::after {
	    left: 42%;
	}
	
}
@media (max-width: 980px){
	.examples .catalog-item__img{height: 150px;}
	.maxw .btn{  height: 52px;}
	.mob_hide{display: none;}
}
@media (max-width: 830px){
	.menu-catalog__wrapper .menu-catalog__block {
	    width: 50%;
	}
}
@media (max-width: 768px) {
    .menu-catalog__wrapper .menu-catalog__block {
        width: 50%;
    }
    .messengers-bar {
        right: 12px;
        bottom: 12px;
        gap: 10px;
    }
    .messengers-bar__btn {
        width: 48px;
        height: 48px;
    }
    .messengers-bar__btn .img,
    .messengers-bar__btn--whatsapp .img,
    .messengers-bar__btn--viber .img,
    .messengers-bar__btn--telegram .img {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 576px){
	.menu-catalog__wrapper .menu-catalog__block {
	    width: 100%;
	}
}
.form-error-msg {
    color: #e05252;
    text-align: center;
    margin-top: 12px;
    font-size: 14px;
    line-height: 130%;
}
.messengers-bar {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 19;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.messengers-bar__btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 16px rgba(55, 113, 114, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.messengers-bar__btn:hover {
    opacity: 0.9;
    transform: scale(1.04);
}
.messengers-bar__btn .img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}
.messengers-bar__btn--whatsapp .img {
    width: 52px;
    height: 52px;
}
.messengers-bar__btn--viber .img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
.messengers-bar__btn--telegram .img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

@media (max-width: 992px) {
    .call {
        display: none !important;
    }
}
.footer-right {
    text-align: right;
}
.footer-right .footer-phone,
.footer-right .footer-mail {
    display: block;
    color: inherit;
    text-decoration: none;
    margin-bottom: 6px;
    font-size: 16px;
}
.footer-right .footer-mail {
    margin-bottom: 0;
}
.header-phone__link {
    white-space: nowrap;
    font-size: clamp(16px, 1.4vw, 22px);
}