@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap);

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--main-font-family, system-ui);
    font-weight: 400;
    font-size: 18px;
    color:var(--dark_text);
    line-height:1.3;
}

h1 {
    font-size: 64px;
    letter-spacing: -2.64px;
    line-height: 1.1;
    margin-top: 0;
}

h2 {
    font-size: 44px;
    margin-top: 0;
    letter-spacing: -0.72px;
    line-height: 1.1;
}

strong {
    font-weight: 600;
}

button {
    font-family: var(--main-font-family, system-ui);
}

img {
    max-width: 100%;
}

.main {
	position:relative;
}

.page {
	padding-top: 35vh;
	padding-bottom: 50px;
}

.container {
    max-width: 1228px;
    margin: 0 auto;
    padding: 0 10px;
}

.s-section {
    padding: 40px 0;
}

.btn_default {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border: none;
    color: #fff;
    height: 64px;
    padding: 0 40px;
    border-radius: 900px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
	text-decoration: none;
	transition: .4s ease;
}

.btn_default.collors {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 32px;
}

.btn_default.collors > .collors {
    display: flex;
    margin-left: 16px;
}

.btn_default.collors > .collors span {
    width: 32px;
    height: 32px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    margin-left: -16px;
}

.btn_default.collors > .collors span:nth-child(1) {
    background-color: #FFF6E0;
}

.btn_default.collors > .collors span:nth-child(2) {
    background-color: #EFF2EE;
}

.btn_default.collors > .collors span:nth-child(3) {
    background-color: #DADCCB;
}

.btn_default.collors > .collors span:nth-child(4) {
    background-color: #EFE8E4;
}

.btn_default.collors > .collors.kids span:nth-child(1) {
    background-color: #9DCBEE;
}

.btn_default.collors > .collors.kids span:nth-child(2) {
    background-color: #F5E6CF;
}

.btn_default.collors > .collors.kids span:nth-child(3) {
    background-color: #D4AAA1;
}

.btn_default.collors > .collors.kids span:nth-child(4) {
    background-color: #E1EFDF;
}

.btn_default.collors > .collors.northern span:nth-child(1) {
    background-color: #EA9D7D;
}

.btn_default.collors > .collors.northern span:nth-child(2) {
    background-color: #DCDBAF;
}

.btn_default.collors > .collors.northern span:nth-child(3) {
    background-color: #C2AFB9;
}

.btn_default.collors > .collors.northern span:nth-child(4) {
    background-color: #EFE8E4;
}

.btn_default.line {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: transparent;
}

.btn_default.blue {
    background-color: var(--blue);
}

.btn_default.secondary {
    background-color: var(--secondary);
}

.btn_default.btn_icon {
    display: flex;
    gap: 8px;
    align-items: center;
	justify-content: center;
}

.btn_default.btn_icon span {
    width:16px;
    height: 16px;
    background-repeat: no-repeat;
}

.contact-icon-js {
    position: relative;
}

.contact-icon-js .contact-icon-tooltip {
    position: absolute;
    background-color: var(--primary);
    color: #fff;
    font-size: 16px;
    padding: 4px 12px;
    border-radius: 25px;
    transition: .4s ease;
    opacity: 0;
}

.contact-icon-js .contact-icon-tooltip.position-bottom {
    top: calc(100% + 0px);
    left: 50%;
    transform: translateX(-50%);
}

.contact-icon-js .contact-icon-tooltip.active {
    opacity: 1;
}

.contact-icon-js .contact-icon-tooltip.position-bottom.active {
    top: calc(100% + 10px);
}

header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

header .header__mobile {
    display: block;
}

.header__mobile .burger , .header__mobile .phone {
    width: 48px;
    height: 48px;
    display: block;
}

.header__mobile .phone {
    background-image: url(../images/phone.svg);
}

.header__mobile .burger {
    background-color: transparent;
    border: none;
    background-image: url(../images/burger.svg);
}

.header__inner {
    display: flex;
}

.header__wrapper-logo   {
    width: 285px;
    position: relative;
}

.header__wrapper-logo img {
    position: absolute;
    height: 36vh;
    max-height: 283px;
    width: 100%;
}

.header__side_left {
    display: flex;
    gap:8px;
    align-items: center;
    padding-top: 24px;
    flex: 1;
}

.header__side_left .btn_default {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: transparent;
    height: 48px;
    padding: 0px 24px;
}

.header__label_contacts {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    opacity: 0.5;
    color: #fff;
}

.header__item_contacts a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3;
}

.header__side_right {
    padding-top: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: flex-end;
    flex: 1;
}

.header__mode_job {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.header__side_right .header__label_contacts {
    text-align: right;
}

.header__socs {
    display: flex;
    gap: 8px;
}

.header__socs .item_soc {
    width: 48px;
    height: 48px;
}

@media (min-width:992px) {
    header .header__mobile {
        display: none;
    }
}

@media (max-width:1200px) {
    .header__side_left button {
        display: none;
    }
}

@media (max-width:991px) {
    header .header__item_contacts {
        display: none;
    }

    .header__socs {
        display: none;
    }

    .header__mode_job {
        font-size: 13px;
    }
}

@media (max-width:767px) {
    .header__mode_job {
        display: none;
    }

    .header__side_left .btn_default {
        display: none;
    }
}

@media (max-width:480px) {
	.header__wrapper-logo img {
		max-height: 210px;
	}
}

.icon-buy {
    background-image: url(../images/buy.svg);
}

.section_title {
    font-size: 80px;
    text-align: center;
    letter-spacing: -4.8px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    color: var(--secondary);
}

.section_title__small {
    font-size: 36px;
    color: var(--secondary);
    letter-spacing: -0.72px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}

.section_title__small.gray {
    color: var(--gray);
}

.section_title__middle {
    font-size: 44px;
    letter-spacing: -2.64px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
    color: var(--secondary);
}

.text_over_title {
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: -0.56px;
    text-align: center;
    color: var(--secondary);
    font-weight: 500;
    margin-bottom: 5px;
}

.section_content .text *:last-child {
    margin-bottom: 0;
}

.section_content .text * {
    margin: 0 0 20px;
}

.section_head .head_text {
    font-size: 22px;
    letter-spacing: -0.44px;
}

.section_head .btn_default {
    margin: 32px auto 0;
}

.item_soc {
    background-size: contain;
}

.item_soc.phone {
    background-image: url(../images/phone-circle.svg);
}

.item_soc.telegram {
    background-image: url(../images/telega-circle.svg);
}

.item_soc.whatsapp {
    background-image: url(../images/whatsapp-circle.svg);
}

.f-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

.f-fields .f-fields-group {
	display: flex;
	gap:16px;
}

.f-field input[type="text"].wpcf7-not-valid, .f-field input[type="email"].wpcf7-not-valid, .f-field input[type="tel"].wpcf7-not-valid, .f-field textarea.wpcf7-not-valid {
	border: 1px solid var(--error, #CC463A);
	background: var(--bg_error, #FBE8E8);
}

.f-field input[type="text"]::placeholder, .f-field input[type="email"]::placeholder, .f-field input[type="tel"]::placeholder, .f-field textarea::placeholder {
	color: var(--input_text);
} 

.f-field input[type="text"], .f-field input[type="email"] {
	font-family: "Wix Madefor Display";
	padding: 9px 12px;
	border-radius: 4px;
	border: 1px solid var(--input_stroke);
	width: 100%;
	height: 48px;
	font-size: 16px;
}

.f-field input[type="tel"] {
	font-family: "Wix Madefor Display";
	width: 100%;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid var(--input_stroke);
	height: 48px;
	font-size: 16px;
	border-radius: 4px;
}

.f-field textarea {
	font-family: "Wix Madefor Display";
	width: 100%;
	padding: 9px 12px;
	border-radius: 4px;
	border: 1px solid var(--input_stroke);
	font-size: 16px;
	height: 90px;
}

.f-actions input[type="submit"] {
	height: 48px;
	font-size: 14px;
	width: 100%;
}

.wpcf7-form .f-actions .wrapper-btn {
	position: relative;
}

.wpcf7-form .f-actions .wpcf7-spinner {
	position:absolute;
	margin: 0;
    right: 0;
}

.wpcf7-form .agreement {
	margin-top: 24px;
}

.wpcf7-form .agreement .wpcf7-list-item {
	margin: 0;
}

.wpcf7-form .agreement .wpcf7-list-item label input {
	display:none;
}

.wpcf7-form .agreement .wpcf7-list-item label .wpcf7-list-item-label:after {
	content:none;
}

.wpcf7-form .agreement .wpcf7-list-item label .wpcf7-list-item-label:before {
	content:'';
	width: 16px;
    height: 16px;
    display: block;
    border-radius: 3px;
    border: 1.5px solid var(--input_stroke);
	background-repeat: no-repeat;
    background-position: center center;
	flex-shrink:0;
}

.wpcf7-form .agreement .wpcf7-list-item label input:checked + .wpcf7-list-item-label:before {
	background-image:url(../images/checkbox.svg);
}

.wpcf7-form .agreement .wpcf7-list-item label .wpcf7-list-item-label {
	display: flex;
    gap: 8px;
    font-size: 12px;
    color: var(--grey_text);
}

.wpcf7-not-valid-tip {
	font-size: 12px;
    position: absolute;
}

.iti {
	font-size: 16px;
	font-family: "Wix Madefor Display";
}

.iti__selected-dial-code {
	line-height: 1;
}

/************modal-sun-cf7************/

.modal-sun.modal-sun-cf7 {
	padding: 16px;
}

.modal-sun.modal-sun-cf7 .modal-close {
	top: 20px;
    right: 20px;
}

.modal-sun.modal-sun-cf7 .modal-inner {
	border: 1px solid rgba(143, 109, 78, 0.50);
}

.modal-sun-overlay[data-id="callback"] .modal-sun.modal-sun-cf7 {
	max-width:570px;
}

.modal-sun-overlay[data-id="callback"] .modal-sun.modal-sun-cf7 .modal-inner {
	padding: 40px;
}

.modal-sun-overlay[data-id="order"] .modal-sun.modal-sun-cf7 {
	max-width: 400px;
}

.modal-sun-overlay[data-id="order"] .modal-sun.modal-sun-cf7 .modal-inner {
	padding: 32px;
}

.modal-sun-cf7__head {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
}

.modal-sun-cf7__head .title {
	font-size: 26px;
	font-weight: 600;
	line-height:1.1;
	letter-spacing: -0.52px;
	text-transform: uppercase;
}

.modal-sun-cf7__head .text {
	color: var(--grey_text);
	font-size: 16px;
}

/************modal-sun-cf7************/

/************mobile_navigation************/

.mobile_navigation {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #4C3029;
    height: 100%;
    transform: translateX(-100%);
    width: 80%;
    padding: 24px;
    transition: .4s ease;
}

.mobile_navigation__overlay {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 20%;
    height: 100%;
    transition: .4s ease;
    background: rgba(0, 0, 0, 0.60);
}

.mobile_navigation.active, .mobile_navigation__overlay.active {
    transform: translateX(0%);
}

.mobile_navigation__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

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

.mobile_navigation__menu ul li:first-child {
    padding-top: 0;
}

.mobile_navigation__menu ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding: 16px 0;
}

.mobile_navigation__menu ul li a {
    color:#fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase;
}

.mobile_navigation__contacts {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.mobile_navigation__contacts .header__item_contacts {
    display: block;
}

.header__item_contacts__phone {
    margin-bottom: 16px;
}

.mobile_navigation__socs {
    display: flex;
    gap: 10px;
    margin: 24px 0 16px;
}

.mobile_navigation__socs .item_soc_mobile {
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 124px;
}

.mobile_navigation__socs .item_soc_mobile::before {
    content:'';
    width: 16px;
    height: 16px;
}

.mobile_navigation__socs .item_soc_mobile.telegram {
    background-color: #37AEE2;
    
}

.mobile_navigation__socs .item_soc_mobile.telegram::before {
    background-image: url(../images/telega.svg);
}

.mobile_navigation__socs .item_soc_mobile.whatsapp {
    background-color: #2AD34E;
}

.mobile_navigation__socs .item_soc_mobile.whatsapp::before {
    background-image: url(../images/whatsapp.svg);
}

.mobile_navigation__contacts .btn_default {
    height: 40px;
    background-color: var(--secondary);
    font-size: 12px;
    max-width: 258px;
    width: 100%;
}

.mobile_navigation__overlay button{
    width: 69px;
    height: 86px;
    background-color: #6E473E;
    border: none;
    background-image: url(../images/close.svg);
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width:992px) {
    .mobile_navigation , mobile_navigation__overlay {
        display: none;
    }
}

@media (max-width:480px) {
    .mobile_navigation__overlay {
        width: 69px;
    }

    .mobile_navigation {
        width: calc(100% - 69px);
        overflow: hidden;
    }
}

/************mobile_navigation************/

/************s-hero************/

.s-hero .wrapper-hero {
    position: relative;
}

.s-hero .slider-hero {
    height: 100vh;
    max-height: 780px;
}

.s-hero .slider-hero-collects .slick-arrow {
    position: absolute;
    background-image: url(../images/arrow-circle.svg);
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background-color: transparent;
    border: none;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
	transition:.4s ease;
}

.s-hero .slider-hero-collects .slick-arrow.slick-next {
    right: 60px;
}

.s-hero .slider-hero-collects .slick-arrow.slick-prev {
    left: 60px;
    transform:translateY(-50%) rotate(180deg)
}

.s-hero .slider-hero-collects .slick-arrow.slick-disabled {
    opacity: 0.4;
    cursor: default;
}

.s-hero .slider-hero {
    background-color: #1a1514bf;
}

.s-hero .slider-hero .slide-hero {
    height: 100vh;
    max-height: 780px;
    display: flex;
    background-color: #1A1514;
    position: relative;
}

.s-hero .slide-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1a1514bf;
}

.s-hero .slide-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 780px;
}

.slide-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -30%);
}

.slide-hero__content .color-collection {
    display: flex;
    margin-left: 12px;
    margin-bottom: 16px;
}

.slide-hero__content .color-collection .item {
    width: 32px;
    height: 32px;
    background-color: #E0D3BC;
    border: 2px solid #282321;
    border-radius: 50%;
    margin-left: -12px;
}

.slide-hero__content .title-hero {
    font-size: 44px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -2.64px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}

.slide-hero__content .btn_default {
    margin-top: 32px;
}

.slide-hero__content .info {
    margin-top: 12px;
    font-size: 28px;
    color: var(--white_70);
    letter-spacing: -0.56px;
    line-height: 1.2;
    font-weight: 400;
}

.slider-hero__controls {
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
}

.slider-hero__controls .item_controls {
    padding: 30px 56px;
    color: #fff;
    flex: 1;
    text-align: center;
    letter-spacing: -0.36px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
	border-right: 1px solid rgba(255, 255, 255, 0.30);
	border-top: 1px solid rgba(255, 255, 255, 0.30);
	transition: .4s ease;
}

.slider-hero__controls .item_controls:last-child {
	border-right: none;
}

.slider-hero__controls .item_controls.active {
    background: rgba(110, 71, 62, 0.70);
	border-top: 1px solid rgba(110, 71, 62, 0.70);
}

@media (hover:hover){
	.s-hero .slider-hero-collects .slick-arrow:not(.slick-disabled):hover {
		cursor:pointer;
		background-image: url(../images/arrow-circle-h.svg);
	}
	
	.slider-hero__controls .item_controls:not(.active):hover {
		background-color: rgba(255, 255, 255, 0.30);
	}
}

@media (max-width:1200px){
    .s-hero .slider-hero-collects .slick-arrow {
        width: 64px;
        height: 64px;
    }

    .s-hero .slider-hero-collects .slick-arrow.slick-next {
        right: 30px;
    }

    .s-hero .slider-hero-collects .slick-arrow.slick-prev {
        left: 30px;
    }
}

@media (max-width:991px) {
    .slide-hero__content .title-hero {
        font-size: 38px;
    }

    .s-hero .slider-hero-collects .slick-arrow {
        width: 50px;
        height: 50px;
    }

    .slider-hero__controls {
        display:none;
    }
    
}

@media (max-width:767px) {
    .slider-hero-collects .slick-dots {
        bottom: 50px;
    }

    .slide-hero__content .title-hero {
        font-size: 28px;
    }

    .s-hero .slider-hero-collects .slick-controls {
        position: absolute;
        bottom: 40px;
        display: flex;
        padding: 0 28px;
        width:100%;
        align-items: center;
    }

    .s-hero .slider-hero-collects .slick-controls span {
        flex: 1;
        height: 1px;
        background: rgba(255, 255, 255, 0.30);
        margin: 0 8px;
    }

    .s-hero .slider-hero-collects .slick-arrow {
        position: static;
        width: 32px;
        height: 32px;
        transform: none;
    }

    .s-hero .slider-hero-collects .slick-arrow.slick-prev {
        transform: rotate(180deg);
    }

    .slider-hero-collects .slick-dots {
        position: static;
        display: flex;
        list-style: none;
        gap: 12px;
        padding: 0;
        margin: 0;
    }

    .slider-hero-collects .slick-dots li button {
        display: flex;
    }
    
    .slider-hero-collects .slick-dots li button {
        text-indent: -99999px;
        width:10px;
        height:10px;
        border:1px solid var(--input_bg);
        border-radius: 50%;
        padding: 0;
        background-color: transparent;
        transition: .3s ease;
    }

    .slider-hero-collects .slick-dots li.slick-active button {
        background-color: var(--input_bg);
    }
}
/************s-hero************/

/************s-collection************/

.s-collection {
    padding-top: 120px;
    padding-bottom: 40px;
	position: relative;
}

.s-collection .site_decor {
	position: absolute;
	top: 230px;
    z-index: -1;
    right: 0;
}

.s-collection .section_head {
    margin-bottom: 40px;
}

.s-collection__top {
    display: flex;
    margin-bottom: 40px;
}

.s-collection__top .media-cols {
    display: flex;
    gap: 32px;
}

.s-collection__top .media-cols .media-thumb {

}

.s-collection__top .media-cols .media-main {

}

@media (max-width:1200px) {
    .s-collection__top .fly-right , .s-collection__top .fly-left {
        display: none;
    }

    .s-collection__top {
        justify-content: center;
    }
}

@media (max-width:767px) {
    .s-collection {
        padding-top: 48px;
        padding-bottom: 24px;
    }

    .s-collection__top {
        flex-direction: column;
        margin-bottom: 0;
    }

    .s-collection .s-collection__top .text {
        max-width: none;
        text-align: center;
        order: -1;
        margin-bottom: 32px;
    }

    .s-collection .s-collection__top .wrapper-media {
        margin-right: 0;
        justify-content: center;
    }

    .s-collection__top .media-cols .media-main {
        display: flex;
        margin: 0 auto;
    }

    .s-collection__top .media-cols .media-thumb {
        display: none;
    }
}

@media (max-width: 480px) {
    .s-collection__top .wrapper-media img {
        width: 100%;
    }

    .s-collection .section_head {
        margin-bottom: 16px;
    }

    .s-collection .s-collection__top .text {
        font-size: 15px;
        font-weight: 600;
        max-width: 255px;
        margin: 0 auto 32px;
    }

    .s-collection__top .media-cols .media-main {
        max-height: 233px;
    }

    .s-collection__top .media-cols .media-main img {
        object-fit: cover;
    }
}

/************s-collection************/

/************s-collection_v2************/

.s-collection_v2 {
    padding-top: 120px;
    position: relative;
}

.s-collection_v2 .decor {
    position: absolute;
    z-index: -1;
}

.s-collection_v2 .decor.decor__left {
    left: 20px;
}

.s-collection_v2 .decor.decor__right {
    right: 20px;
    transform: rotateY(180deg);
}

.s-collection_v2 .section_head {
    margin-bottom: 40px;
}

.s-collection_v2 .text_over_title {
    color: var(--gray);
}

.s-collection_v2 .section_title.gray {
    margin-bottom: 32px;
    color: var(--gray);
}

.s-collection_v2 .s-collection__top .sides {
    display: flex;
    width: 100%;
    gap: 32px;
}

.s-collection_v2 .s-collection__top .sides .side {
    flex: 1;
}

.s-collection_v2 .side__text .imgs {
    display: flex;
    gap: 32px;
}

.s-collection_v2 .side__text .imgs .item {
    display: flex;;
}

.s-collection_v2 .side__text .imgs .item:last-child {
    
}

.s-collection_v2 .s-collection__top .text {
    font-size: 18px;
    margin-bottom: 32px;
}

.s-collection_v2 .side__media {
    display: flex;
}

.s-collection_v2 .count-collection .sides_text {
    max-width: 870px;
}

.s-collection_v2 .count-collection .sides_text .side_left {
    flex-shrink: 0;
}

.s-collection_v2 .count-collection .sides_text .side_right {
    max-width: 450px;
}

@media (max-width: 1200px){
    .s-collection_v2 .decor {
        display: none;
    }
}

@media (max-width: 767px){
    .s-collection_v2 .section_head {
        margin-bottom: 32px;
    }

    .s-collection_v2 .s-collection__top .sides {
        flex-direction: column;
        gap: 24px;
    }

    .s-collection_v2 .side__text .imgs {
        display: none;
    }

    .s-collection_v2 .side__media {
        order: -1;
        justify-content: center;
    }

    .s-collection_v2 .count-collection .btn_default {
        display: flex;
    }
}

/************s-collection_v2************/

/************count-collection************/

.count-collection {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.count-collection .sides_text {
    max-width: 760px;
    display: flex;
    position: relative;
}

.count-collection .sides_text .side_left {
    display: flex;
    gap: 16px;
    padding-right: 32px;
    position: relative;
}

.count-collection .sides_text .side_left:before {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 90%;
    background: rgba(0, 0, 0, 0.20);
    top: 50%;
    transform: translateY(-50%);
}

.count-collection .sides_text .side_left span:first-child {
    font-size: 66px;
    letter-spacing: -1.32px;
    line-height: 0.82;
}

.count-collection .sides_text .side_left span:last-child {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.44px;
}

.count-collection .sides_text .side_right {
    max-width: 400px;
    padding-left: 32px;
    font-size: 16px;
}

.count-collection .btn_default {
    display: none;
}

@media (max-width:767px) {
    .count-collection {
        padding: 24px 20px 40px 20px;
        background-color: var(--bg_secondary);
    }

    .count-collection .sides_text {
        flex-direction: column;
    }

    .count-collection .sides_text .side_left {
        display: block;
        gap: 0;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .count-collection .sides_text .side_left {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

    .count-collection .sides_text .side_left span:first-child , .s-collection__bottom .sides_text .side_left span:last-child {
        font-size: inherit;
        line-height: 1.3;
    }

    .count-collection .sides_text .side_left span:last-child {
        font-size: 18px;
    }

    .count-collection .sides_text .side_left:before {
        content: none;
    }

    .count-collection .sides_text .side_right {
        font-size: 15px;
        text-align: center;
        padding-left: 0;
    }

    .count-collection .btn_default {
        display: flex;
    }
    
}

/************count-collection************/

/************s-northern-palette************/

.s-northern-palette .section_head {
    margin-bottom: 32px;
    text-align: center;
}

.s-northern-palette .section_head {}

.s-northern-palette .collects {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 16px;
}

.s-northern-palette .collects .collect {
    max-width: 358px;
    display: flex;
    justify-content: space-between;
    gap: 2px;
    flex: 1;
}

.s-northern-palette .collects .collect .colors {
    width: 100%;
}

.s-northern-palette .collects .collect .colors .colors__row {
    gap: 2px;
    display: flex;
}

.s-northern-palette .collects .collect .colors .colors__row.top .color {
    border-radius: 0 0 25px 25px;
}

.s-northern-palette .collects .collect .colors .colors__row.bottom .color {
    border-radius: 25px 25px 0 0 ;
}

.s-northern-palette .collects .collect .color {
    max-width: 50px;
    height: 30px;
    flex:1;
    transition: .4s ease;
}

.s-northern-palette .collects .collect .colors .color:hover {
    box-shadow: 0 0 0 2px currentColor;
    z-index: 1;
}

.s-northern-palette .text {
    text-align: center;
}

.s-northern-palette .text.top {
    font-weight: 600;
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .s-northern-palette .collects {
        flex-direction: column;
        align-items: center;
    }

    .s-northern-palette .collects .collect {
        width: 100%;
    }
}

/************s-northern-palette************/

/************s-northern-content-media************/

.s-northern-content-media .sides {
    display: flex;
    gap: 40px;
}

.s-northern-content-media .sides .side__media {
    flex-basis: 493px;
    flex-shrink: 0;
    max-width: 493px;
}

.s-northern-content-media .sides .side__media .media__palettes {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
}

.s-northern-content-media .sides .side__media .media__palettes .media {
    display: flex;
}

.s-northern-content-media .sides .side__media .media__palettes .palettes {
    display: flex;
    gap: 2px;
}

.s-northern-content-media .sides .side__media .media__palettes .palettes span {
    display: flex;
    height: 27px;
    border-radius: 0px 0px 90px 90px;
    flex: 1;
    transition: .4s ease;
}

.s-northern-content-media .sides .side__content .section_title__small {
    margin-bottom: 24px;
}

@media (hover:hover) {
    .s-northern-content-media .sides .side__media .media__palettes .palettes span:hover {
        height: 35px;
    }
}

@media (min-width:992px) {
    .s-northern-content-media .sides .side__media .media__palettes .palettes {
        position: absolute;
        top: calc(100% + 2px);
        width: 100%;
    }
}

@media (max-width:991px) {
    .s-northern-content-media .sides {
        gap: 24px;
        flex-direction: column;
    }

    .s-northern-content-media .sides .side__media {
        margin: 0 auto;
        flex-basis: auto;
    }
}

@media (max-width: 480px) {
    .s-northern-content-media .sides .side__media .media__palettes .media {
        height: 255px;
    }

    .s-northern-content-media .sides .side__media .media__palettes .palettes span {
        height: 20px;
    }
}

/************s-northern-content-media************/

/************s-northern-content-media-v2************/

.s-northern-content-media-v2 .sides {
    display: flex;
    gap: 72px;
}

.s-northern-content-media-v2 .sides .side__media {
    flex-basis: 348px;
    flex-shrink: 0;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes .media {
    display: flex;
    min-height: 349px;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes .media img {
    object-fit: cover;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes .media.radius img {
    border-radius: 600px 600px 0px 0px;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes .palettes {
    display: flex;
    gap: 2px;
}

.s-northern-content-media-v2 .sides .side__media .media__palettes .palettes span {
    display: flex;
    height: 40px;
    border-radius: 0px 0px 90px 90px;
    flex: 1;
    transition: .4s ease;
}

.s-northern-content-media-v2 .sides .side__content .section_title__small {
    margin-bottom: 24px;
}

@media (hover:hover) {
    .s-northern-content-media-v2 .sides .side__media .media__palettes .palettes span:hover {
        height: 45px;
    }
}

@media (min-width:992px) {
    .s-northern-content-media-v2 .sides .side__media .media__palettes .palettes {
        position: absolute;
        top: calc(100% + 2px);
        width: 100%;
    }
}

@media (max-width:991px) {
    .s-northern-content-media-v2 .sides {
        gap: 24px;
    }
}

@media (max-width:767px) {
    .s-northern-content-media-v2 .sides {
        flex-direction: column;
    }

    .s-northern-content-media-v2 .sides .side__media {
        max-width: 348px;
        flex-basis: auto;
        order: 1;
        margin: 0 auto;
    }
}

@media (max-width:480px) {
    .s-northern-content-media-v2 .sides .side__media .media__palettes .media {
        max-height: 377px;
    }

    .s-northern-content-media-v2 .sides .side__media .media__palettes .media img {
        width: 100%;
    }
}

/************s-northern-content-media-v2************/

/************s-divider************/

.s-divider {
    overflow: hidden;
}

.s-divider .s-content {
    display: flex;
    gap: 9px;
    justify-content: center;
}

.s-divider .s-content .item {
    flex-basis: 479px;
    flex-shrink: 0;
}

.s-divider .s-content .item img {}

@media (max-width:480px) {
    .s-divider{
        display: none;
    }
}

/************s-divider************/

/************s-examples************/

.s-examples .section_head {
    margin-bottom: 40px;
    text-align: center;
}

.s-examples .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
}

.item__palettes_example {
    max-width: 283px;
    width: 100%;
    position: relative;
}

.item__palettes_example .thumb {
    display: flex;
}

.item__palettes_example .collors {
    display: flex;
    gap: 2px;
}

.item__palettes_example .collors span {
    display: block;
    height: 40px;
    flex: 1;
    border-radius: 0px 0px 90px 90px;
    transition: .4s ease;
}

.item__palettes_example .collors.fixed {
    justify-content: center;
}

.item__palettes_example .collors.fixed span {
    max-width: 55px;
}

@media (hover:hover) {
    .item__palettes_example .collors span:hover {
        height: 45px;
    }
}

@media (min-width:991px) {
    .item__palettes_example {
        padding-bottom: 40px;
    }

    .item__palettes_example .collors {
        position: absolute;
        top: calc(100% - 38px);
        width: 100%;
    }
}

@media (max-width:991px) {
    .s-examples .items {
        grid-template-columns: 1fr 1fr;
        width: max-content;
        margin: 0 auto;
    }
}

@media (max-width:640px) {
    .s-examples .items {
        width: auto;
    }

    .item__palettes_example {
        
    }

    .item__palettes_example .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width:480px) {
    .s-examples .items {
        grid-template-columns: auto;
        justify-content: center;
    }
}

/************s-examples************/

/************s-text__image_beyond************/

.s-text__image_beyond .sides {
    display: flex;
    gap: 60px;
    align-items: center;
}

.s-text__image_beyond .sides .side_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.s-text__image_beyond .sides .side_left .section_title__small {
    margin-bottom: 24px;
}

.s-text__image_beyond .sides .side_left .text {
    font-size: 18px;
}

.s-text__image_beyond .sides .side_right {
    flex: 1;
}

@media (min-width:1600px) {
    .s-text__image_beyond .sides .side_left {
        flex-basis: 675px;
        flex-shrink: 0;
    }

    .s-text__image_beyond .sides .side_right {
        flex-shrink: 0;
        flex-basis: 679px;
    }
}

@media (max-width:1200px) {
    .s-text__image_beyond .sides {
        flex-direction: column;
    }

    .s-text__image_beyond .sides .side_left .section_title__small {
        text-align: center;
    }
}

@media (max-width:480px) {
    .s-text__image_beyond .sides .side_left .text {
        font-size: 15px;
    }
}

/************s-image__text************/

.s-image__text .sides {
    display: flex;
    gap: 40px;
    align-items: center;
}

.s-image__text .side_media {
    flex-basis: 380px;
    flex-shrink: 0;
}

.s-image__text .side_media .thumb {
    display: flex;
}

.s-image__text .side_content .section_title__small {
    margin-bottom: 24px;
}

@media (max-width:991px){
    .s-image__text .sides {
        flex-direction: column;
    }

    .s-image__text .side_media {
        order: 1;
        display: flex;
        justify-content: center;
        flex-basis: auto;
    }

    .s-image__text .side_content .section_title__small {
        text-align: center;
    }
}

@media (max-width:480px) {
    .s-image__text .side_media .thumb {
        max-height: 245px;
    }
}

/************s-image__text************/

/************s-text__author************/

.s-text__author .sides {
    display: flex;
    gap: 70px;
}

.s-text__author .section_head {
    margin-bottom: 24px;
}

.s-text__author .side_content {
    flex-basis: 560px;
    flex-shrink: 0;
}

.s-text__author .side_author .author__inner {
    display: flex;
    gap: 32px;
    padding: 32px;
    border: 1px solid var(--secondary);
}

.s-text__author .side_author .author__text {
    font-size: 16px;
}

.s-text__author .side_author .author__thumb {
    flex-shrink: 0;
    flex-basis: 127px;
}

@media (max-width:1200px) {
    .s-text__author .sides {
        gap:30px;
    }

    .s-text__author .side_content {
        flex-basis: auto;
        flex-shrink: 1;
    }
}

@media (max-width:991px) {
    .s-text__author .sides {
        flex-direction: column;
    }
}

@media (max-width:480px) {
    .s-text__author .sides {
        gap: 24px;
    }

    .s-text__author .side_author .author__inner {
        flex-direction: column;
        gap: 24px;
    }
}

/************s-text__author************/

/************s-why_mosaic************/

.s-why_mosaic {
    position: relative;
    padding-bottom: 100px;
}

.s-why_mosaic .site_decor-2 {
	position: absolute;
	bottom: 160px;
    z-index: -1;
    left: 0;
}

.s-why_mosaic .bg_elm {
    position: absolute;
    bottom: 0;
    z-index: -2;
    display: flex;
    overflow: hidden;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.s-why_mosaic .bg_elm img {
    min-width: 1900px;
}

.s-why_mosaic .bg_elm2 {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.s-why_mosaic .section_head {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}

.s-why_mosaic .btn_default {
    margin: 32px auto 0;
}

.s-why_mosaic .items {
    display: grid;
    grid-template-columns: 273px 1fr 273px;
    grid-gap: 32px;
    max-width: 1008px;
    margin: 0 auto;
}

.s-why_mosaic .items .item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.s-why_mosaic .items .item .icon {
    width:28px;
    height:28px;
    background-image: url(../images/triangle.svg);
}

.s-why_mosaic .items .item .text {
    text-align: center;
}

@media (max-width:991px) {
    .s-why_mosaic {
        background: linear-gradient(180deg, #FFF 43.4%, #F5F1E8 100%);
    }

    .s-why_mosaic .bg_elm , .s-why_mosaic .bg_elm2 {
        display: none;
    }

    .s-why_mosaic .items {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 16px;
    }
}

@media (max-width:767px) {
    .s-why_mosaic.s-section {
        padding-bottom: 64px;
    }

    .s-why_mosaic .items {
        grid-template-columns: 1fr;
    }

    .s-why_mosaic .items .item {
        max-width: 290px;
        margin: 0 auto;
    }
}

/************s-why_mosaic************/

/************s-collection-v2************/

.s-collection-v2 {
    padding-top: 120px;
}

.s-collection-v2 .section_head {
    margin-bottom: 40px;
}

.s-collection-v2 .text_over_title {
    color: var(--blue);
}

.s-collection-v2 .section_title {
    color: var(--blue);
}

.s-collection-v2 .items {
    display: grid;
    grid-template-columns: 388px 1fr 388px;
    grid-gap: 58px;
    margin: 0 auto 40px;
}

.s-collection-v2 .item__title {
    padding-top: 20px;
}

.s-collection-v2 .item__title .item_title {
    font-size: 29px;
    color: var(--secondary);
    letter-spacing: -0.58px;
    line-height: 1.1;
    margin-bottom: 32px;
    font-weight: 600;
}

.s-collection-v2 .item__title .thumb {
    max-height: 244px;
}

.s-collection-v2 .item__image {
    display: flex;
}

.s-collection-v2 .item__image img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-collection-v2 .item__icon {
    padding-top: 72px;
}

.s-collection-v2 .item__icon .icon {
    display: block;
    margin-bottom: 16px;
    width: 80px;
    height: 80px;
    background-image: url(../images/icon.svg);
}

.s-collection-v2 .count-collection .sides_text {
    max-width: 1020px;
}

.s-collection-v2 .count-collection .sides_text .side_right {
    max-width: 495px;
    font-size: 16px;
}

@media (max-width:1200px) {
    .s-collection-v2 .items {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 30px;
    }
}

@media (max-width:991px) {
    .s-collection-v2 .item__title .thumb, .s-collection-v2 .item__icon .icon {
        display: none;
    }

    .s-collection-v2 .item__title , .s-collection-v2 .item__icon {
        padding-top: 0;
    }

    .s-collection-v2 .item__title .item_title {
        text-align: center;
    }

    .s-collection-v2 .items {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .s-collection-v2 .item__image {
        margin-bottom: 24px;
    }

    .s-collection-v2 .item__image img {
        max-height: 400px;
    }
}

@media (max-width:767px) {
    .s-collection-v2 .item__image img {
        max-height: 250px;
    }

    .s-collection-v2 .item__title .item_title {
        font-size: 15px;
        font-weight: 600;
        max-width: 215px;
        margin: 0 auto 32px;
    }

    .s-collection-v2 .items {
        margin: 0 auto 32px;
    }
}

@media (max-width:480px) {
    .s-collection-v2 .section_head {
        margin-bottom: 16px;
    }
}

/************s-collection-v2************/

/************s-important************/

.s-important .section_head {
    margin-bottom: 40px;
}

.s-important .section_head .section_title__small {
    color: var(--blue);
    max-width: 870px;
    margin: 0 auto;
    text-align: center;
}

.s-important .items {
    display: grid;
    grid-template-columns: repeat(3, minmax(280px, 388px));
    grid-gap: 32px;
    justify-content: center;
}

.s-important .items .item {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 40px;
    background-color: var(--bg_secondary);
}

.s-important .items .item .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.s-important .items .item .item_title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.44px;
    line-height:1.2;
    text-align: center;
}

.s-important .items .item .text {
    font-size: 16px;
} 

.s-important .items .item:nth-child(odd) {
    border-radius: 200px 200px 20px 20px;
}

@media (max-width:1200px) {
    .s-important .items {
        grid-gap: 16px;
    }

    .s-important .items .item {
        padding: 32px 24px;
    }
}

@media (max-width:991px) {
    .s-important .items {
        grid-template-columns: repeat(1, minmax(280px, 388px));
    }

    .s-important .items .item .item_title {
        font-size: 18px;
    }
}

@media (max-width:480px) {
    .s-important .items {
        grid-gap: 8px;
    }

    .s-important .items .item .text {
        font-size: 15px;
    }
}

/************s-important************/

/************s-palette************/

.s-palette .section_head {
    margin-bottom: 40px;
}

.s-palette .section_head .section_title__small {
    text-align: center;
    color: var(--blue);
}

.s-palette .sides {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.s-palette .side__content {
    max-width: 700px;
}

.s-palette .side__content .text {
    margin-bottom: 32px;
}

.s-palette .side__content .collect_palettes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: max-content;
    grid-gap: 35px;
}

.s-palette .side__content .collect_palettes .item__palette {}

.s-palette .side__content .collect_palettes .item__palette .item__palette___colors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: max-content;
    grid-gap: 2px;
}

.s-palette .side__content .collect_palettes .item__palette .item__palette___colors .palette__color {
    width: 51px;
    height: 51px;
    display: block;
    border-radius: 11px;
}

.s-palette .item__palette .description {
    margin-top: 12px;
    font-size: 14px;
}

.s-palette .side__media {}

@media (max-width:991px) {
    .s-palette .sides {
        flex-direction: column;
        align-items: center;
    }

    .s-palette .side__content .collect_palettes {
        display: none;
    }

    .s-palette .side__content {
        max-width: none;
    }
}

@media (max-width: 480px) {
    .s-palette .sides {
        gap: 24px;
    }

    .s-palette .section_head {
        margin-bottom: 24px;
    }

    .s-palette .side__media {
        height: 250px;
    }

    .s-palette .side__content .text {
        margin-bottom: 0;
    }

    .s-palette .side__media img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/************s-palette************/

/************s-author-v2************/

.s-author-v2 .sides {
    display: flex;
    gap: 32px;
    margin-bottom: 47px;
}

.s-author-v2 .side_content {
    max-width: 700px;
}

.s-author-v2 .side_author {
    flex-shrink: 0;
}

.s-author-v2 .side_author .author__inner {
    border: 1px solid var(--secondary);
    padding: 32px;
    display: flex;
    border-radius: 20px;
    gap: 32px;
    align-items: flex-start;
}

.s-author-v2 .side_author .author__inner .author__thumb {
    flex-basis: 127px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}

.s-author-v2 .side_author .author__inner .author__text {
    font-size: 16px;
    max-width: 270px;
}

@media (max-width:991px){
    .s-author-v2 .sides {
        margin-bottom: 0;
    }

    .s-author-v2 .side_author .author__inner {
        flex-direction: column;
        gap: 24px;
    }
}

@media (max-width:767px){
    .s-author-v2 .sides {
        flex-direction: column;
        gap: 24px;
    }

    .s-author-v2 .side_author .author__inner .author__text {
        max-width: none;
    }
}

@media (max-width:480px){
    .s-author-v2 .side_author .author__inner .author__text {
        font-size: 15px;
    }
}

/************s-author-v2************/

/************block-palette-icons************/

.block-palette-icons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 10px;
}

.palette-icon {
    display: flex;
    width: 80px;
    height: 80px;
}

@media (max-width: 991px) {
    .block-palette-icons {
        display:none;
    }
}

/************block-palette-icons************/

/************s-tabs************/

.s-tabs {
    z-index: 9;
    position: relative;
}

.s-tabs .section_head {
    margin-bottom: 40px;
    text-align: center;
}

.s-tabs .section_title__small {
    color: var(--blue);
    margin-bottom: 24px;
}

.s-tabs .tabs__controls {
    display: flex;
    justify-content: center;
    margin-bottom: -35px;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.s-tabs .tabs__controls .controls {
    display: flex;
    background-color: var(--blue);
    min-height: 70px;
    overflow-y: hidden;
    overflow-x: auto;
    border-radius: var(--border-radius);
}

.s-tabs .tab__controll {
    display: flex;
    align-items: center;
    padding: 0 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: var(--border-radius);
    text-wrap: nowrap;
    cursor: pointer;
}

.s-tabs .tab__controll.active {
    background-color: var(--secondary);
}

.s-tabs .tab__content {
    display: none;
    padding: 72px 40px 40px 40px;
    border-radius: 30px;
    background: var(--bg_secondary, #F5F1E8);
}

.s-tabs .tab__content.active {
    display: block;
}

.s-tabs .tab__content .tab__gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
    margin-bottom: 67px;
}

.s-tabs .tab__content .tab__gallery .item {
    position: relative;
}

.s-tabs .tab__content .tab__gallery .item .thumb {
    height: 230px;
    border-radius: 20px;
    overflow: hidden;
}

.s-tabs .tab__content .tab__gallery .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-tabs .tab__content .tab__gallery .item .icon {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.s-tabs .tab__content .tab__info .sides {
    display: flex;
}

.s-tabs .tab__content .tab__info .side__description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 327px;
    flex-shrink: 0;
}

.s-tabs .tab__content .tab__info .side__description .tab__title {
    font-size: 30px;
    font-weight: 600;
    line-height:1.1;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    color: var(--primary);
    margin: 0;
}

.s-tabs .tab__content .tab__info .side__description .description {
    font-size: 14px;
    color:rgba(0, 0, 0, 0.54)
}

.s-tabs .tab__content .tab__info .side__text {
    padding-left: 32px;
    margin-left: 32px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.s-tabs .tab__content .tab__info .side__text .text {
    font-size: 16px;
}

@media (max-width:1200px) {
    .s-tabs .tab__content .tab__gallery {
        grid-gap: 16px;
    }
}

@media (max-width:991px) {
    .s-tabs .tabs__controls {
        border-radius: 0;
        background-color: var(--bg_secondary);
        margin-bottom: 0;
        padding-top: 12px;
    }

    .s-tabs .tab__controll {
        text-align: left;
    }

    .s-tabs .tab__content {
        padding: 32px 20px 40px 20px;
        border-radius: 0;
    }

    .s-tabs .tab__content .tab__gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 51px 16px;
    }

    .s-tabs .tab__content .tab__gallery .item {
        min-width: 360px;
    }

    .s-tabs .tab__content .tab__info .side__description {
        padding-right: 15px;
    }

    .s-tabs .tab__content .tab__info .side__description .tab__title {
        font-size: 22px;
    }

    .s-tabs .tab__content .tab__info .side__text {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .container__tabs {
        padding: 0;
    }    

    .s-tabs .tab__content .tab__info .sides {
        flex-direction: column;
    }

    .s-tabs .tab__content .tab__info .side__description .description {
        display: none;
    }

    .s-tabs .tab__content .tab__info .side__text {
        padding-left: 0;
		margin-left: 0;
		border-left: none;
    }

    .s-tabs .tab__content .tab__info .side__description .tab__title {
        text-align: center;
    }

    .s-tabs .tab__content .tab__info .side__description {
        padding-right: 0;
        border-right: 0;
        margin-bottom: 16px;
		flex-basis: auto;
    }

    .s-tabs .tab__content .tab__gallery .item {
        min-width: auto;
        max-width: 360px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .s-tabs .tab__controll {
        padding: 0px 24px 3px 24px;
        border-radius: 16px;
        font-size: 13px;
    }

    .s-tabs .tabs__controls {
        border-radius: 0px;
        padding-left: 10px;
    }

    .s-tabs .tabs__controls .controls {
        border-radius: 16px;
        min-height: 56px;
    }

    .s-tabs .tab__content {
        padding: 32px 10px 40px 10px;
    }
}

/************s-tabs************/

/************s-text__button************/

.s-text__button {
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 477px;
    padding-top: 85px;
}

.s-text__button .bg__decor-1 {
    position: absolute;
    bottom: 0;
    z-index: -2;
    display: flex;
    overflow: hidden;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.s-text__button .bg__decor-1 img {
    min-width: 1900px;
}

.s-text__button .bg__decor-2 {
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.s-text__button .section_head {
    margin-bottom: 24px;
}

.s-text__button .section_head .head__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    background-image: url(../images/baterf.svg);
    margin: 0 auto 18px;
}

.s-text__button .section_title__small {
    color: var(--blue);
    max-width: 782px;
    margin: 0 auto;
    text-align: center;
}

.s-text__button .section_title__small.gray {
    color: var(--gray);
    max-width: 895px;
}

.s-text__button .section_content {
    display:flex;
    flex-direction: column;
    align-items: center;
}

.s-text__button .section_content > .text {
    max-width: 905px;
    text-align: center;
    margin-bottom: 32px;
}

@media (max-width:767px) {
    .s-text__button.s-section {
        padding-bottom: 64px;
        padding-top: 24px;
        min-height: none;
    }

    .s-text__button .bg__decor-1 , .s-text__button .bg__decor-2 {
        display: none;
    }
}

/************s-text__button************/

/************s-tools************/

.s-tools {
    background-color: var(--primary);
    padding-top: 242px;
    padding-bottom: 259px;
    margin-top: -150px;
}

.s-tools .section_head {
    margin-bottom: 32px;
    color: #fff;
}

.s-tools .section_head .section_title__middle {
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    margin-top: 0;
}

.s-tools .head_text {
    max-width: 858px;
    margin: 0 auto;
    text-align: center;
}

.s-tools .items {
    display: flex;
    justify-content: center;
}

.card-tool {
    display: flex;
    flex-direction: column;
    width:308px;
    padding: 50px 40px 60px 40px;
    border: 1px solid var(--secondary);
    border-radius: var(--border-radius);
}

.card-tool:nth-child(even) {
    background: rgba(143, 109, 78, 0.30);
    border: none;
}

.card-tool .card__head {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    margin-bottom: 16px;
}

.card-tool .card__head .card__thumb {
    display: flex;
    height: 155px;
}

.card-tool .card__head .card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-tool .card__head .card__wrapper_title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.card-tool .card__head .card__label {
    display: flex;
    align-items: center;
    text-align: center;
    height: 32px;
    padding: 0px 24px;
    border-radius: var(--border-radius);
    background-color: var(--blue);
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}

.card-tool .card__head .card__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.44px;
    text-align: center;
    color: #fff;
}

.card-tool .card__description {
    font-size: 16px;
    color: #fff;
    flex: 1;
}

.card-tool .btn_default  {
    padding: 0 24px;
    height: 48px;
    font-size: 14px;
    margin: 30px auto 0;
    width: 157px;
	border-color: var(--secondary);
}

@media (max-width:1200px) {
    .s-tools .items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: max-content;
        margin: 0 auto;
    }

    .card-tool {
        padding: 40px 24px 50px 24px;
    }
}

@media (max-width: 767px) {
    .s-tools {
        margin-top: 0;
    }

    .s-tools .items {
        grid-template-columns: 1fr;
        width: auto;
        padding: 0 14px;
    }

    .card-tool {
        width: 100%;
        border-radius: 0;
        padding: 24px 0px 32px 0px;
        border: none;
        border-bottom: 1px solid var(--secondary);
    }

    .card-tool:nth-child(even) {
        background-color: transparent;
        border-bottom: 1px solid var(--secondary);
    }

    .card-tool:last-child {
        border: none;
    }

    .card-tool .card__head {
        flex-direction: row;
        align-items: normal;
        margin-bottom: 24px;
    }

    .card-tool .card__head .card__thumb {
        order: 1;
        height: 109px;
    }

    .card-tool .card__head .card__wrapper_title {
        flex: 1;
        align-items: flex-start;
    }

    .card-tool .card__description {
        font-size: 15px;
    }

    .card-tool .btn_default {
        margin: 24px 0 0;
    }
}

@media (max-width: 480px) {
    .card-tool .card__head {
        gap: 16px;
    }

    .card-tool .card__head .card__label {
		min-height: 24px;
        font-size: 12px;
        height: auto;
    }

    .card-tool .card__head .card__title {
        text-align: left;
    }
}

/************s-tools************/

/************modal-tool************/

.modal-sun-overlay .modal-sun.modal-sun-product {
    max-width: 600px;
    padding: 0;
}

.modal-sun-overlay .modal-sun.modal-sun-product .bg_decor {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}

.modal-sun-overlay .modal-sun.modal-sun-product .bg_decor img {
    min-width: 600px;
}

.modal-sun-overlay .modal-sun.modal-sun-product .modal-in {
    padding: 40px;
}

.modal-sun .product__thumb {
    height: 240px;
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.modal-sun .product__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.modal-sun .product__title {
    font-size: 36px;
    color: var(--primary);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.72px;
    text-align: center;
    margin-bottom: 16px;
}

.modal-sun .product__description {
    font-size: 16px;
}

.modal-sun .product__description *:last-child {
    margin-bottom: 0;
}

.modal-sun .product__description * {
    margin: 0 0 20px;
}

@media (max-width: 480px){
	.modal-sun-overlay .modal-sun.modal-sun-product .modal-in {
		padding: 40px 24px;
	}
	
	.modal-sun .product__title {
		letter-spacing: -0.56px;
		font-size: 28px;
	}
	
	.modal-sun .product__thumb {
		height: 146px;
	}
	
	.modal-sun-overlay .modal-sun.modal-sun-product .bg_decor {
		height: 145px;
	}
	
	.modal-sun .product__description {
		font-size: 15px;
	}
	
	.modal-sun .product__description * {
		margin-bottom: 10px;
	}
}

/************modal-product************/

/************modal-tool************/

.modal-sun-overlay .modal-sun.modal-sun-tool {
    max-width: 700px;
    padding: 0;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
}

.modal-sun-overlay .modal-sun.modal-sun-tool .modal-in {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.modal-sun .tool__header {
    display: flex;
    padding: 24px 60px 24px 40px;
    background-color: var(--bg);
    justify-content: space-between;
}

.modal-sun .tool__wrapper_title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.modal-sun .tool__label {
    padding: 0px 24px;
    background-color: var(--blue);
    border-radius: var(--border-radius);
    font-size: 13px;
    color: #fff;
    height: 32px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.modal-sun .tool__title {
    font-size: 36px;
    color: var(--primary);
    letter-spacing: -0.72px;
    line-height: 1.1;
    font-weight: 500;
}

.modal-sun .tool__thumb {
    width: 291px;
    height: 239px;
    display: flex;
}

.modal-sun .tool__thumb img {
    width:100%;
    height: 100%;
    object-fit: contain;
}

.modal-sun .tool__description {}

.modal-sun .tool__description {
    padding: 0px 40px 40px 40px;
    font-size: 16px;
}

.modal-sun .tool__description * {
    margin: 0 0 16px;
}

.modal-sun .tool__description *:last-child {
    margin-bottom: 0;
}

.modal-sun .tool__description ul {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.modal-sun .tool__description ul li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #372B1B;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px 3px 0px;
}

.modal-sun .tool__description h3 {
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 640px){
	.modal-sun .tool__thumb {
		width: 205px;
		height: 169px;
	}
}

@media (max-width: 480px){
	.modal-sun .tool__header {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		padding: 24px 10px 24px 10px;
	}
	
	.modal-sun .tool__wrapper_title {
		gap: 8px;
	}
	
	.modal-sun .tool__title {
		font-size: 22px;
		text-align: center;
	}
	
	.modal-sun .tool__label {
		font-size: 12px;
		font-weight: 600;
	}
	
	.modal-sun .tool__description {
		padding: 0px 24px 40px 24px;
	}
}

/************modal-tool************/

/************modal-palettes************/

.modal-sun-overlay[data-id="palette-rim"] {

}

.modal-sun-overlay .modal-sun.modal-sun-palette {
    padding: 32px 40px 40px 40px;
    max-width: 1440px;
    width: 90%;
}

.modal-sun-overlay .modal-sun.modal-sun-palette .h3 {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.56px;
}

.modal-sun.modal-sun-palette .collors-widget {
    display: flex;
}

.modal-sun.modal-sun-palette .collects {
    display: flex;
    gap: 20px;
    flex: 1;
}

.modal-sun.modal-sun-palette .collects .collors {
    flex: 1;
}

.modal-sun.modal-sun-palette .collects .rows__collors {
    display: flex;
    flex-direction: column;
    flex:1;
    gap: 16px;
}

.modal-sun.modal-sun-palette .collects .collors .row__collors {
    display: flex;
    gap: 8px;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor {
    flex: 1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .color {
    height: 80px;
    width: 100%;
    position: relative;
    flex-shrink: 0;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .info {
    display: flex;
    flex-direction: column;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .info .articul {
    font-size: 14px;
    font-weight: 600;
    height: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .info .name {
    font-size: 12px;
    line-height: 1.2;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .icon-hover , .modal-sun.modal-sun-palette .collects .collors .item__collor .icon-selected {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.30);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    pointer-events: none;
    transition: .4s ease;
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .icon-hover {
    background-image: url(../images/search.svg);
}

.modal-sun.modal-sun-palette .collects .collors .item__collor .icon-selected {
    background-image: url(../images/ok.svg);
}

.modal-sun.modal-sun-palette .collects .collors .item__collor.active .icon-selected {
    opacity: 1;
}

.modal-sun-palette .item__collor-description {
    margin-top: 32px;
    font-size: 22px;
    letter-spacing: -0.44px;
    font-weight: 600;
}

.modal-sun.modal-sun-palette .collors-widget .color__selected {
    display: none;
    margin-left: 32px;
    max-width: 190px;
}

.modal-sun.modal-sun-palette .collors-widget .color__selected .color__selected-thumb {
    width: 190px;
    height: 300px;
    position: relative;
}

.modal-sun.modal-sun-palette .collors-widget .color__selected .color__selected-thumb .close {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.30);
    right: 0;
    background-image: url(../images/close.svg);
    background-size: contain;
    cursor: pointer;
}

.modal-sun.modal-sun-palette .collors-widget .color__selected .color__selected-btn {
    border: 1px solid rgba(143, 109, 78, 0.50);
    color: var(--secondary);
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
    cursor: pointer;
}

.modal-sun-palette .color__selected-articul {
    font-size: 30px;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 600;
    max-width: 190px;
}

.modal-sun-palette .color__selected-name {
    font-size: 16px;
    max-width: 190px;
}

.modal-sun-palette .color__selected-rgb {
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 16px;
}

.modal-sun-palette .color__selected-cmyk {
    font-size: 16px;
}
 
@media (hover:hover) {
    .modal-sun.modal-sun-palette .collects .collors .item__collor:not(.active):hover .icon-hover {
        opacity: 1;
    }
}

@media (min-width:1601px) {
    .modal-sun-overlay .modal-sun.modal-sun-palette {
        max-width: 1600px;
        width: 100%;
    }
}

@media (max-width:1440px) {
    
}

@media (max-width:1200px) {
    .modal-sun.modal-sun-palette .collects .collors .item__collor .info {
        display: none;
    }
}

@media (max-width:991px) {
    .modal-sun-overlay .modal-sun.modal-sun-palette .h3 {
        margin-bottom: 24px;
    }

    .modal-sun-overlay .modal-sun.modal-sun-palette {
        max-width: 550px;
    }

    .modal-sun.modal-sun-palette .collects {
        flex-direction: column;
        gap: 32px;
    }

    .modal-sun.modal-sun-palette .collors-widget .color__selected {
        display: none!important;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile {
        height: 200px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .close {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.30);
        background-image: url(../images/close.svg);
        background-size: contain;
        width: 32px;
        height: 32px;
        right: 0;
        top: 0;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .color__selected_mobile-articul {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.4px;
        text-transform: uppercase;
        line-height: 1.1;
        margin-bottom: 4px;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .color__selected_mobile-name {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .color__selected_mobile-rgb {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .color__selected_mobile-cmyk {
        font-size: 16px;
    }

    .modal-sun.modal-sun-palette .color__selected-mobile .color__selected_mobile-btn {
        border: 1px solid rgba(143, 109, 78, 0.50);
        color: var(--secondary);
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 16px 0 0;
        width: 177px;
        background-color: transparent;
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 2px;
    }

    .modal-sun-palette .item__collor-description {
        font-weight: 400;
        font-size: 16px;
        margin-top: 16px;
    }
}

@media (max-width:480px) {
    
    .modal-sun-overlay .modal-sun.modal-sun-palette {
        max-width: 355px;
        padding: 24px;
    }

    .modal-sun-overlay .modal-sun.modal-sun-palette .h3 {
        max-width: 265px;
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 1.3;
        font-weight: 600;
    }

    .modal-sun.modal-sun-palette .collects .rows__collors {
        gap: 5px;
    }

    .modal-sun.modal-sun-palette .collects .collors .row__collors {
        gap: 5px;
    }

    .modal-sun.modal-sun-palette .collects .collors .item__collor .color {
        height: 50px;
    }
}
/************modal-palettes************/

/************s-products************/

.s-products {
    position: relative;
    padding-top: 120px;
    margin-top: -170px;
    z-index: 5;
}

.s-products .bg__decor-1 {
    position: absolute;
    top: 0;
    z-index: -2;
    display: flex;
    overflow: hidden;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.s-products .bg__decor-1 img {
    min-width: 1900px;
}

.s-products .container__products {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 10px;
}

.s-products .section_head {
    margin-bottom: 40px;
}

.s-products .section_title__middle {
    text-align: center;
    max-width: 1065px;
    margin: 0 auto 24px;
}

.s-products .head_text {
    max-width: 982px;
    text-align: center;
    margin: 0 auto 32px;
}

.s-products .head_advantages .items {
    display: flex;
    gap: 32px;
    justify-content: center;
}

.s-products .head_advantages .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.s-products .head_advantages .item .icon {
    background-image: url(../images/check_circle.svg);
    display: block;
    width: 24px;
    height: 24px;
}

.s-products .head_advantages .item .text {
    font-size: 16px;
    text-align: center;
}

.s-products .section_content .items {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.s-products .btn_products {
	margin: 48px auto 0;
    display: flex;
    align-items: center;
}

.card-product {
    max-width: 394px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.card-product .bg__decor {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    left: 0;
    padding-top: 6vw;
}

.card-product .bg__decor:before {
    content: '';
    background-color: #E2ECF8;
    width: 100%;
    height: 100%;
    border-radius: 900px;
    display: block;
}

.card-product .card__thumb {
    height: 337px;
    display: flex;
    align-items: flex-end;
}

.card-product .card__thumb img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.card-product .card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 0 40px 50px 40px;
}

.card-product .card__body .card__attrs {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-content: center;
}

.card-product .card__body .card__label {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    margin-bottom: 16px;
}

.card-product .card__body .card__label .icon {
    width: 45px;
    height: 50px;
}

.card-product .card__body .card__label .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-product .card__body .card__label .text {
    line-height: 1.1;
    font-size: 12px;
}

.card-product .card__body .card__attrs.card__attrs-top {
    margin-bottom: 16px;
}

.card-product .card__body .card__attrs .attr {
    border-radius: var(--border-radius);
    font-size: 14px;
    background: rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
}

.card-product .card__body .card__attrs .attr.attr__simple {
    height: 32px;
    padding: 0 16px;
}

.card-product .card__body .card__attrs .attr.attr__small {
    height: 24px;
    padding: 0 12px 4px;
}

.card-product .card__body .card__title {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.56px;
    line-height: 1.2;
    color: var(--primary);
    text-align: center;
    margin-bottom: 8px;
}

.card-product .card__body .card__description {
    text-align: center;
    margin-bottom: 24px;
    font-size: 16px;
    flex: 1;
}

.card-product .card__body .btn_default {
    border: 1px solid rgba(143, 109, 78, 0.50);
    color: var(--secondary);
    margin-top: 24px;
    height: 48px;
    font-size: 14px;
    padding: 0 24px;
}

@media (hover:hover) {
	.card-product .card__body .btn_default:hover {
		color:#fff;
	}
}

@media (min-width:1621px) {
    .s-products .container__products {
        padding: 0;
    }
}

@media (max-width:1300px) {
    .card-product .card__thumb {
        height: 257px;
    }

    .card-product .card__body {
        padding: 0 24px 50px 24px;
    }

    .card-product .card__body .card__description {
        font-size: 14px;
    }
}

@media (max-width:1200px) {
    .s-products .section_content .items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: fit-content;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .s-products .head_advantages .items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: fit-content;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .s-products.s-section {
        padding-top: 64px;
        margin-top: 0px;
    }

    .s-products .bg__decor-1 {
        display: none;
    }
}

@media (max-width:640px) {
    .s-products .section_content .items {
        grid-template-columns: 1fr;
    }

    .s-products .head_advantages .items {
        grid-gap: 16px 24px;
    }

    .s-products .head_advantages .item {
        align-items: normal;
        gap: 8px;
    }

    .s-products .head_advantages .item .text {
        text-align: left;
        font-size: 13px;
    }

    .s-products .head_advantages .item .text br {
        display: none;
    }
}

@media (max-width:480px) {
    .s-products .section_content .items {
        gap: 15px;
    }

    .card-product .card__thumb {
        height: 223px;
    }

    .card-product .card__body .card__title {
        font-size: 22px;
    }

    .card-product .bg__decor {
        padding-top: 15vw;
    }
	
	.s-products .btn_products {
		height: auto;
		padding: 16px 24px;
		margin: 32px auto 0;
	}
}

/************s-products************/

/************s-about************/

.s-about .container__about {
    max-width: 1228px;
    margin: 0 auto;
    padding: 0 10px;
    opacity: 1;
    transition:.3s ease;
}

.s-about .container__about.load {
    opacity: 1;
}

.s-about .sides {
    display: flex;
    justify-content: flex-end;
}

.s-about .side__media {
    flex-basis: 650px;
}

.s-about .side__media .wrapper-media {
    display: flex;
    position: relative;
    height: 453px;
}

.s-about .side__media .wrapper-media .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1a15147a;
}

.s-about .side__media .wrapper-media span {
    background-image: url(../images/about-logo.svg);
    background-color: var(--primary);
    background-color: var(--secondary);
    width: 184px;
    height: 184px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.s-about .side__media .wrapper-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-about .side__description {}

.s-about .about__title {
    padding-left: 60px;
}

.about__title {
    font-size: 60px;
    color: var(--secondary);
    letter-spacing: -2.6px;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0 0 32px;
    font-weight: 600;
}

.s-about .side__description .text {
    border-top: 1px solid rgba(143, 109, 78, 0.50);
    padding-top: 32px;
    margin-left: 60px;
    max-width: 703px;
}

@media (min-width: 1600px) {
    .s-about .container__about {
        
    }

    .s-about .side__description .text {
        
    }
}

@media (min-width: 1249px) {
    .s-about .container__about {
        padding: 0;
        max-width: 1600px;
        opacity: 0;
    }
}

@media (max-width: 1248px) {
    .s-about .side__description .text {
        margin-left: 30px;
    }

    .s-about .about__title {
        padding-left: 30px;
    }

    .about__title {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .s-about .sides {
        flex-direction: column;
    }

    .s-about .side__media {
        flex-basis: auto;
    }

    .s-about .side__description {
        margin-top: 24px;
    }

    .s-about .about__title {
        padding-left: 0;
    }

    .about__title {
        margin-bottom: 24px;
		letter-spacing: -0.56px;
    }

    .s-about .side__description .text {
        margin-left: 0;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .s-about .side__media .wrapper-media {
        height: 210px;
    }

    .s-about .side__media .wrapper-media span {
        width: 100px;
        height: 100px;
        background-size: 46px auto;
    }

    .about__title {
        font-size: 28px;
    }

    .s-about .side__description .text {
        border-top: none;
        padding-top: 0;
    }
}
/************s-about************/

/************s-about-v2************/

.s-about-v2 .sides {
    display: flex;
}

.s-about-v2 .side__description {}

.s-about-v2 .text__columns {
    display: flex;
    gap: 42px;
    padding-right: 62px;
    border-top: 1px solid rgba(143, 109, 78, 0.50);
    padding-top: 32px;
}

.s-about-v2 .text-col-1 {
    font-weight: 600;
    font-size: 22px;
    flex-basis: 273px;
    flex-shrink: 0;
}

.s-about-v2 .text-col-2 {}

.s-about-v2 .side__media .thumb {
    width: 388px;
    height: 388px;
    background-color: var(--bg_secondary);
    position: relative;
}

.s-about-v2 .side__media .thumb span {
    background-image: url(../images/about-logo-2.svg);
    width: 87px;
    height: 115px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1200px) {
    .s-about-v2 .text__columns {
        flex-direction: column;
        gap: 24px;
    }

    .s-about-v2 .text-col-1 {
        flex-basis: auto;
    }
}

@media (max-width: 991px) {
    .s-about-v2 .sides {
        flex-direction: column;
        gap: 24px;
    }

    .s-about-v2 .text__columns {
        padding-top: 24px;
        padding-right: 0;
    }

    .s-about-v2 .side__media {
        order: -1;
    }

    .s-about-v2 .side__media .thumb {
        width: 100%;
        height: 210px;
    }
}

@media (max-width: 480px) {
    .s-about-v2 .text-col-1 {
        font-size: 15px;
    }

    .s-about-v2 .text__columns {
        gap: 10px;
        padding-top: 0;
        border-top: none;
    }
}

/************s-about-v2************/

/************s-advantages************/

.s-advantages {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding-bottom: 143px;
}

.s-advantages .bg_elm {
    position: absolute;
    bottom: 0;
    z-index: -2;
    display: flex;
    overflow: hidden;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.s-advantages .bg_elm img {
    min-width: 1900px;
}

.s-advantages .section_head {
    margin-bottom: 24px;
}

.s-advantages .items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 32px;
}

.s-advantages .items .item {
    font-size: 16px;
    border-top: 1px solid rgba(143, 109, 78, 0.50);
    padding-top: 20px;
}

@media (max-width: 991px) {
    .s-advantages .items {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 16px;
    }

    .s-advantages .items .item {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .s-advantages.s-section {
        padding-bottom: 64px;
    }
}

@media (max-width: 480px) {
    .s-advantages .items {
        grid-gap: 16px;
    }

    .s-advantages .items .item {
        font-size: 13px;
    }
}

/************s-advantages************/

/************s-news************/
.s-news {
	background: var(--bg_secondary);
	position: relative;
    margin-top: -143px;
    padding-top: 243px;
    padding-bottom: 100px;
}

.s-news .about__title {
	margin-bottom: 40px;
	text-align: center;
}

.s-news .items {
	display: flex;
	gap: 32px;
	justify-content: center;
}

@media (max-width:767px){
    .s-news.s-section {
        margin-top: 0;
        padding-top: 64px;
        padding-bottom: 64px;
    }

	.s-news .items {
		flex-direction: column;
		align-items: center;
	}
}

/************s-news************/

/************card-news************/

.card-news {
	max-width: 598px;
	width: 100%;
}

.card-news .thumb {
	height: 300px;
}

.card-news .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-news .title {
	font-size: 22px;
	color: var(--primary);
	font-weight: 600;
	letter-spacing: -0.44px;
	margin-top: 16px;
	display: block;
    text-decoration: none;
}

.card-news .meta-group {
	display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
}

.card-news .meta {
	display: flex;
	gap: 8px;
}

.card-news .meta .icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.card-news .meta .text {
	font-size: 16px;
}

.meta .icon.pleace {
	background-image: url(../images/pleace.svg);
}

.meta .icon.date {
	background-image: url(../images/date.svg);
}

@media (max-width:767px){
	.card-news .title {
		font-size: 18px;
	}
}

/************card-news************/

footer {
    padding: 46px 0 48px;
    background-color: var(--primary);
}

.footer__inner {
    display: flex;
    align-items: flex-start;
}

.footer__logo {
    display: flex;
    align-items: center;
}

.footer__logo-left {
    padding-right: 32px;
    position: relative;
}

.footer__logo-left:before {
    content:'';
    background: rgba(255, 255, 255, 0.30);
    height: 29px;
    width: 1px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.footer__logo-right {
    padding-left: 32px;
}

.footer__contacts {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.footer__contacts-top {
    display: flex;
    gap: 40px;
}

.footer__item_contacts {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: flex-end;
}

.footer__item_contacts a {
	font-size: 22px;
	letter-spacing: -0.44px;
	line-height: 1.2;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}

.footer__label_contacts {
	font-size: 13px;
	line-height: 1.2;
	text-transform: uppercase;
	opacity: 0.5;
	color: #fff;
}

.footer__contacts-bottom {
    display: flex;
    gap: 8px;
    margin-top: 24px;
}

.footer__contacts-bottom .socs {
    display: flex;
    gap: 8px;
    align-items: center;
}

.item_soc__footer {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    display: block;
}

.item_soc__footer.telegram {
    background-image: url(../images/telega-f.svg);
}

.item_soc__footer.whatsapp {
    background-image: url(../images/whatsapp-f.svg);
}

.footer__contacts-bottom .btn_default {
    height: 48px;
    font-size: 14px;
}

.footer__bottom {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.70);
}

.footer__bottom a {
    color: rgba(255, 255, 255, 0.70);
	text-decoration: none;
}

.footer__bottom .copyright {
    margin-bottom: 40px;
}

.footer__bottom .links {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding-top: 32px;
}

.footer__bottom .links .link__group {

}

@media (max-width: 1100px){
    .footer__inner {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .footer__contacts {
        align-items: center;
    }

    .footer__bottom .copyright {
        text-align: center;
        margin-top: 40px;
    }
}

@media (max-width: 767px){
    .footer__contacts-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 24px;
    }
}

@media (max-width: 640px){
    .footer__item_contacts {
		align-items: center;
	}

    .footer__contacts-bottom {
        flex-direction: column;
        gap: 24px;
    }

    .footer__contacts-bottom .btn_default {
        max-width: 277px;
        width: 100%;
    }

    .footer__contacts-bottom .socs {
        justify-content: center;
    }

    .footer__bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        margin-top: 32px;
    }

    .footer__bottom .links {
        border-top: none;
        padding-top: 0;
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    .footer__bottom .copyright {
        margin-top: 32px;
        margin-bottom: 8px;
    }

    .footer__logo {
        width: 100%;
        justify-content: center;
        padding-bottom: 32px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .footer__logo img {
        max-width: 148px;
        width: 100%;
    }
}

/********************footer***********************/

@media (hover:hover) {
	.btn_default:hover {
		background-color: #8C5B4E;
		color:#fff;
	}
	
	.btn_default.blue:hover {
		background-color: #86abf0;
	}
}

@media (min-width:1249px) {
    .container {
        padding: 0;
    }
}

@media (max-width:991px) {
    .section_title {
        font-size: 60px;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 38px;
    }
}

@media (max-width:767px) {
    body {
        font-size: 15px;
    }

    .s-section {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .section_title__middle {
        font-size: 38px;
    }

    .section_head .btn_default {
        display: none;
    }
}

@media (max-width:480px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 28px;
    }
    .section_head .head_text {
        font-size: 18px;
    }
    .section_title {
        font-size: 40px;
        letter-spacing: -0.56px;
    }

    .section_title__middle {
        font-size: 28px;
        letter-spacing: -0.56px;
    }

    .section_title__small {
        font-size: 28px;
        letter-spacing: -0.56px;
    }

    .btn_default {
        height: 48px;
        font-size: 14px;
    }

    .btn_default.collors {
        
    }
	
	.f-fields .f-fields-group {
		flex-direction: column;
	}
}

@media (max-width:360px) {
    .section_title__middle {
        font-size: 24px;
    }
}

:root {
    --primary : #6E473E;
    --main-font-family : "Wix Madefor Display", sans-serif;
    --input_bg : #EDEDED;
    --border-radius : 900px;
    --secondary : #8F6D4E;
    --dark_text : #372B1B;
    --bg_secondary : #F5F1E8;
    --blue : #809CD1;
    --gray : #7D7C81;
    --bg : #E2ECF8;
    --white_70 : rgba(255, 255, 255, 0.70);
	--input_stroke : #CDCDCD;
	--input_text : rgba(0, 0, 0, 0.32);
	--grey_text : rgba(0, 0, 0, 0.54);
	--bg_error : #FBE8E8;
	--error : #CC463A;
}