/* Start:/bitrix/templates/aspro_max/css/style_opt.css?178948607320840*/
.s-container{
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Geologica", sans-serif;
}
.s-container_small{
    max-width: 1440px;
    margin: 0 auto;
    font-family: "Geologica", sans-serif;
}
.s-container_wide {
    max-width: 100%;
    margin: 0 auto;
    font-family: "Geologica", sans-serif;
}
.s-green_block {
    background-color: #3B5A3F;
    padding: 50px 20px;
    margin-bottom: 60px;
}
.s-banner{
    max-width: 100%;
    height: 793px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    align-items: center;
    padding-left: 130px;
    margin-bottom: 60px;
}

.s-banner_desc {
    max-width: 760px;
}
.s-banner_title {
    font-size: 46px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 35px;
}
.s-banner_text {
    max-width: 540px;
    font-size: 30px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 35px;
}
.s-btn {
    display: inline-block;
    padding: 20px 39px;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    background-color: #3B5A3F;
    border-radius: 37px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.s-btn:hover,
.s-btn:active,
.s-btn:focus{
    background-color: #69916e;
	color: #fff;
}

.s-btn--white {
    background-color: #FFFFFF;
    color: #222222;
}
.s-btn--white:hover,
.s-btn--white:active,
.s-btn--white:focus{
    color: #fff;
}

.s-models {
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 37px 37px;
    margin-bottom: 80px;
}
.s-models_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    padding-top: 20px;
    margin-bottom: 15px;
}
.s-models_text {
    font-size: 28px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 50px;
}
.s-models_imgs-back {
    max-width: 100%;
    height: 281px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    border-radius: 50px;
}
.s-models_imgs-double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 10px;
}
.s-models_imgs-double .s-models_imgs-back {
    height: 251px;
}
.s-models_btn {
    position: relative;
}
.s-models_btn::after {
    content: "";
    position: absolute;
    background-image: url("/images/code.svg");
    width: 353px;
    height: 72px;
    right: -100px;
    top: -6px;
}
.s-hits {
    margin-bottom: 110px;
}
.s-hits_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 70px;
    text-align: center;
}
.s-hits_item {
    padding-left: 11px;
    padding-right: 11px;
}
.s-hits_item-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin-bottom: 20px;
    border-radius: 50px;
}
.s-hits_item-name {
    font-size: 30px;
    font-weight: 400;
    line-height: 121%;
    text-align: center;
}
.s-hits_item a {
    text-decoration: none;
    color: #000;
}
.s-hits .slick-prev:before, .s-hits .slick-next:before {
    color: #3B5A3F;
}
.s-get_price {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 70px;
    align-content: center;
    align-items: center;
}
.s-get_price-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    color: #fff;
}
.s-get_price-text {
    font-size: 20px;
    font-weight: 300;
    line-height: 100%;
    color: #fff;
    margin-bottom: 30px;
}

.s-gallery_list {
    display: grid;
    grid-template-columns: 1fr 2fr 1.3fr;
    gap: 15px;
    max-height: 970px;
    margin-bottom: 60px;
}

.s-gallery_item {
    display: grid;
    gap: 15px;
    min-height: 0;
}

.s-gallery_item.left  { grid-template-rows: .78fr 1fr; }
.s-gallery_item.center { grid-template-rows: 1.23fr 1fr; overflow: hidden; border-radius: 16px;}
.s-gallery_item.right { grid-template-rows: 1fr 1.03fr; }

.s-gallery_item img {
    width: 100%;
	height: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}
.s-gallery_item_background {
	width: 100%;
	height: 100%;
	min-height: 400px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-radius: 50px;
}

.s-sections {
    margin-bottom: 60px;
}
.s-sections_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color:#222;
    margin-bottom: 50px;
    text-align: center;
}
.s-sections_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px 15px;
}
.s-sections_img img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    margin-bottom: 15px;
}
.s-sections_name {
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    color: #000;
    text-align: center;
}
.s-sections_item a {
    text-decoration: none;
}

.s-btn-icon {
    display: inline-block;
    padding: 20px 39px 20px 70px;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    background-color: #3B5A3F;
    border-radius: 37px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.s-btn-icon:hover,
.s-btn-icon:active,
.s-btn-icon:focus{
    background-color: #69916e;
	color: #fff;
}
.s-btn-icon span{
    position: relative;
}
.s-btn-icon--telegram span::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: -40px;
    top: -3px;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5833 18.6667L10.5 22.75L8.16667 15.1667L1.75 12.8333L26.25 3.5L21.5833 24.5L12.8333 16.3333L17.5 12.8333" stroke="%23FAFAFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.s-btn-icon--wa span::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: -40px;
    top: -3px;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.2239 5.72856C21.1542 4.64835 19.8801 3.79185 18.476 3.20898C17.0719 2.62611 15.5659 2.32852 14.0456 2.33356C7.67563 2.33356 2.48397 7.52523 2.48397 13.8952C2.48397 15.9369 3.02063 17.9202 4.02397 19.6702L2.39062 25.6669L8.51562 24.0569C10.2073 24.9786 12.1089 25.4686 14.0456 25.4686C20.4156 25.4686 25.6073 20.2769 25.6073 13.9069C25.6073 10.8152 24.4056 7.91023 22.2239 5.72856ZM14.0456 23.5086C12.3189 23.5086 10.6273 23.0419 9.14563 22.1669L8.79563 21.9569L5.15563 22.9136L6.12397 19.3669L5.89063 19.0052C4.9311 17.4735 4.42171 15.7027 4.42062 13.8952C4.42062 8.59856 8.7373 4.28189 14.0339 4.28189C16.6006 4.28189 19.0156 5.28523 20.8239 7.10523C21.7195 7.9964 22.4292 9.05653 22.9118 10.2241C23.3945 11.3917 23.6405 12.6435 23.6356 13.9069C23.6589 19.2036 19.3423 23.5086 14.0456 23.5086ZM19.3189 16.3219C19.0273 16.1819 17.6039 15.4819 17.3473 15.3769C17.0789 15.2836 16.8923 15.2369 16.6939 15.5169C16.4956 15.8086 15.9473 16.4619 15.7839 16.6486C15.6206 16.8469 15.4456 16.8702 15.1539 16.7186C14.8623 16.5786 13.9289 16.2636 12.8323 15.2836C11.9689 14.5136 11.3973 13.5686 11.2223 13.2769C11.0589 12.9852 11.1989 12.8336 11.3506 12.6819C11.4789 12.5536 11.6423 12.3436 11.7823 12.1802C11.9223 12.0169 11.9806 11.8886 12.0739 11.7019C12.1673 11.5036 12.1206 11.3402 12.0506 11.2002C11.9806 11.0602 11.3973 9.63689 11.1639 9.05356C10.9306 8.49356 10.6856 8.56356 10.5106 8.55189H9.95063C9.7523 8.55189 9.44896 8.62189 9.18062 8.91356C8.92395 9.20523 8.1773 9.90523 8.1773 11.3286C8.1773 12.7519 9.21563 14.1286 9.35563 14.3152C9.49563 14.5136 11.3973 17.4302 14.2906 18.6786C14.9789 18.9819 15.5156 19.1569 15.9356 19.2852C16.6239 19.5069 17.2539 19.4719 17.7556 19.4019C18.3156 19.3202 19.4706 18.7019 19.7039 18.0252C19.9489 17.3486 19.9489 16.7769 19.8673 16.6486C19.7856 16.5202 19.6106 16.4619 19.3189 16.3219Z" fill="%23FAFAFA"/></svg>');
}
.s-question_block {
    display: grid;
    grid-template-columns: 3fr 3fr;
    width: 100%;
    height: 478px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50px;
    margin-bottom: 60px;
    align-content: center;
}
.s-question_block-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
    margin-bottom: 25px;
    padding: 0 20px;
}
.s-question_block-text {
    font-size: 28px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    padding: 0 20px;
    margin-bottom: 30px;
}
.s-question_block-btns{
    padding: 0 20px;
}
.s-question_block-btns a:nth-child(1) {
    margin-right: 20px;
}
.s-advantages {
    margin-bottom: 60px;
}
.s-advantages_title {
    position: relative;
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
    text-align: center;
    margin-bottom: 20px;
}
.s-advantages_title::before {
    content: "";
    position: absolute;
    background-image: url("/images/code.svg");
    width: 353px;
    height: 72px;
    left: -100px;
    top: -25px;
}
.s-advantages_text {
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    text-align: center;
    margin-bottom: 50px;
}
.s-advantages_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 20px;
}
.s-advantages_item {
    display: grid;
    grid-template-rows: 1fr 1fr;
    background-color: #F9F9F9;
    border-radius: 50px;
    text-align: center;
    height: 240px;
    align-content: space-evenly;
    padding: 0 15px;
    align-items: center;
}
.s-advantages_item-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    color: #000;
}
.s-advantages_item-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    align-self: start;
}
.s-advantages_item:nth-child(2){
    background-color: #3B5A3F;
}
.s-advantages_item:nth-child(2) .s-advantages_item-name,
.s-advantages_item:nth-child(2) .s-advantages_item-text {
    color: #FFFFFF;
}
.s-sertificats {
    margin-bottom: 50px;
}
.s-sertificats_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
    margin-bottom: 15px;
}
.s-sertificats_text {
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    margin-bottom: 50px;
}
.s-sertificats_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 40px;
    margin-bottom: 60px;
}
.s-sertificats_item img{
    max-width: 100%;
}
.s-sertificats_btn {
    text-align: center;
}
.s-company {
    margin-bottom: 60px;
}
.s-company_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
    margin-bottom: 20px;
}
.s-company_text {
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    margin-bottom: 50px;
}
.s-company_about-list {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 15px 15px;
    margin-bottom: 30px;
}
.s-company_about-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50px;
}
.s-company_about-double_item img {
    width: 100%;
    height: 325px;
    object-fit: cover;
    display: block;
    border-radius: 50px;
}
.s-company_about-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px 15px;
    margin-bottom: 60px;
}
.s-company_about-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50px;
}
.s-company_about-card{
    height: 280px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s-company_about-card:nth-child(1) {
    background-color: #3B5A3F;
    padding: 0 30px;
    color: #fff;
}
.s-company_about-card:nth-child(2) {
    background-color: #F9F9F9;
    padding: 0 30px;
    color: #000;
}
.s-company_about-double {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 15px 15px;
}
.s-company_about-double_item:nth-child(1) {
    background-color: #F9F9F9;
    border-radius: 50px;
    padding: 45px;
}
.s-company-about_counter {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 25px;
    margin-bottom: 30px;
    align-items: center;
}
.s-company-about_counter:last-child {
    margin-bottom: 0;
}
.s-company-about_counter div:nth-child(1) {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
}
.s-company-about_counter div:nth-child(2) {
    font-size: 24px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
}

.s-gallery_title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
    margin-bottom: 20px;
}
.s-gallery_text {
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
    color: #000;
    margin-bottom: 50px;
    max-width: 990px;
}

.s-popular {
	margin-bottom: 50px;
}
.s-popular h2{
	font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
    margin-bottom: 10px;
}
.s-popular_warning {
	font-size: 15px;
    font-weight: 400;
    line-height: 100%;
    color: #222;
    margin-bottom: 20px;
}

.s-desc {
	margin-bottom: 50px;
}
.s-desc h1{
	font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: #222;
    margin-bottom: 20px;
}
.s-desc_text{
	font-size: 18px;
    font-weight: 100;
    line-height: 100%;
    color: #000;
}

@media all and (max-width: 1670px) {
    .s-models_btn {
        overflow: hidden;
    }
}
@media all and (max-width: 1440px) {
    .s-container_small{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media all and (max-width: 1100px) {
    .s-banner {
        height: 500px;
        padding-left: 50px;
    }
    .s-banner_title {
        font-size: 30px;
    }
    .s-banner_text {
        font-size: 20px;
    }
    .s-banner_desc {
        max-width: 60%;
    }
    .s-models_title {
        font-size: 25px;
    }
    .s-models_text {
        font-size: 20px;
    }
    .s-models_btn::after {
        right: -200px;
    }
    .s-hits_item-name {
        font-size: 20px;
    }
    .s-get_price-title {
        font-size: 25px;
    }
    .s-gallery_title {
        font-size: 30px;
    }
    .s-gallery_text {
        font-size: 24px;
    }
    .s-sections_img img {
        height: 250px;
    }
    .s-sections_name {
        font-size: 20px;
    }
    .s-question_block-title {
        font-size: 24px;
    }
    .s-question_block-text {
        font-size: 20px;
    }
    .s-advantages_title::before {
        left: -200px;
    }
    .s-advantages_title {
        font-size: 30px;
    }
    .s-advantages_text {
        font-size: 24px;
    }
    .s-sertificats_title{
        font-size: 30px;
    }
    .s-sertificats_text {
        font-size: 24px;
    }
    .s-company_title {
        font-size: 30px;
    }
    .s-company_text {
        font-size: 24px;
    }
    .s-company_about-list {
        grid-template-columns: 1fr;
    }
    .s-company_about-double {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .s-company_about-double_item img {
        height: 100%;
    }
}
@media all and (max-width: 767px) {
    .s-models {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .s-models_title {
        padding-top: 0;
    }
    .s-hits_title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .s-hits {
        margin-bottom: 60px;
    }
    .s-get_price {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    .s-sections_title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .s-sections_list {
        grid-template-columns: 1fr 1fr;
    }
    .s-question_block {
        grid-template-columns: 2fr 3fr;
        height: 310px;
    }
    .s-question_block-title {
        font-size: 20px;
    }
    .s-question_block-text {
        font-size: 16px;
    }
    .s-question_block-btns a:nth-child(1) {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .s-advantages_title::before {
        left: -250px;
        top: -35px;
    }
    .s-advantages_list {
        grid-template-columns: 1fr 1fr;
    }
    .s-company_about-double {
        grid-template-columns: 1fr;
    }
    .s-company_about-cards {
        grid-template-columns: 1fr;
    }
    .s-banner {
        height: 250px;
        padding-left: 10px;
    }
    .s-banner_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .s-banner_text {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .s-banner_desc {
        max-width: 75%;
    }
    .s-btn {
        font-size: 14px;
        padding: 10px 20px;
    }
    .s-btn-icon {
        font-size: 14px;
        padding: 10px 20px 10px 50px;
    }
    .s-btn-icon--telegram span::before {
        left: -35px;
    }
    .s-btn-icon--wa span::before {
        left: -35px;
    }
    .s-models_item:nth-child(1) {
         order: 2;
     }
    .s-models_item:nth-child(2) {
        order: 1;
    }
    .s-models_title {
        line-height:  100%;
    }
    .s-sections_img img {
        height: 180px;
    }
    .s-advantages_title::before {
        display: none;
    }
    .s-models_text {
        margin-bottom: 20px;
    }
	.s-popular h2,
	.s-desc h1{
		font-size: 20px;
	}
	.s-desc_text{
		font-size: 15px;
	}
	.s-gallery_item_background {
		min-height: 200px;
		border-radius: 30px;
	}
	.s-gallery_list,
	.s-gallery_item	{
		gap: 5px;
		border-radius: 10px;
	}
}

@media all and (max-width: 450px) {
    .s-models_btn::after {
        display: none;
    }
    .s-advantages_list {
        grid-template-columns: 1fr;
    }
    .s-sertificats_list {
        grid-template-columns: 1fr;
    }
    .s-company-about_counter {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .s-models_imgs-double .s-models_imgs-back {
        height: 170px;
        border-radius: 30px;
    }
    .s-get_price-title {
        line-height: 100%;
    }
    .s-sections_list {
        grid-template-columns: 1fr;
    }
    .s-sections_img img {
        height: 240px;
    }
    .s-question_block {
        grid-template-columns: 2fr 3fr;
        height: 180px;
        border-radius: 30px;
    }
    .s-question_block-title {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .s-question_block-text {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .s-btn-icon {
        font-size: 12px;
        padding: 7px 15px 7px 25px;
    }
    .s-btn-icon--telegram span::before {
        left: -18px;
        top: 1px;
        background-size: 15px;
        background-repeat: no-repeat;
    }
    .s-btn-icon--wa span::before {
        left: -18px;
        top: 1px;
        background-size: 15px;
        background-repeat: no-repeat;
    }
    .s-models_title,
    .s-gallery_title,
    .s-get_price-title,
    .s-sections_title,
    .s-advantages_title,
    .s-sertificats_title,
    .s-company_title {
        font-size: 18px;
    }

    .s-models_text,
    .s-get_price-text,
    .s-gallery_text,
    .s-advantages_text,
    .s-sertificats_text,
    .s-company_text {
        font-size: 15px;
    }

    .s-company-about_counter div:nth-child(1) {
        font-size: 22px
    }
    .s-company-about_counter div:nth-child(2) {
        font-size: 18px
    }
	.s-gallery_item_background {
		min-height: 100px;
		border-radius: 10px;
	}
	
}

@media (prefers-color-scheme: dark) {
	.s-models_title,
    .s-gallery_title,
    .s-get_price-title,
    .s-sections_title,
    .s-advantages_title,
    .s-sertificats_title,
    .s-company_title,
	.s-sections_name,
	.s-popular h2,
	.s-desc h1,
	.s-desc_text {
        color: #fff;
    }

    .s-models_text,
    .s-get_price-text,
    .s-gallery_text,
    .s-advantages_text,
    .s-sertificats_text,
    .s-company_text,
	.s-popular_warning{
        color: #fff;
    }
	
	.s-banner_text,
	.s-banner_title {
		color: #222;
	}
}
/* End */
/* /bitrix/templates/aspro_max/css/style_opt.css?178948607320840 */