
/* For old browsers */
@supports (not(--css: variables))
{
    .supports-error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports-error
    {
        display: flex !important;
    }
}


/*------------------------
    Fonts
------------------------*/
@font-face
{
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
    url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face
{
    font-family: "TT Ramillas";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/TT-Ramillas-Trial-Regular.woff") format("woff"),
    url("../fonts/TT-Ramillas-Trial-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "TT Ramillas";
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url("../fonts/TT-Ramillas-Trial-Medium.woff") format("woff"),
    url("../fonts/TT-Ramillas-Trial-Medium.ttf") format("truetype");
}


/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before,
*:after
{
    box-sizing: border-box;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    margin: 0;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*-------------------
    Global styles
-------------------*/
:root
{
    --font-family: "Montserrat", sans-serif;
	--font-family2: "TT Ramillas", sans-serif;

    --scroll_width: 17px;
}


.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}


html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    scrollbar-width: thin;
	scroll-behavior: smooth;
}

/* @media (min-width: 1025px)
{
    html ::-webkit-scrollbar
    {
        width: 9px;
        height: 9px;

        background-color: transparent;
		border-radius: 9px;
    }

    html ::-webkit-scrollbar-thumb
    {
        background-color: #BFBFBF;
		border-radius: 9px;
    }
} */

body
{
    color: #2C2927;
    font: 16px/1.5 var(--font-family);

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    background: #FFF;scroll-behavior: smooth;
}

._lock-add
{
    overflow: hidden;
}


button
{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap
{
    position: relative;

    display: flex;
    overflow: clip;
    flex-direction: column;

    min-height: 100%;
}

.wrap_inner::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 936px;
	background: linear-gradient(180deg, #e1dfdb 0%, #e1dfdb 8.6%, #e1e3e3 39.6%, rgba(253, 253, 253, 0) 100%);
}

.main
{
    flex: 1 0 auto;
}


.cont
{
    position: relative;

    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 20px;
}


.lazyload
{
    opacity: 0;

    transition: opacity .5s linear;
}

.lazyload.loaded
{
    opacity: 1;
}


._flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}


.supports-error
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 30px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #FFF;
}

.supports-error.show
{
    display: flex;
}


/*------------
    mini-modal
------------*/
.mini-modal
{
    position: relative;
}

.mini-modal__modal
{
    position: absolute;
    z-index: 80;
    top: calc(100% + 10px);
    left: 0;

    visibility: hidden;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear, visibility .2s linear;
}

.mini-modal__modal._active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

/*------------
    Header
------------*/
.header
{
	padding: 30px 0;

	position: relative;
	top: 0;
	left: 0;

	width: 100%;
	z-index: 10;
	color: #2C2927;
}

.header._white{
	color: #fff;
}

.header._main
{
	position: absolute;
}

.header .cont
{
	justify-content: space-between;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.header-catalog
{
	flex-shrink: 0;
}

.header-catalog__open
{
	position: relative;
    color: currentColor;
    font-size: 14px;
    display: block;
    padding-left: 30px;
    transition: color .2s linear;
	text-transform: uppercase;
}

.header-catalog__open svg
{
	position: absolute;
	top: 50%;
	left: 0;

	display: block;

	width: 21px;
	height: 15px;

	margin-top: -9px;

	stroke: #2C2927;
	transition: stroke .2s linear;
}

.header._white .header-catalog__open svg
{
	stroke: #DCD9D3;
}

.header-cats
{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 99;

	width: 100%;

    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: visibility .2s linear, opacity .2s linear;
}

.header-cats._show 
{
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.header-cats__wrap
{
	background: #fff;
	border-radius: 8px;
	padding: 40px;
	margin-top: 20px;
}

.header-cats__close
{
	position: relative;
    color: #fff;
    font-size: 14px;
    display: block;
    padding-left: 30px;
    transition: color .2s linear;
	text-transform: uppercase;
}

.header-cats__close::before
{
	position: absolute;
	content: '';
	top: 3px;
	left: 5px;

	display: block;

	width: 12px;
	height: 13px;

	background: url(../images/close.svg) 50% 50% no-repeat;
}

.header-cats__title
{
	color: #2C2828;
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
}

.header-cats__items
{
	margin: 6px 0 0 -24px;
}

.header-cats__item
{
	width: calc(100%/5 - 24px);
	margin: 24px 0 0 24px
}

.header-cats__name + .header-cats__name
{
	margin-top: 15px;
}

.header-cats__name
{
	font-weight: 600;
}

.header-cats__name a
{
	color: #2C2828;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

.header-cats__data
{
	margin-top: 20px;
}

.header-cats__link + .header-cats__link
{
	margin-top: 15px;
}

.header-cats__link
{
	font-size: 14px;
}

.header-cats__link a
{
	color: #2C2828;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover)
{
	.header-cats__link a:hover,
	.header-cats__name a:hover
	{
		border-color: #2C2828;
	}
}


.header__wrap
{
	width: 100%;
}

.header__wrap-top
{
	display: none;
}

.header__wrap-logo img
{
	display: block;
	max-width: 1127px;
}

.header__wrap-close
{
	position: relative;
	width: 20px;
	height: 20px;
}

.header__wrap-close::before
{
	position: absolute;
	content: '';

	display: block;

	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/close_dark.svg) 50% 50% no-repeat;
}


.header__btns
{
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;

	flex-shrink: 0;
}

.header__btn + .header__btn
{
	margin-left: 28px;
}

.header__btn
{
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	height: 17px;
	color: currentColor;
}

.header__btn svg
{
	display: block;

	stroke: currentColor;
	transition: stroke .2s linear;
}

.header__btn-burger
{
	display: none;
}

.header__logo-mob
{
	display: none;
}

.header-cats__logo
{
	display: none;
}

.header__logo
{
	width: 190px;
}

.header__logo a
{
	display: block;
	text-decoration: none;
}

.header__logo img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.nav-menu
{
	width: 100%;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}

.nav-menu__item + .nav-menu__item
{
	margin-left: 40px;
}

.nav-menu__item
{
	font-size: 14px;
}

.nav-menu__item a
{
	text-decoration: none;
	color: currentColor;
	border-bottom: 1px solid transparent;
	transition: .2s linear;
}

@media (any-hover: hover)
{
	.header__btn:hover svg,
	.header-catalog__open:hover svg
	{
		stroke: #6E6E6E;
	}

	.nav-menu__item a:hover
	{
		border-color: currentColor;
	}
}


.header__socials
{
	display: none;
}

.header__contacts
{
	display: none;
}

.overlay-catalog
{
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: 0;
	visibility: hidden;
    background: rgba(44, 41, 39, .75);
	backdrop-filter: blur(3px);

    transition: opacity .2s linear, visibility .2s linear;
}

.overlay-catalog._show
{
    opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
/*------------
    BTNS
------------*/
.wrap-btn
{
    margin-top: 30px;
	text-align: center;
}


.btn-black
{
    position: relative;

    color: #FFF;
    font-size: 12px;
    line-height: 40px;

    display: inline-block;

    padding: 0 20.5px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 8px;
    background: #2C2927;

    transition: background .2s linear, color .2s linear;
}


@media (any-hover: hover)
{
    .btn-black:hover
    {
        background: #6E6E6E;
    }
}


.head-page__cols
{
	justify-content: space-between;
}

.head-page__col
{
	width: calc(50% - 8px);
}

.page-title
{
	font-size: 40px;
	line-height: 1.1;
	font-family: var(--font-family2);
	font-weight: 400;
	color: #2C2828;
}

.page-title._big
{
	font-size: 70px;
}

.head-page__cols .page-title
{
	color: #2C2927;
}

.text-block_w
{
	max-width: 720px;
}

.title-big{
	font-size: 70px;
	line-height: 1;
	font-family: var(--font-family2);
	font-weight: 400;
	color: #2C2927;
	max-width: 1100px;
}
/*------------
    breadcrumbs
------------*/
.breadcrumbs
{
    margin: 40px 0 30px;
	font-size: 14px;
	color: rgba(44, 40, 40, .5);
}

.breadcrumbs_sep
{
    width: 4px;
	height: 4px;
	border-radius: 50%;
	display: inline-block;
	background: #2C2927;
	margin: 0 15px;
	vertical-align: middle;
}

.breadcrumbs a
{
    color: rgba(44, 40, 40, 1);

    text-decoration: none;
	border-bottom: 1px solid transparent;
    transition: border .2s linear;
}

@media (any-hover: hover)
{
    .breadcrumbs a:hover
    {
        border-color: currentColor;
    }
}

/*----------------
    Typography
----------------*/
.text-block > :last-child,
.text-block__box > :last-child
{
    margin-bottom: 0 !important;
}

.text-block_marg{
	margin-top: 55px;
}

.text-block h1,
.text-block .title
{
	color: #2c2828;
	font-size: 40px;
    line-height: 1.1;
    font-family: var(--font-family2);
    font-weight: 400;

	margin-bottom: 20px;
}

.text-block h1.big-title
{
	color: #2c2828;
	font-size: 150px;
    line-height: 1;
    font-family: var(--font-family2);
    font-weight: 400;

	margin-bottom: 95px;
}

.big-title span
{
	padding-left: 190px;
}

.big-title.big-title_center
{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}

.big-title span.big-title__wrap
{
	display: block;
	padding-left: 0;
}

.text-block h2
{
    font-family: var(--font-family2);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	color: #2c2828;

    margin-bottom: 20px;
}

.text-block * + h2
{
    margin-top: 40px;
}

.text-block h3
{
	font-family: var(--font-family2);
    color: #2C2927;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1;

    margin-bottom: 20px;
}

.text-block * + h3
{
	margin-top: 30px;
}

.text-block h4
{
    font-family: var(--font-family2);
    color: #2c2828;
	font-size: 24px;
    font-weight: 500;
    line-height: 1.1;

	margin-bottom: 20px;
}

.text-block * + h4
{
    margin-top: 30px;
}

.text-block h5
{
    color: #2C2927;
	font-size: 21px;
    font-weight: 600;
    line-height: 1.5;

	margin-bottom: 20px;
}

.text-block * + h5
{
    margin-top: 30px;
}


.text-block p
{
    margin-bottom: 20px;
	color: rgba(44, 41, 39, 0.7);
}

.text-block_constant p
{
	font-size: 16px;
}

.text-block img
{
    display: block;

    max-width: 100%;
    margin-bottom: 40px;

    border-radius: 8px;
}

.text-block * + img{
	margin-top: 40px;
}

.text-block ul
{
	margin-bottom: 20px;
}

.text-block ul li
{
    position: relative;

    margin-left: 21px;

	color: rgba(44, 41, 39, 0.7);
}

.text-block ul li::marker{
	color: #282828;
}

.text-block ul li + li
{
	margin-top: 10px;
}

.text-block__grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 40px;
}

.text-block * + .text-block__grid{
	margin-top: 40px;
}

.text-block__grid .text-block__item img{
	margin: 0;
	object-fit: cover;
	min-height: 100%;
}


.text-block__cols
{
	justify-content: space-between;
	/* max-width: 1055px; */
}

.text-block__col
{
	width: calc(50% - 10px);
	/* max-width: 480px; */
}



.text-block ol
{
    counter-reset: li;
}

.text-block ol ul
{
	margin-top: 15px;
	margin-bottom: 12px;
}

.text-block ol > li
{
    position: relative;

    display: block;

    list-style-type: none;
	letter-spacing: -.01em;
	line-height: 1.36;
}

.text-block ol > li + li
{
    margin-top: 3px;
}

.text-block ol > li:before
{
    display: inline;

    content: counter(li)". ";
    counter-increment: li;
}

.text-block .table-wrap{
	margin-bottom: 30px;
}

.text-block .table-line{
	margin-bottom: 30px;
}

.text-block table
{
    width: 100%;

    border-collapse: collapse;
}

.text-block table th{
	/* border: 1px solid #ecf0f8; */
	border: 1px solid rgba(5, 24, 36, .3);

	font-weight: 400;
	letter-spacing: -0.02em;
	color: rgba(5, 24, 36, 0.5);
	height: 68px;
	padding: 9px 28px;
	line-height: normal;
	text-align: left;
}

.text-block table ._bot th{
	vertical-align: bottom;
}

.text-block table td{
	height: 68px;
	/* border: 1px solid #ecf0f8; */
	border: 1px solid rgba(5, 24, 36, .3);

	padding: 9px 28px;

	letter-spacing: -0.02em;
	color: #051824;
	line-height: normal;
}

.text-block table ._no-wrap{
	white-space: nowrap;
}

.text-block table b{
	font-weight: 500;
}

.text-block table ._green{
	color: #4DBD3C;
}

.text-block table ._center{
	text-align: center;
}

.text-block table span{
	display: inline-block;
}

.table-wrap__icon{
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.table-wrap__icon img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

.text-block .prices{
	letter-spacing: -0.02em;
	white-space: nowrap;
}

.text-block .oldprice{
	color: #6d5e65;

	text-decoration: line-through;
	display: inline-block;
}

.text-block .price{
	font-weight: 500;
	color: #4dbd3c;
	display: inline-block;
    white-space: nowrap;
}

.text-block .prices__red
{
	color: #E52322;
}


.text-block a
{
	text-decoration: none;
	color: #4DBD3C;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover)
{
	.text-block a:hover
	{
		border-bottom-color: #4DBD3C;
	}
}

/*------------------
    Form elements
------------------*/
::-webkit-input-placeholder
{
    color: rgba(44, 41, 39, 0.5);

    opacity: 1;
}

::-moz-placeholder
{
	color: rgba(44, 41, 39, 0.5);

    opacity: 1;
}

:-moz-placeholder
{
	color: rgba(44, 41, 39, 0.5);

    opacity: 1;
}

:-ms-input-placeholder
{
	color: rgba(44, 41, 39, 0.5);

    opacity: 1;
}

.form__flex
{
    margin-left: -16px;
}

.form__flex .form__line
{
    width: calc(100%/3 - 16px);
    margin-left: 16px;
}

.form__flex-w
{
	margin-left: -16px;
}

.form__flex-w .form__line
{
	margin-left: 16px;
	width: calc(25% - 16px);
}

.form__flex-w .form__line._big
{
    width: calc(50% - 16px);
}

.form__line
{
    margin-bottom: 16px;
}

.form__field
{
    position: relative;
}

.form .form__input
{
    color: #2C2927;
    font: 14px var(--font-family);

    display: block;

    width: 100%;
    height: 51px;
    padding: 0 20px;

    border-radius: 8px;
    background: #fff;
	border: 1px solid #DEDDDC;
	transition: border .2s linear;
}

/* .form .form__input.datepicker-input
{
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) 50%;
} */

@media (any-hover: hover)
{
    .form .form__input:hover
    {
        border-color: #6E6E6E;
    }
}

/* .form .form__input:focus
{
    border-color: #007657;
}
} */

.form__label
{
    color: rgba(5, 24, 36, .5);
    font-size: 15px;

    margin-bottom: 20px;
}

.form .form__textarea
{
	color: #2C2927;
    font: 14px var(--font-family);

    display: block;

    width: 100%;
    height: 100px;
    padding: 15px 20px;

    border-radius: 8px;
    background: #fff;
	border: 1px solid #DEDDDC;
	transition: border .2s linear;
	resize: none;
}

@media (any-hover: hover)
{
    .form .form__textarea:hover
    {
        border-color: #6E6E6E;
    }
}

.form .error,
.form .form__input.error,
.form .error + .nice-select .current
{
    color: #CC1525 !important;

    border-color: #CC1525 !important;
}

.form .form__input:disabled,
.form .form__textarea:disabled
{
    cursor: default;
    pointer-events: none;

    background: #EFEFEF;
	color: rgba(44, 41, 39, 0.5);
}

.form .error-text
{
    color: #CC1525;
    font-size: 12px;

    margin-top: 6px;
}

.form .form__submit-btn
{
    line-height: 51px;

    width: 100%;
	font-size: 14px;
    padding: 0 30px;
}

.form__agree
{
    color: #6D6D6D;
    font-size: 14px;
}

.form__agree-marg
{
	margin-top: 30px;
}

.form__agree a
{
    color: #2C2927;

    text-decoration: none;
	border-bottom: 1px solid #2C2927;

    transition: border .2s linear;
}

@media (any-hover: hover)
{
    .form__agree a:hover
    {
        border-color: transparent;
    }
}


.radios._flex
{
    margin: -16px 0 0 -16px;
}

.radios__item
{
	margin: 16px 0 0 16px;
	width: calc(100%/4 - 16px);
}

.radio input[type=radio]
{
    display: none;
}

.radio__label
{
    position: relative;

    display: block;

    cursor: pointer;
}

.radio__text
{
    position: relative;

    font-size: 14px;

    display: block;

    padding-left: 35px;
}

.radio__text::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    border: 1px solid #DEDDDC;
    border-radius: 50%;
    background: #fff;
}

.radio__text::after
{
	content: "";

    position: absolute;
    top: 6px;
    left: 6px;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #2C2927;
	opacity: 0;

	transition: opacity .2s linear;
}

input[type=radio]:checked + .radio__text::after
{
    opacity: 1;
}


.radio-bigs
{
	margin: -16px 0 0 -16px;
	align-items: stretch;
	align-content: stretch;
}

.radio-big
{
	width: calc(100%/4 - 16px);
	margin: 16px 0 0 16px;
}

.radio-big__label 
{
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 120px;
	height: 100%;
    cursor: pointer;
}

.radio-big__label._height
{
	min-height: 200px;
}

.radio-big__wrap
{
	padding: 20px 20px 20px 54px;
	background: #fff;
	border: 1px solid #DEDDDC;
	border-radius: 8px;
	color: currentColor;
	flex-grow: 1;
	display: flex;
    flex-direction: column;

	transition: background .2s linear, color .2s linear, border .2s linear;
}

.radio-big__wrap::before
{
    content: "";

    position: absolute;
    top: 22px;
    left: 22px;

    width: 20px;
    height: 20px;

    border: 1px solid #DEDDDC;
    border-radius: 50%;
    background: #fff;
}

.radio-big__wrap::after
{
	content: "";

    position: absolute;
    top: 28px;
    left: 28px;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #2C2927;
	opacity: 0;

	transition: opacity .2s linear;
}

.radio-big__name
{
	display: block;
	font-size: 16px;
	font-weight: 600;
	flex-grow: 1;
}

.radio-big__desc
{
	display: block;
	margin-top: 25px;
	opacity: .75;
	font-size: 14px;
}

.radio-big__desc span
{
	display: block;
}

.radio-big__desc a
{
	text-decoration: none;
	color: currentColor;
	border-bottom: 1px solid currentColor;
	transition: border .2s linear;
}

@media (any-hover: hover)
{
	.radio-big__desc a:hover
	{
		border-bottom-color: transparent;
	}
}

.radio-big input[type=radio] 
{
    display: none;
}

input[type=radio]:checked + .radio-big__wrap:after
{
    opacity: 1;
}

input[type=radio]:checked + .radio-big__wrap
{
    background: #2C2927;
	color: #fff;
	border-color: #2C2927;
}


.checkbox-slider input[type=checkbox]
{
    display: none;
}

.checkbox-slider__label
{
    position: relative;

    display: inline-block;

    cursor: pointer;
}

.checkbox-slider__text
{
    position: relative;

    color: #2C2927;
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding-left: 70px;
}

.checkbox-slider__text-dot
{
    position: absolute;
    top: 0;
    left: 0;

    width: 54px;
    height: 30px;

    border-radius: 999px;
    background: #fff;
	border: 1px solid #DEDDDC;

    transition: background .2s linear;
}

input[type=checkbox]:checked + .checkbox-slider__text .checkbox-slider__text-dot
{
    background: #fff;
}

input[type=checkbox]:disabled + .checkbox-slider__text .checkbox-slider__text-dot
{
    opacity: .5;
}

.checkbox-slider__text-dot:after
{
    content: "";

    position: absolute;
    top: 2px;
    left: 3px;

    width: 24px;
    height: 24px;

    border-radius: 50%;
    background: #2C2927;

    transition: left .2s linear, background .2s linear;
}

input[type=checkbox]:checked + .checkbox-slider__text .checkbox-slider__text-dot:after
{
    left: 26px;
}

@media (any-hover: hover)
{
    .checkbox-slider__text:hover .checkbox-slider__text-dot:after
    {
		background: #6E6E6E;
    }
}


.checkbox + .checkbox
{
	margin-top: 10px;
}

.checkbox input[type=checkbox]
{
    display: none;
}

.checkbox__label
{
    position: relative;

    display: block;

    cursor: pointer;
}

.checkbox__text
{
    position: relative;

    font-size: 14px;
    line-height: 20px;

    display: block;

    padding: 2px 0 2px 35px;
}

input[type=checkbox]:checked + .checkbox__text
{
    
}

@media (any-hover: hover)
{
    .checkbox__text:hover
    {
        
    }
}

.checkbox__text::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    border: 1px solid #DEDDDC;
    border-radius: 3px;
    background: #EDF2EF;
}

input[type=checkbox]:checked + .checkbox__text::before
{
    
}

.checkbox__text::after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 5px;

    width: 10px;
    height: 8px;
    margin-top: -4px;

    opacity: 0;
    background: url(../images/ic_check2.svg) 50% no-repeat;

    transition: opacity .2s linear;
}

input[type=checkbox]:checked + .checkbox__text::after
{
    opacity: 1;
}


.checkbox-btns
{
    margin: -5px 0 0 -5px;
}

.checkbox-btn
{
    flex-grow: 1;

    max-width: calc(100% - 5px);
    margin: 5px 0 0 5px;
}

.checkbox-btn input[type=checkbox]
{
    display: none;
}

.checkbox-btn__label
{
    position: relative;

    display: block;

    cursor: pointer;
}

.checkbox-btn__text
{
    position: relative;

    color: #282828;
    font-size: 14px;
    line-height: 31px;

    display: block;
    overflow: hidden;

    padding: 0 12px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    border-radius: 2px;
    background: #F9F9F9;

    transition: background .2s linear;
}

input[type=checkbox]:checked + .checkbox-btn__text
{
    background: #E8E8E8;
}

@media (any-hover: hover)
{
    .checkbox-btn__text:hover
    {
        background: #E8E8E8;
    }
}


.select-wrap
{
    position: relative;
}

.select-wrap._width
{
	width: 160px;
}

.select-wrap .form__label
{
    font-size: 12px;
    line-height: 1.3;

    padding-top: 3px;
}

.select-wrap select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-wrap .nice-select
{
    position: relative;

    display: block;
}

.select-wrap .nice-select.disabled
{
    pointer-events: none;
}

.select-wrap .nice-select.open
{
    z-index: 15;
}

.select-wrap .nice-select .current
{
    position: relative;
    z-index: 4;

    color: #2C2927;
    font-size: 14px;
    line-height: 41px;

    display: block;
    overflow: hidden;

    height: 41px;
    padding: 0 52px 0 20px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #DEDDDC;
    border-radius: 8px;
	background: #fff;

    transition: border .2s linear, color .2s linear;
}

.form .select-wrap .nice-select .current
{
	line-height: 51px;
	height: 51px;
}

@media (any-hover: hover)
{
    .select-wrap .nice-select .current:hover
    {
        border-color: #6E6E6E;
    }
}

.select-wrap .nice-select.open .current,
.select-wrap .nice-select .current.selected
{
    border-color: #6E6E6E;
}

.select-wrap .nice-select.open .current
{
	border-radius: 8px 8px 0 0;
	border-bottom-color:#D0C7C0;
}

.select-wrap .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 20px;

	width: 14px;
	height: 9px;

    margin-top: -3px;

	background: url(../images/ic_arrow2.svg) 50%/contain no-repeat;
}

.select-wrap .nice-select.open .current:after
{
	margin-top: -5px;
    transform: rotate(180deg);
}

.select-wrap .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    background: #FFF;
	/* border-top: 1px solid #D0C7C0; */
	border-left: 1px solid #6E6E6E;
	border-right: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
	border-radius: 0 0 8px 8px;

    transition: opacity .2s linear;
}

.select-wrap .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-wrap .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 360px;
    padding: 7.5px 0;

    scrollbar-width: thin;
}

.select-wrap .nice-select .list .list_item
{
    position: relative;

    color: #2C2927;
    font-size: 14px;
    line-height: 1.5;

    padding: 7.5px 20px;

    cursor: pointer;
	opacity: .7;

    transition: opacity .2s linear;
}

.select-wrap .nice-select .list .list_item:empty
{
    display: none;
}

.select-wrap .nice-select .list .list_item:hover,
.select-wrap .nice-select .list .list_item.selected
{
    opacity: 1;
}

.select-wrap .nice-select .list .list_item.selected
{
    font-weight: 600;
}

/*---------------
	Tabs
---------------*/

.tabs__marg
{
	margin-left: 72px;
}

.tabs__button_btn
{
	position: relative;

    color: #535353;
    font-size: 12px;
    line-height: 38px;

    display: inline-block;

    padding: 0 17px;

    text-align: center;
    vertical-align: top;
	border: 1px solid rgba(44, 41, 39, .2);

    border-radius: 8px;
    background: transparent;

    transition: background .2s linear, color .2s linear, border .2s linear;
}

@media (any-hover: hover){
	.tabs__button_btn:hover
	{
		color: #2C2927;
		border-color: #2C2927;
	}
}

.tabs__button_btn._active
{
    color: #FFF;
	border-color: #2C2927;
    background: #2C2927;
}

.tabs__button_btn + .tabs__button_btn
{
	margin-left: 8px;
}

.tab-content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

.tab-content._active
{
    visibility: visible;
    overflow: visible;

    height: auto;

    opacity: 1;

    transition: opacity .5s linear;
}

/*---------------
	Page head
---------------*/
._padt{
	padding-top: 80px;
}

._padb{
	padding-bottom: 80px;
}

._marg
{
	margin-top: 80px;
}

.head-section
{
	align-items: center;
	align-content: center;

	padding-right: 110px;
}

.main-title
{
	font-family: var(--font-family2);
	font-size: 40px;
	line-height: 1.1;
	font-weight: 400;
	color: #2C2927;
}

.main-title_b
{
	color: #2C2828;
}

.main-title._pad-right
{
	padding-right: 110px;
}

.main-title._pad-right-mob
{
	padding-right: 110px;
}
/*--------------
    Fancybox
--------------*/
.fancybox__backdrop
{
    background: rgba(0, 0, 0, .6);
}

.fancybox__slide
{
    padding: 16px;
}

._top-modal .fancybox__slide.has-html{
	padding-top: 38px;
}

.fancybox__slide.has-html.has-iframe
{
    padding-top: 60px;
}

._top-modal .fancybox__slide .f-button[data-fancybox-close]{
	right: 0;
	top: -30px;
	width: auto;
	padding-left: 30px;
	height: 20px;
	background: transparent;
	border-radius: 0;
	color: #fff;
}

._top-modal .fancybox__slide .f-button[data-fancybox-close]::after{
	content: attr(title);
	display: block;
}

._top-modal .fancybox__slide .f-button[data-fancybox-close] svg{
	width: 12px;
	height: 13px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7.5px;
}

.fancybox__slide .f-button[data-fancybox-close]
{
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #fff;

	top: 30px;
	right: 30px;
	background: rgba(37, 37, 37, 0.8);
    color: #D0C7C0;
	width: 40px;
	height: 40px;
	border-radius: 50%;

    transition: color .2s linear, background .2s linear;
}

@media (any-hover: hover)
{
    .fancybox__slide .f-button[data-fancybox-close]:hover
    {
        color: #fff;
		background: #252525;
    }

	._top-modal .fancybox__slide .f-button[data-fancybox-close]:hover{
		background: transparent;
		color: #D0C7C0;
	}
}

 .fancybox__slide .f-button[data-fancybox-close] svg{
	width: 14px;
	height: 15px;
}

.has-iframe.fancybox__slide .f-button[data-fancybox-close]
{
    top: -36px;
    right: 0;

    color: #FFF;
}

.has-iframe .f-html{
	padding: 0;
}

.fancybox__content :focus
{
    outline: none !important;
    box-shadow: none !important;
}

.fancybox__button--thumbs,
.fancybox__button--zoom
{
    display: none;
}

.fancybox__thumbs
{
    display: none;
}

.fancybox__loader {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  font-family: sans-serif;
  font-size: 16px;
  color: #444;
}


/*------------------------
	Slider controls
------------------------*/
.swiper
{
    position: relative;

    margin-right: 0;
    margin-left: 0;
}

.swiper_visible
{
    overflow: visible;
}

.swiper-overflow
{
    overflow: hidden;
}

.swiper-wrapper
{
    height: auto;
}

.swiper-vertical > .swiper-wrapper
{
    height: 100%;
}

.slider-button-prev,
.slider-button-next
{
    position: absolute;
    z-index: 10;
    top: 50%;

    color: #2C2927;

    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 36px;
    height: 36px;
    margin-top: -18px;

    cursor: pointer;

    border-radius: 50%;
    background: #EFEFEF;

    transition: color .2s linear, background .2s linear;
}

.slider-button-prev._top,
.slider-button-next._top
{
    top: 0;

    margin-top: -60px;
}

.slider-button-prev.slider-button-prev_grey,
.slider-button-next.slider-button-next_grey
{
    background: #F4F6FB;
}


@media (any-hover: hover)
{
    .slider-button-prev:hover,
    .slider-button-next:hover
    {
        z-index: 11;

        color: #FFF;

        background: #2C2927;
    }
}

.slider-button-prev svg,
.slider-button-next svg
{
    display: block;

    width: 9px;
    height: 14px;

    stroke: currentColor;
}

.slider-button-prev
{
    left: -15px;

    transform: rotate(180deg);
}

.slider-button-prev._top
{
    right: 56px;
    left: auto;
}

.slider-button-next
{
    right: -15px;
}

.slider-button-next._top
{
    right: 0;
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .3;
	color: #D0C7C0;
	border: 1px solid #D0C7C0;
	background: none;
}

.swiper-button-lock
{
    display: none;
}

.slider-pagination
{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 100%;
    padding: 0;

    text-align: center;

    transition: 300ms opacity, 300ms visibility;
}

.slider-pagination._bot
{
    position: relative;
    bottom: 0;
    left: 0;

    margin-top: 34px;
}

.slider-pagination.swiper-pagination-lock
{
    display: none !important;
}

.slider-dot
{
    position: relative;

    display: block;

    height: 20px;
	width: 20px;
    margin: 0;
    padding: 0;

    border-radius: 50%;
    background: #fff;
	border: 6px solid #E5E9EB;
    box-shadow: none;

    transition: background .2s linear;

    appearance: none;
}

.slider-dot + .slider-dot
{
    margin-left: 6px;
}

.slider-pagination-clickable .slider-dot
{
    cursor: pointer;
}

@media (any-hover: hover)
{
    .slider-dot:hover
    {
        background: #2C2927;
    }
}

.slider-dot.slider-dot_active
{
    background: #2C2927;
}

.swiper-scrollbar
{
    /* display: none; */

    transition: opacity 0s .1s linear;
}

.swiper-scrollbar._hide
{
    opacity: 0;

    transition-delay: .3s;
    transition-duration: .3s;
}

.swiper .swiper-scrollbar
{
    position: relative;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;
    margin-top: 32px;

    
	background: rgba(0, 0, 0, .1);
}

.swiper .swiper-scrollbar-drag
{
    background: #2C2927;
}

/*------------------------
	Start
------------------------*/

.first-section
{
	position: relative;
	padding: 186px 0 60px;
}

.first-section__abs1
{
	position: absolute;
	top: 260px;
	right: 50%;

	margin-right: 460px;
	opacity: .8;
	z-index: 4;

	height: 260px;
	width: 260px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.first-section__abs1 img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 100px;
}

.first-section__abs2
{
	position: absolute;
	top: 50%;
	left: 50%;

	margin-left: 248px;
	margin-top: -70px;
	opacity: .8;
	z-index: 4;

	width: 276px;
	height: 276px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.first-section__abs2 img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 100px;
}

.first-section__abs3
{
	position: absolute;
	top: 120px;
	left: 50%;

	margin-left: -180px;
	opacity: .8;
	z-index: 4;

	height: 300px;
	width: 300px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.first-section__abs3 img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 100px;
}

.first-section__abs4
{
	position: absolute;
	bottom: 20%;
	left: 50%;
	opacity: .8;
	z-index: 4;
	margin-left: -400px;

	width: 260px;
	height: 260px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.first-section__abs4 img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 100px;
}

.first-section__abs5
{
	position: absolute;
	top: 15%;
	right: 50%;
	margin-right: -410px;
	z-index: 4;

	width: 240px;
	height: 240px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	opacity: .8;
}

.first-section__abs5 img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 80px;
}

.first-section::after
{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 30%;

	background: linear-gradient(to top, #DED5C6 0%, rgba(255, 245, 229, 0) 100%);
	z-index: 2;
}

.first-section::before
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: linear-gradient(180deg, rgba(89,79,60,1) 0%, rgba(199,186,184,0) 100%);
	z-index: 3;
}

.first-section__banner
{
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.first-section__banner::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: rgba(0, 0, 0, .3);
	z-index: 1;
}


.first-section__banner img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.first-section .cont
{
	position: relative;
	z-index: 5;
}

.first-section__wrap
{
	max-width: 1633px;
	width: 100%;
	margin-left: auto;
	justify-content: space-between;
}

.first-section__info
{
	width: calc(66% - 20px);
}

.first-section__title
{
	color: #fff;
	font-family: var(--font-family2);
	font-size: 90px;
	line-height: 1;
	font-weight: 400;
	position: relative;
	z-index: 1;
}

.first-section__col
{
	width: calc(34% - 40px);
    padding-top: 18px;
}

.first-section__img
{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;

	height: 390px;
}

.first-section__img img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.first-section__bot
{
	margin-top: 165px;
}

.first-section__desc
{
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}

.first-section__btn
{
	margin-top: 32px;
}

.first-section__video
{
	max-width: 457px;
	margin-left: auto;
	margin-top: 94px;
}

.first-section__video-link
{
	align-items: stretch;
	align-content: stretch;

	text-decoration: none;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	color: #2C2927;
	font-size: 14px;
}

.first-section__video-img
{
	display: block;
	width: 61%;
	overflow: hidden;
}

.first-section__video-img img
{
	display: block;
	width: 100%;
	aspect-ratio: 279 / 157;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .first-section__video-link:hover .first-section__video-img img 
	{
        transform: scale(1.05);
    }
}

.first-section__video-box
{
	width: 39%;
	padding: 20px;

	display: flex;
	flex-direction: column;
}

.first-section__video-icon
{
	height: 26px;
	margin-top: auto;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.first-section__video-icon svg
{
	fill: #2C2927;
	display: block;
	width: 26px;
	height: 26px;
	transition: fill .2s linear;
}

@media (any-hover: hover) 
{
    .first-section__video-link:hover .first-section__video-icon svg
	{
        fill: #6E6E6E;
    }
}

.first-section__name
{
	display: block;
	margin-top: 10px;
}

/*------------
    main-cats
------------*/

.main-cats
{
	padding: 40px 0;
}

.main-cats__items
{
	justify-content: center;
	flex-wrap: nowrap;
}

.main-cats__item + .main-cats__item
{
	margin-left: 40px;
}

.main-cats__item
{
	display: block;
	text-decoration: none;
	color: #2C2927;
}

.main-cats__img
{
	display: block;
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.main-cats__img::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	border: 1px solid rgba(44, 41, 39, .2);
	border-radius: 50%;
}

.main-cats__img img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;
	
	transition: transform 1s linear, opacity .5s linear;

	object-fit: cover;
}

@media (any-hover: hover) 
{
    .main-cats__item:hover .main-cats__img img 
	{
        transform: scale(1.4);
    }
}

.main-cats__name
{
	font-weight: 600;
	display: block;
	margin-top: 16px;
	text-align: center;
}

/*------------
    products
------------*/
.products_bg{
	background: linear-gradient(180deg, #e1d8ce 0%, #e1d8ce 50%, #e3e1de 100%);
}

.products-slider
{
	margin-top: 30px;
}

.products__grid
{
	margin: -16px 0 0 -16px;
}

.products__grid .product
{
	width: calc(100%/3 - 16px);
	margin: 16px 0 0 16px;
}

.product
{
	display: block;
	text-decoration: none;
	position: relative;
	color: #fff;
	overflow: hidden;
	border-radius: 8px;
}

.product::after
{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 40%;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
}

.product__bg::after
{
	height: 100%;
	background: rgba(9, 9, 9, 0.5);
}

.product__img
{
	display: block;
	width: 100%;
	aspect-ratio: 428 / 480;
	border-radius: 8px;
	object-fit: cover;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .product:hover .product__img
	{
        transform: scale(1.05);
    }
}

.product__top
{
	position: absolute;
	top: 0;
	left: 0;

	justify-content: space-between;

	width: 100%;
	padding: 30px;
}

.stickers
{
	width: calc(100% - 44px);
	margin: -10px 0 0 -10px;
}

.stickers__sticker 
{
    font-size: 11px;
    line-height: 24px;
    color: #fff;
	display: inline-block;

	margin: 10px 0 0 10px;
}

.stickers__sticker span 
{
    display: inline-block;
    background: #2C2927;
    border-radius: 8px;
    white-space: nowrap;
    padding: 0 17px;
    text-align: center;
}


.product__top .favorite-btn
{
	margin-left: auto;
}

.favorite-btn
{
    position: relative;
	display: block;
    width: 24px;
    height: 24px;
}

.favorite-btn img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.favorite-btn::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 24px;
	height: 24px;

	background: url(../images/ic_favoriteH.svg) 50% 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
}

@media (any-hover: hover) 
{
	.favorite-btn:hover::after
	{
		opacity: 1;
	}
}

.favorite-btn:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;

	width: 24px;
	height: 24px;
	
	background: url(../images/ic_favoriteF.svg) 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
	z-index: 2;
}

.favorite-btn._active:before
{
	opacity: 1;
}


.product__bot
{
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;

	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: nowrap;
	padding: 30px;
	z-index: 2;
}

.product__boxl
{
	padding-right: 10px;
}

.product__title
{
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
	opacity: .5;
	display: block;
}

.product__name
{
	margin-top: 10px;
	font-size: 16px;
	display: block;
}

.product__boxr
{
	padding-left: 10px;
	flex-shrink: 0;
	text-align: right;
}

.cart-btn
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	margin-left: auto;
	transition: background .2s linear;

	position: relative;
}

.cart-btn svg
{
	display: block;

	width: 16px;
	height: 17px;

	stroke: #DCD9D3;
	opacity: 1;
    transition: stroke .2s linear, opacity .2s linear;
}

@media (any-hover: hover) 
{
	.cart-btn:hover
	{
		background: rgba(255, 255, 255, 1);
	}

	.cart-btn:hover svg
	{
		stroke: #2C2927;
	}
}

.cart-btn._active
{
	background: rgba(255, 255, 255, 1);
}

.cart-btn:before
{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;

	width: 16px;
	height: 14px;

	margin-top: -7px;
	margin-left: -8px;
	
	background: url(../images/ic_check.svg) 50% 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
	z-index: 2;
}

.cart-btn._active:before
{
	opacity: 1;
}

.cart-btn._active svg
{
	opacity: 0;
}

.product__old-price
{
	display: block;
	font-size: 14px;
	white-space: nowrap;
	opacity: .5;
	text-decoration: line-through;
	margin-top: 10px;
}

.cart-btn + .product__price
{
	margin-top: 10px;
}

.product__price
{
	display: block;
	white-space: nowrap;
	font-size: 21px;
}


.product__pre-order
{
	display: block;
	font-size: 21px;
}


.product__info
{
	position: absolute;
	bottom: 0;
	left: 0;

	display: block;

	padding: 30px 40px;
	z-index: 1;
}

.product__info-title
{
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.2;
	display: block;
}

.product__desc
{
	margin-top: 16px;
	display: block;
}

.product__trip
{
	margin-top: 24px;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

.product__text
{
	display: block;
	font-size: 14px;
}

.product__day
{
	font-size: 24px;
	line-height: 49px;
	font-family: var(--font-family2);
	color: #2C2927;
	display: block;
	background: #D0C7C0;
	border-radius: 8px;
	padding: 0 20px;
	margin-left: 24px;
}

.product__more
{
	margin-top: 73px;
	display: block;
	font-size: 14px;
	text-align: right;
}

.product__more span
{
	padding-right: 21px;
	position: relative;
	display: inline-block;
}

.product__more span::after
{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;

	display: block;

	width: 9px;
	height: 15px;
	margin-top: -7.5px;

	background: url(../images/ic_arrow.svg) 50% 50% no-repeat;
}


/*------------
    main-purpose
------------*/
.main-purpose_bg{
	position: relative;
}

.main-purpose_bg:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #e5e8e9 0%, rgba(231, 240, 246, 0) 90%, #e4eef3 100%);
}

.main-purpose__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 100%;
}

.main-purpose_bg .cont{
	z-index: 3;
}

.main-purpose__items
{
	margin: 16px 0 0 -16px;
}

.main-purpose__item
{
	display: block;
	width: calc(100%/4 - 16px);
	margin: 16px 0 0 16px;
	position: relative;
	text-decoration: none;
	color: #fff;
	border-radius: 8px;
	overflow: hidden;
	font-weight: 600;
}

.main-purpose__img
{
	display: block;
	width: 100%;
	aspect-ratio: 428 / 200;
	object-fit: cover;
	border-radius: 8px;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .main-purpose__item:hover .main-purpose__img
	{
        transform: scale(1.05);
    }
}

.main-purpose__name
{
	position: absolute;
	bottom: 0;
	left: 0;
	
	display: block;

	padding: 20px 30px;
}


/*------------
    main-news
------------*/

.main-news__grid
{
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 3 колонки одинаковой ширины */
	gap: 16px; /* расстояние между элементами */

	margin-top: 32px;
}

.main-news__item
{
	position: relative;
	display: block;
	text-decoration: none;
}

.main-news__item._big
{
	overflow: hidden;
	border-radius: 8px;
	grid-column: 1 / 3; /* занимает первую и вторую колонку */
}

.main-news__box
{
	text-decoration: none;
	display: block;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 22px;
}

.main-news__img
{
	width: 100%;
	display: block;
	aspect-ratio: 1;
	object-fit: cover;
	
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .main-news__item:hover .main-news__img
	{
        transform: scale(1.03);
    }
}

.main-news__item._big .main-news__img
{
	height: 100%;
	aspect-ratio: 872 / 526;
}

.main-news__title
{
	position: absolute;
	bottom: 0;
	left: 0;

	display: block;
	padding: 50px;
	font-size: 30px;
	line-height: 1.1;
	color: #fff;
}

.main-news__name
{
	text-decoration: none;
	font-size: 21px;

	font-weight: 600;
	color: #2C2927;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover) 
{
    .main-news__item:hover .main-news__name
	{
        border-bottom-color: currentColor;
    }
}


.main-news__desc
{
	font-size: 14px;
	color: #606060;
	margin-top: 12px;
	display: block;
}


/*------------
    choose-product
------------*/
.choose-product_bg{
	background: linear-gradient(180deg, #e3e1de 0%, #e5e7e8 100%);
	margin-top: -1px;
}

.choose-product .cont
{
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
}

.choose-product__info
{
	width: 27%;
}

.choose-product__title
{
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.2;
}

.choose-product__sub-title
{
	color: #6E6E6E;
	font-size: 14px;
	margin-top: 24px;
}

.choose-product__wrap
{
	width: calc(73% - 16px);
	margin-left: 16px;
	max-width: 1104px;
}

.choose-product__tabs
{
	margin-bottom: 24px;

	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
}

.choose-product__tabs-title
{
	padding: 0 15px;
	width: 100%;
	font-size: 21px;
}


.tabs__item + .tabs__item
{
	margin-left: 15px;
}

.tabs__item
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
	width: 40px;
	transition: width .2s linear;
}

.tabs__item._active{
	width: calc(100% - 165px);
}

.tabs__data{
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: opacity .5s linear;
}

.tabs__data._active
{
	opacity: 1;
}

/* .tabs__button_number + .tabs__button_number
{
	margin-left: 15px;
} */

.tabs__button_number
{
	flex-shrink: 0;
	background: #EFEFEF;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	color: #6E6E6E;
	font-size: 16px;
	line-height: 42px;
	transition: background .2s linear, color .2s linear;
}

@media (any-hover: hover) 
{
	.tabs__button_number:hover
	{
		background: #6E6E6E;
		color: #fff;
	}
}

.tabs__button_number._active
{
	background: #6E6E6E;
	color: #fff;
}

.choose-slider__item
{
	display: block;
	text-decoration: none;
	position: relative;
	color: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.choose-slider__img
{
	display: block;
	aspect-ratio: 358 / 138;
	width: 100%;
	object-fit: cover;

	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .choose-slider__item:hover .choose-slider__img
	{
        transform: scale(1.03);
    }
}

.choose-slider__name
{
	position: absolute;
	bottom: 0;
	left: 0;

	display: block;
	width: 100%;
	padding: 20px 30px;
	font-size: 14px;
	font-weight: 600;
}

/*------------
    reviews
------------*/
.reviews_bg{
	position: relative;
}

.reviews_bg:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #e4eef3 0%, rgba(255, 255, 255, 0) 20%, #fff 100%);
}

.reviews__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0;
}

.reviews_bg .cont{
	z-index: 1;
}

.reviews__slider
{
	margin-top: 30px;
}

.reviews__img
{
	display: block;
	text-decoration: none;
	border-radius: 8px;
	overflow: hidden;
}

.reviews__img img
{
	display: block;
	width: 100%;

	aspect-ratio: 280 / 519;
	object-fit: cover;

	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .reviews__img:hover img
	{
        transform: scale(1.03);
    }
}

.reviews__name
{
	font-weight: 600;
	margin-top: 20px;
}

/*------------
    portfolio
------------*/

.portfolio_bg
{
	position: relative;
}

.portfolio_bg-img
{
	display: none;
}

.portfolio_bg .cont
{
	position: relative;
	z-index: 4;
}

.portfolio__slider
{
	margin-top: 30px;
}

.portfolio__item
{
	position: relative;
}

.portfolio__info
{
	position: absolute;
	bottom: 16px;
	right: 16px;

	display: block;

	background: #fff;
	border-radius: 8px;
	padding: 20px;

	width: 160px;
	text-decoration: none;
	z-index: 3;
}

.portfolio__product
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	height: 131px;
	position: relative;
	padding-bottom: 41px;
}

.portfolio__product::after
{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 31px;

	background: url(../images/shadow_img.png) 50%/contain no-repeat;
}

.portfolio__product img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.portfolio__info-name
{
	color: #2C2927;
	line-height: 1.4;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover) 
{
    .portfolio__info:hover .portfolio__info-name
	{
        border-bottom-color: currentColor;
    }
}

.portfolio__cats
{
	display: block;
	font-size: 11px;
	line-height: 1.4;
	color: #2C2927;
	opacity: .4;
	margin-top: 2px;
	font-weight: 500;
}

.portfolio__flex
{
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	margin-top: -16px;
}

.portfolio__img
{
	display: block;
	text-decoration: none;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.portfolio__flex .portfolio__img
{
	width: calc(50% - 8px);
	margin-top: 16px;
}

.portfolio__img._bg::before
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: rgba(44, 41, 39, .2);
	z-index: 1;
}

.portfolio__img img
{
	display: block;
	width: 100%;
	aspect-ratio: 428 / 480;
	object-fit: cover;

	transition: transform .4s linear;
}

.portfolio__flex .portfolio__img img
{
	aspect-ratio: 206 / 232;
}

@media (any-hover: hover) 
{
    .portfolio__img:hover img
	{
        transform: scale(1.03);
    }
}

.portfolio__name
{
	position: absolute;
	bottom: 0;
	left: 0;

	display: block;

	width: 100%;
	padding: 24px 192px 24px 24px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	z-index: 2;
}

.portfolio__flex .portfolio__name
{
	padding: 20px;
}

/*------------
    choose-size
------------*/

.choose-size__wrap
{
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;

	position: relative;
	padding: 46px 60px;
	color: #fff;

	border-radius: 8px;
	overflow: hidden;
}

.choose-size__abs1
{
	position: absolute;
	bottom: 0;
	right: 50%;

	display: block;
	z-index: 2;
}

.choose-size__abs1 img{
	display: block;
	height: 119px;
}

.choose-size__abs2
{
	position: absolute;
	bottom: 57px;
	right: 50%;

	display: block;
	z-index: 1;
	margin-right: 55px;
}

.choose-size__abs2 img{
	display: block;
	height: 131px;
}

.choose-size__bg
{
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.choose-size__bg img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: 50% 30%;
}

.choose-size__bg::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: radial-gradient(circle at 41% 50%,rgba(44, 41, 39, 0) 0%,rgba(44, 41, 39, 0.57) 25%,rgba(44, 41, 39, 1) 100%);
}

.choose-size__title
{
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.2;
	position: relative;
	z-index: 3;

	font-weight: 500;
}

.choose-size__desc
{
	max-width: 540px;
	font-size: 14px;
	margin-left: auto;
	position: relative;
	z-index: 3;
}

.choose-size__link
{
	flex-shrink: 0;
	margin-left: 64px;
	position: relative;
	z-index: 3;
}

.choose-size__link a,
.choose-size__link button
{
	text-decoration: none;
	transition: .2s linear;
	color: #2C2927;
	line-height: 40px;
	white-space: nowrap;
	padding: 0 16px;
	display: block;
	background: #D0C7C0;
	border-radius: 8px;
	font-size: 12px;
	transition: background .2s linear, color .2s linear;
}

@media (any-hover: hover) 
{
	.choose-size__link a:hover,
	.choose-size__link button:hover
	{
		background: #6E6E6E;
		color: #fff;
	}
}

/*------------
    advantages
------------*/
.advantages_bg{
	position: relative;
}

.advantages_bg:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #e4eef3 0%, rgba(228, 238, 243, 0) 10%, rgba(228, 238, 243, 0) 80%, #e4eef3 100%);
}

.advantages_bg:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/main_about_line.svg) 0 calc(100% - 260px) / 100% auto no-repeat;
	z-index: 1;
}

.advantages__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0;
}

.advantages_bg .cont{
	z-index: 2;
}

.advantages__tabs
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	margin-top: 80px;
}

.advantages__tabs .tabs__button_icon + .tabs__button_icon
{
	margin-top: 0;
	margin-left: 32px;
}

.tabs__button-icon._fill svg
{
	stroke: none;
	fill: currentColor;
}


.advantages__wrap
{
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.advantages__box
{
	width: calc(50% - 8px);
	position: relative;
}

.advantages__box:first-child
{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.advantages__title
{
	font-family: var(--font-family2);
	font-size: 70px;
	line-height: 1;
}

.advantages__pad
{
	padding-left: 120px;
}

.advantages__grey
{
	color: #6E6E6E;
}

.advantages__img
{
	position: relative;
	max-width: 493px;
}

.advantages__img span
{
	display: block;
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	border-radius: 100px;
}

.advantages__img span img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;
}

.advantages__bg-logo
{
	position: absolute;
	bottom: 0;
	left: 100%;
	z-index: 1;
	margin-left: -204px;
	opacity: .2;

	width: 433px;
	height: 433px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.advantages__bg-logo img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	pointer-events: none;
}


/*------------
    inner-cats
------------*/

.inner-cats__items
{
	margin: -16px 0 0 -16px;
}

.inner-cats__item
{
	width: calc(100%/7 - 16px);
	margin: 16px 0 0 16px;
}

.inner-cats__img
{
	text-decoration: none;
	display: block;
	overflow: hidden;
	border-radius: 8px;
}

.inner-cats__img img
{
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;

	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .inner-cats__img:hover img
	{
        transform: scale(1.03);
    }
}

.inner-cats__name
{
	text-decoration: none;
	margin-top: 16px;
	font-weight: 600;
	color: #2C2927;
	display: inline-block;
}

/*------------
    faq
------------*/

.faq__cols
{
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.faq__col
{
	width: calc(50% - 8px);
}


.accordion
{
	
}

.accordion__item
{
	border-bottom: 1px solid #DEDDDC;
}

.accordion__title
{
	cursor: pointer;
	position: relative;
	padding: 24px 50px 24px 0;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.faq__name
{
	font-family: var(--font-family2);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}

.faq__plus-minus
{
	position: absolute;
	top: 50%;
	right: 0;

	display: block;

	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.faq__plus-minus::after
{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;

	display: block;

	width: 18px;
	height: 2px;

	transform: translate(-50%, -50%);
	border-radius: 1px;

	background-color: #2C2927;
}

.faq__plus-minus::before
{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;

	display: block;

	width: 2px;
	height: 18px;

	transform: translate(-50%, -50%);
	border-radius: 1px;

	background-color: #2C2927;
}

.accordion__item._active .faq__plus-minus::before
{
	opacity: 0;
}

.accordion__data
{
	display: none;
	padding-bottom: 30px;
}

.accordion__data .text-block p{
	color: rgba(44, 40, 40, 0.75);
	margin-bottom: 16px;
}


.faq__more-btn
{
	margin-top: 32px;
}

.more-btn
{
	font-size: 12px;
	
	display: inline-block;
	border: 1px solid #D0C7C0;
	padding: 0 20px 0 50px;
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #2C2927;
	transition: background .2s linear, color .2s linear, border .2s linear;
	border-radius: 8px;
}

.more-btn svg
{
	position: absolute;
	display: block;

	top: 50%;
	left: 20px;

	width: 20px;
	height: 20px;

	margin-top: -10px;

	stroke: #2C2927;

	transition: stroke .2s linear;
}

@media (any-hover: hover) 
{
	.more-btn:hover
	{
		background: #2C2927;
		color: #fff;
		border-color: #2C2927;
	}

	.more-btn:hover svg
	{
		stroke: #fff;
	}
}

.faq__box
{
	position: sticky;
	top: 30px;
	left: 0;
}

.faq__desc
{
	margin-top: 16px;
	opacity: .75;
	max-width: 480px;
	font-size: 14px;
}

.faq__title
{
	margin-top: 48px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
}

.faq__btn
{
	margin-top: 16px;
}

/*------------
    content
------------*/

.content__top
{
	justify-content: space-between;
	flex-wrap: nowrap;
}


.filter-use
{
	width: 100%;
}

.filter-use__flex
{
    margin: -10px 0 0 -10px;
}

.filter-use__item
{
    width: auto;
    margin: 10px 0 0 10px;
}

.filter-use__link
{
    color: #2C2828;
    font-size: 14px;
    line-height: 37px;

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding: 0 20px;

    text-align: left;
    white-space: nowrap;
    text-decoration: none;

    border-radius: 999px;
    background: #fff;

    transition: background .2s linear, color .2s linear;
}

.filter-use__bold
{
	font-weight: 600;
}

.filter-use__link svg
{
    flex-shrink: 0;

    width: 12px;
    height: 13px;
    margin-left: 8px;

    fill: none;
    stroke: #2C2828;

	transition: stroke .2s linear;
}

@media (any-hover: hover)
{
    .filter-use__link:hover
    {
        /* background: #6E6E6E;
		color: #fff; */
    }

	.filter-use__link:hover svg
	{
		stroke: #6E6E6E;
	}
}

.filter-use__info span + span
{
	margin-left: 8px;
}


.filter__item + .filter__item
{
	margin-top: 60px;
}

.filter__title
{
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
}


.filter__data
{
	margin-top: 20px;
}


.filter__data .checkbox:nth-child(n + 6)
{
    display: none;
}

.filter__data._all .checkbox:nth-child(n + 6)
{
    display: block;
}


.range 
{
	max-width: 366px;
}

.range__flex
{
    justify-content: space-between;
	border: 1px solid #DEDDDC;
	border-radius: 5px 5px 0 0;
	position: relative;
}

.range__flex::after
{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;

	display: block;

	width: 1px;
	height: 21px;

	transform: translate(-50%, -50%);

	background: #DEDDDC;
}

.range__field{
	width: 50%;
	position: relative;
}

.range-rub{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	line-height: 51px;
	padding-left: 24px;
	pointer-events: none;
}

.range .range__input
{
    color: #2C2828;
    font: 15px var(--font-family);

    display: block;
	width: 100%;
    
    height: 51px;
    padding: 0 20px;

    border: none;
    background: none;
}


.filter__reset
{
    color: #2C2927;
    font-size: 14px;
    line-height: 1.5;

    display: block;

    text-align: center;
	position: relative;

    transition: color .2s linear;
	padding-left: 20px;
}

.filter__reset::before
{
	position: absolute;
	content: '';
	top: 50%;
	left: 0;

	display: block;

	width: 12px;
	height: 13px;

	transform: translateY(-50%);

	background: url(../images/close2.svg) 50% 50% no-repeat;
}

.filter__reset span
{
    border-bottom: 1px dashed;
	transition: border .2s linear;
}

@media (any-hover: hover)
{
    .filter__reset:hover span
    {
        border-color: transparent
    }
}


.filter__item-more
{
    color: #2C2927;
    font-size: 14px;
    line-height: 1.5;

    display: none;

    margin-top: 20px;

    border-bottom: 1px dashed currentColor;

    transition: border .2s linear;
}

.filter__item-more._show
{
    display: block;
}

@media (any-hover: hover)
{
    .filter__item-more:hover
    {
        border-bottom-color: transparent;
    }
}

.filter__item-more span + span
{
    display: none;
}

.filter__item-more._active span
{
    display: none;
}

.filter__item-more._active span + span
{
    display: block;
}


.aside-filter
{
    width: calc(100%/4 - 16px);
    margin-left: 16px;
}

.content__flex
{
    margin-left: -16px;
}

.content__center
{
    width: calc((100%/4) * 3 - 16px);
    margin-left: 16px;
}

.filter-open
{
	display: none;
	background: #fff;
	width: 37px;
	height: 37px;
	border-radius: 50%;

	flex-shrink: 0;
	margin-right: 10px;
	position: relative;
}

.filter-open::after
{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;

	display: block;

	width: 25px;
	height: 25px;

	transform: translate(-50%, -50%);

	background: url(../images/ic_filter.svg) 50% 50% no-repeat;
}


.sorting
{
	flex-shrink: 0;
	margin-left: 60px;
	margin-top: 10px;
}

.select-sort
{
    position: relative;

    /* width: 224px; */
    margin-right: auto;
}

.select-sort select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-sort .nice-select
{
    position: relative;

    display: block;
}

.select-sort .nice-select.disabled
{
    pointer-events: none;
}

.select-sort .nice-select.open
{
    z-index: 15;
}

.select-sort .nice-select .current
{
    position: relative;
    z-index: 4;

    color: #2C2828;
    font-size: 14px;
    line-height: 1.5;

    display: block;
    overflow: hidden;

    padding-right: 27px;

    cursor: pointer;
    white-space: nowrap;
    /* text-overflow: ellipsis; */

    transition: color .2s linear;
}

@media (any-hover: hover)
{
    .select-sort .nice-select .current:hover
    {
        opacity: .75;
    }
}

.select-sort .nice-select.open .current,
.select-sort .nice-select .current.selected
{
    opacity: .75;
}

.select-sort .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    margin-top: -10px;

    width: 14px;
	height: 21px;

	background: url(../images/ic_sort.svg) 50% 50% no-repeat;

    transition: opacity .2s linear;
}

.select-sort .nice-select.open .current:after
{
    opacity: .75;
}

.select-sort .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 10px);
    right: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(191, 191, 191, .25);

    transition: opacity .2s linear;
}

.select-sort .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-sort .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 360px;
    padding: 15px 0;

    scrollbar-width: thin;
}

.select-sort .nice-select .list .list_item
{
    position: relative;

    color: #2C2828;
    font-size: 14px;
    line-height: 1.5;

    padding: 5px 20px;

    cursor: pointer;
	white-space: nowrap;

    transition: color .2s linear;
}

.select-sort .nice-select .list .list_item:empty
{
    display: none;
}

.select-sort .nice-select .list .list_item:hover,
.select-sort .nice-select .list .list_item.selected
{
    /* color: #007657; */
}

.select-sort .nice-select .list .list_item.selected
{
    font-weight: 600;
}


.filter-head
{
	position: sticky;
	z-index: 15;
	top: 0;
	left: -20px;
	width: calc(100% + 40px);
	margin-left: -20px;
	padding: 20px 0;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #D0C7C0;
	margin-bottom: 20px;

	display: none;
}

.filter-head__title
{
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
}


.filter-head__close
{
	position: absolute;
	top: 50%;
	right: 20px;

	width: 40px;
	height: 40px;

	margin-top: -20px;
}

.filter-head__close::before
{
	position: absolute;
	content: '';

	display: block;

	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	
	transform: translate(-50%, -50%);
	background: url(../images/close_dark.svg) 50% 50% no-repeat;
}


/*------------
    contacts
------------*/

.contacts__cols
{
	justify-content: space-between;
}

.contacts__col
{
	width: calc(50% - 15px);
	max-width: 850px;
}

.contacts__item + .contacts__item
{
	margin-top: 30px;
}

.contacts__title
{
	font-size: 14px;
	opacity: .7;
}

.contacts__link
{
	margin-top: 10px;
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
}

.contacts__link a
{
	text-decoration: none;
	color: currentColor;
}


.contacts-socials
{
	margin-left: -20px;
}

.contacts-socials__item
{
	width: calc(100%/3 - 20px);
	margin: 20px 0 0 20px;
}

.contacts-socials_two .contacts-socials__item
{
	width: calc(100%/2 - 20px);
	margin-top: 20px;
}

.contacts-socials-link
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	color: currentColor;

	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: color .2s linear;
}

.contacts-socials_two .contacts-socials-link
{
	font-size: 16px;
}

.contacts-socials-link svg
{
	fill: currentColor;
	display: block;
	width: 30px;
	height: 30px;
	transition: fill .2s linear;
	margin-right: 10px;
}

@media (any-hover: hover) 
{
	.contacts-socials-link:hover
	{
		color: #6E6E6E;
	}

    .contacts-socials-link:hover svg
	{
        fill: #6E6E6E;
    }
}

/*------------
    consultation
------------*/

.consultation__bg
{
	justify-content: space-between;
	background: #EFEFEF;
	border-radius: 8px;
	padding: 40px;
}

.consultation__info
{
	width: 480px;

}

.consultation__title
{
	font-size: 30px;
	line-height: 1.2;
	font-family: var(--font-family2);
}

.consultation__desc
{
	margin-top: 10px;
	font-size: 14px;
	color: #6D6D6D;
}

.consultation__form
{
	width: calc(100% - 496px);
	max-width: 832px;
}

.consultation__flex
{
	flex-wrap: nowrap;
	margin-bottom: 20px;
}

.consultation__flex .form__line
{
	width: calc(50% - 20px);
	margin-right: 20px;
	margin-bottom: 0;
}

.consultation__flex .form__submit
{
	flex-shrink: 0;
}

.product-thumbs
{
    width: 100px;
    height: 520px;
}

.product-thumbs .slider-button-next
{
	top: auto;
    bottom: 20px;
    right: 50%;
	margin-right: -18px;
	margin-top: 0;
}

.product-thumbs .slider-button-next svg
{
    transform: rotate(90deg);
	margin-top: 3px;
}


.product-thumbs .slider-button-prev
{
    top: 20px;
    left: 50%;
	margin-left: -18px;
	margin-top: 0;
}

.product-thumbs .slider-button-prev svg
{
    transform: rotate(90deg);
	margin-top: 0;
}

.product-thumbs__img
{
    position: relative;

    overflow: hidden;

    cursor: pointer;
	height: 100%;

    border-radius: 8px;
}

.product-thumbs__img::before
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	/* background: rgba(208, 199, 192, .5); */
	z-index: 1;
	
	transition: background .2s linear;
}

.product-thumbs .swiper-slide-thumb-active .product-thumbs__img::before
{
	background: rgba(208, 199, 192, .4);
}


.product-thumbs__img_video::after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;

    background: url(../images/ic_play.svg) 50%/contain no-repeat;
}

.product-thumbs__img img
{
    display: block;

    width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}


.product-images
{
    position: relative;

    width: calc(100% - 105px);
}

.product-images__img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;

    border-radius: 8px;
}

.product-images__video::after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;

    background: url(../images/ic_play.svg) 50%/contain no-repeat;
}

.product-images__img img
{
    display: block;

    width: 100%;
	aspect-ratio: 535 / 713;
	object-fit: cover;
}

/*------------
    product-info
------------*/

.product-info__wrap
{
	justify-content: space-between;
}

.product-info__images
{
	width: 36.4%;

	justify-content: space-between;
}

.product-info__info
{
	width: calc(63.6% - 60px);
}

.product-info__top
{
	align-items: center;
	align-content: center;
	margin-bottom: 10px;
}

.product-info__availability
{
	position: relative;
	padding-left: 18px;
	font-size: 14px;
	margin-right: 40px;
}

.product-info__availability::before
{
	position: absolute;
	content: '';
	top: 50%;
	left: 0;

	display: block;

	width: 8px;
	height: 8px;
	margin-top: -4px;

	border-radius: 50%;

	background: #32A936;
}

.product-info__codes
{
	text-transform: uppercase;
	font-size: 14px;
}

.product-info__codes span
{	
	color: rgba(44, 41, 39, .7);
	margin-right: 10px;
	text-transform: none;
}

.product-info__favorite-box
{
	margin-left: auto;
}

.product-info__favorite-btn
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	font-size: 14px;

	height: 20px;
	line-height: 21px;
}

.product-info__favorite-icon
{
	width: 20px;
	height: 20px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	position: relative;
	margin-right: 10px;
}

.product-info__favorite-btn img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.product-info__favorite-icon::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 20px;
	height: 20px;

	background: url(../images/ic_favorite_darkH.svg) 50% 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
}

@media (any-hover: hover) 
{
	.product-info__favorite-btn:hover .product-info__favorite-icon::after
	{
		opacity: .3;
	}
}

.product-info__favorite-icon:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;

	width: 20px;
	height: 20px;
	
	background: url(../images/ic_favorite_darkH.svg) 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
	z-index: 2;
}

.product-info__favorite-btn._active .product-info__favorite-icon:before
{
	opacity: 1;
}

.product-info__favorite-text span + span
{
    display: none;
}

.product-info__favorite-btn._active .product-info__favorite-text span
{
    display: none;
}

.product-info__favorite-btn._active .product-info__favorite-text span + span
{
    display: block;
}


.product-info__bg
{
	background: #fff;
	border-radius: 8px;
	padding: 10px 40px 40px;
	margin-top: 40px;
}

.product-info__box
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	
	margin-left: -30px;
}

.product-info__box-item
{
	margin: 30px 0 0 30px;
}

.product-info__box-item._bot-content
{
	align-self: flex-end;
}


.product-info__select + .product-info__select
{
	margin-left: 60px;
}

.product-info__select-name
{
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
	margin-bottom: 10px;
}


.product-info__size-btn
{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 600;
	color: currentColor;
	border-bottom: 1px dashed currentColor;
	transition: border .2s linear;
}

@media (any-hover: hover) 
{
	.product-info__size-btn:hover
	{
		border-bottom-color: transparent;
	}
}

.product-info__price
{
	font-size: 21px;
	font-weight: 600;
	white-space: nowrap;
}

.product-info__old-price
{
	font-size: 21px;
	white-space: nowrap;
	opacity: .7;
	text-decoration: line-through;
	margin-left: 20px;
}

.product-info__btns
{
	margin-top: -10px;
	margin-left: -10px;
}

.product-info__btn
{
	margin: 10px 0 0 10px;
}

.product-info__btn a,
.product-info__btn button
{
	width: 100%;
}

.product-info__buy
{
	border: 1px solid #D0C7C0;
	border-radius: 8px;
	color: currentColor;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	padding: 0 20px;
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	transition: border .2s linear, color .2s linear, background .2s linear;
}

.product-info__buy-icon
{
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.product-info__buy svg
{
	display: block;
	width: 20px;
	height: 20px;

	stroke: currentColor;
	opacity: 1;
	transition: stroke .2s linear;
}

@media (any-hover: hover) 
{
	.product-info__buy:hover
	{
		border-color: #2C2927;
		background: #2C2927;
		color: #fff;
	}

	.product-info__buy:hover svg
	{
		stroke:#fff;
	}
}

.product-info__buy-text span + span
{
    display: none;
}

.product-info__buy._active .product-info__buy-text span
{
    display: none;
}

.product-info__buy._active .product-info__buy-text span + span
{
    display: block;
}


.product-info__buy._active
{
	border-color: #2C2927;
	background: #2C2927;
	color: #fff;
}

.product-info__buy .product-info__buy-icon:before
{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;

	width: 16px;
	height: 14px;

	margin-top: -7px;
	margin-left: -8px;
	
	background: url(../images/ic_check3.svg) 50% 50% no-repeat;
	opacity: 0;
	transition: opacity .2s linear;
	z-index: 2;
}

.product-info__buy._active .product-info__buy-icon:before
{
	opacity: 1;
}

.product-info__buy._active svg
{
	opacity: 0;
}


.product-info__gift
{
	border: 1px solid #D0C7C0;
	border-radius: 8px;
	color: currentColor;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	padding: 0 20px;
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	text-decoration: none;

	transition: border .2s linear, color .2s linear, background .2s linear;
}

.product-info__gift-icon
{
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.product-info__gift svg
{
	display: block;
	width: 20px;
	height: 20px;

	fill: none;
	stroke: currentColor;
	opacity: 1;
	transition: stroke .2s linear;
}

@media (any-hover: hover) 
{
	.product-info__gift:hover
	{
		border-color: #2C2927;
		background: #2C2927;
		color: #fff;
	}

	.product-info__gift:hover svg
	{
		stroke:#fff;
	}
}

.product-info__links
{
	margin: 10px 0 0 -30px;
}

.product-info__links .product-info__link
{
	margin: 30px 0 0 30px;
	width: calc(100%/4 - 30px);
}

.product-info__link-wrap
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;

	transition: .2s linear;
	position: relative;

	color: currentColor;
	font-size: 14px;
	text-decoration: none;
}

.product-info__link a .product-info__link-text,
.product-info__link button .product-info__link-text
{
	border-bottom: 1px dashed currentColor;
	transition: border .2s linear;
	white-space: nowrap;
}

.product-info__link-icon
{
	height: 24px;

	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	margin-right: 12px;
}

.product-info__link-icon img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

@media (any-hover: hover) 
{
	.product-info__link a.product-info__link-wrap:hover .product-info__link-text,
	.product-info__link button.product-info__link-wrap:hover .product-info__link-text
	{
		border-color: transparent;
	}
}


.product-info__pre-order
{
	font-size: 15px;
}


.product-info__mini-modal
{
	display: inline-block;
}

.mini-modal__btn-product
{
	position: relative;
    color: #FFF;
    font-size: 14px;
    line-height: 41px;
    display: inline-block;
    padding: 0 50px 0 20px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    border-radius: 8px;
    background: #2C2927;
    transition: background .2s linear, color .2s linear;
}

.mini-modal__btn-product::before
{
	position: absolute;
	content: '';
	top: 50%;
	right: 27px;

	width: 20px;
	height: 20px;

	display: block;

	margin: -10px;

	background: url(../images/ic_question.svg) 50% 50% no-repeat;
}

.mini-modal__info 
{
    left: 0;
    width: 300px;
    padding: 10px 15px 20px;
    border: 1px solid #D0C7C0;
	border-radius: 8px;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(44, 41, 39, .2);
}

.mini-modal__info::before
{
    content: "";
    position: absolute;
    top: -7px;
    left: 40px;
    width: 14px;
    height: 7px;
    margin-left: -7px;
    background: url(../images/triangle.svg);
}

.mini-modal__info .text-block p
{
	font-size: 14px;
	margin-bottom: 10px;
}


.product-info__feature
{
	margin-top: 40px;
}

.product-info__features-title
{
	font-size: 24px;
	font-weight: 500;
	font-family: var(--font-family2);
}

.features_marg
{
	margin-top: 20px;
}

.features__feature
{
	justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
}

.features__feature + .features__feature
{
    margin-top: 10px;
}

.features__feature-box
{
	width: calc(50% - 5px);

	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: nowrap;
}

.features__feature-name
{
	white-space: nowrap;
	flex-shrink: 0;
	margin-right: 10px;

	color: rgba(44, 41, 39, .7);
}

.features__feature-border
{
	width: 100%;
	border-bottom: 1px dashed rgba(44, 41, 39, .3);
	margin-bottom: 1px;
}

.features__feature-val
{
	width: calc(50% - 5px);
    font-weight: 600;
}


.product-info__desc
{
	margin-top: 40px;
}

.product-info__desc-title
{
	position: relative;
	font-weight: 600;
	padding-left: 34px;
}

.product-info__desc-title::before
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 24px;
	height: 24px;

	background: url(../images/ic_info.svg) 50% 50% no-repeat;
}

.product-info__desc-text-block
{
	margin-top: 15px;
}


.product-info-bonus
{
	margin-top: 40px;
}

.product-info-bonus__items
{
	margin-top: -16px;
	justify-content: space-between;
}

.product-info-bonus__item
{
	width: calc(50% - 8px);
	margin-top: 16px;
}

.product-info-bonus__link
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;

	text-decoration: none;
	color: currentColor;
}

.product-info-bonus__img
{
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: relative;
	border-radius: 40px;
}

.product-info-bonus__img img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .product-info-bonus__link:hover .product-info-bonus__img img 
	{
        transform: scale(1.05);
    }
}

.product-info-bonus__desc
{
	width: calc(100% - 95px);
	margin-left: 15px;
	font-weight: 600;
}

.product-info .page-title{
	color: #2C2927;
}

/*------------
    section-cart
------------*/

.cart-table
{
    width: 100%;

    border-collapse: collapse;
}

.cart-table td
{
    padding: 20px 0 20px 20px;

    border-bottom: 1px solid #DEDDDC;
}

.cart-table td:first-child
{
    padding-left: 0;
}

.cart-table tr:first-child td
{
	padding-top: 0;
}

.cart-table__thumb
{
    width: 80px;

    table-layout: fixed;
}

.cart-table__img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 80px;
    height: 80px;

    border-radius: 8px;
}

.cart-table__delete-product .cart-table__img
{
	opacity: .3;
}

.cart-table__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .cart-table__img:hover img 
	{
        transform: scale(1.05);
    }
}

.cart-table__info
{
	width: 100%;
}

.cart-table__code
{
    font-size: 14px;
    font-weight: 600;

	font-variant-numeric: lining-nums tabular-nums;
}

.cart-table__code span
{
	opacity: .7;
	font-weight: 400;
	margin-right: 10px;
	display: inline-block;
}

.cart-table__name
{
    color: currentColor;
    font-weight: 600;
	font-size: 16px;

    margin-top: 5px;

    font-variant-numeric: lining-nums tabular-nums;
}

.cart-table__name a
{
    color: currentColor;

    text-decoration: none;
	border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.cart-table__delete-product .cart-table__code,
.cart-table__delete-product .cart-table__name
{
	opacity: .3;
}

@media (any-hover: hover)
{
	.cart-table__name a:hover
	{
		border-color: currentColor;
	}
}


.cart-table__size .select-wrap
{
	width: 100px;
}

.cart-table__size .cart-table__w
{
	width: 160px;
}

.cart-table__select
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;

	padding-right: 20px;
}

.cart-table__select-name
{
	font-size: 14px;
	opacity: .7;
	margin-right: 10px;
}

.cart-table__product-removed
{
	white-space: nowrap;
	font-size: 14px;
}

.cart-table__prices-box
{
	padding-right: 20px;
}

.cart-table__price
{
    font-size: 21px;
	font-weight: 600;
	margin-top: 5px;
	white-space: nowrap;
}

.cart-table__old-price
{
	opacity: .7;
    text-decoration: line-through;
	white-space: nowrap;
}

.cart-table__delete-btn
{
    display: block;

    width: 36px;
    height: 36px;
}

.cart-table__delete-btn svg
{
    display: block;

    max-width: 100%;
	max-height: 100%;
	fill: none;

    stroke: currentColor;
	transition: stroke .2s linear;
}

@media (any-hover: hover) 
{
    .cart-table__delete-btn:hover svg
	{
        stroke: #6E6E6E;
    }
}


.section-cart__items
{
	margin-top: 60px;
	justify-content: space-between;
}

.form-code__flex 
{
    flex-wrap: nowrap;
	width: 320px;
}

.form-code .form-code__input 
{
	color: #2C2927;
    font: 14px var(--font-family);

    display: block;

    width: 100%;
    height: 44px;
    padding: 0 62px 0 20px;

    border: none;
    border-radius: 8px;
    background: #fff;
	border: 1px solid #DEDDDC;
	transition: border .2s linear;
}

.form-code__submit 
{
    position: relative;
    color: #FFF;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
	margin-top: 2px;
    margin-left: -42px;
    border: none;
    border-radius: 8px;
    background: #2C2927;
    transition: background .2s linear;
}

.form-code__submit::before
{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;

	display: block;

	width: 16px;
	height: 14px;

	margin-top: -7px;
	margin-left: -8px;

	background: url(../images/ic_check3.svg) 50% 50% no-repeat;
}

@media (any-hover: hover) 
{
	.form-code__submit:hover
	{
		background: #6E6E6E;
	}
}

.form-codes__cods
{
	margin-left: -10px;
}

.form-codes__btn
{
    color: #fff;
    font-size: 14px;
    line-height: 37px;
	font-weight: 600;

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding: 0 20px;
	margin: 10px 0 0 10px;

    text-align: left;
    white-space: nowrap;
    text-decoration: none;

    border-radius: 999px;
    background: #2C2927;

    transition: background .2s linear, color .2s linear;
}

.form-codes__btn svg
{
    flex-shrink: 0;

    width: 12px;
    height: 13px;
    margin-left: 8px;

    fill: none;
    stroke: #fff;
}

@media (any-hover: hover)
{
    .form-codes__btn:hover
    {
        background: #6E6E6E;
    }
}

.points__title
{
	color: #2C2828;
}

.points__flex
{
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
	margin-top: 10px;
}

.points__val
{
	font-size: 40px;
	line-height: 1.1;
	font-family: var(--font-family2);
	color: #2C2828;
	margin-right: 20px;
	white-space: nowrap;
}

.points__flex .points__btn
{
	line-height: 40px;
	padding-left: 20.5px;
	padding-right: 20.5px;
}

.free-ship
{
	width: 100%;
	max-width: 480px;
}

.free-ship__title
{
	font-size: 21px;
	font-weight: 600;
}

.free-ship__desc
{
	margin-top: 5px;
	font-size: 15px;
}

.free-ship__desc span
{
	font-weight: 600;
}


.free-ship__range
{
	margin-top: 15px;
	height: 5px;
	position: relative;
	border-radius: 5px;
	background: #EFEFEF;
	overflow: hidden;
}

.free-ship__line
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	height: 100%;
	background: #D0C7C0;
}

.free-ship__val
{
	margin-top: 10px;
	justify-content: space-between;
	font-size: 14px;
	opacity: .75;
}


.total-cart
{
	text-align: right;
}

.total-cart__val
{
	font-size: 40px;
	line-height: 1.1;
	font-family: var(--font-family2);
}

.total-cart__link
{
	margin-top: 10px;
}

/*------------
    cart-products
------------*/

.cart-products__slider
{
	margin-top: 30px;
}

.cart-product
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.cart-product__img
{
	display: block;
	text-decoration: none;
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.cart-product__img img
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;

	object-fit: cover;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .cart-product__img:hover img 
	{
        transform: scale(1.05);
    }
}

.cart-product__info
{
	width: calc(100% - 120px);
	margin-left: 20px;
}

.cart-product__name
{
	text-decoration: none;
	color: currentColor;
	font-size: 14px;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover)
{
	.cart-product__name:hover
	{
		border-color: currentColor;
	}
}

.cart-product__prices
{
	align-items: flex-end;
	align-content: flex-end;
	margin-top: 5px;
}

.cart-product__old-price
{
	opacity: .5;
	font-size: 14px;
	text-decoration: line-through;
	margin-right: 10px;
	white-space: nowrap;
}

.cart-product__price
{
	font-weight: 600;
	white-space: nowrap;
	font-size: 16px;
}


/*------------
    checkout
------------*/

.checkout__flex
{
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.checkout__coll
{
	width: calc(100% - 510px);
	max-width: 1220px;
}

.checkout__colr 
{
    width: 480px;
}

.checkout__box + .checkout__box
{
	margin-top: 60px;
}

.checkout__title
{
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
}

.checkout__wrap
{
	margin-top: 20px;
}


.checkout__bg
{
	padding: 40px;
    border-radius: 8px;
    background: #FFF;

	position: sticky;
	top: 30px;
	left: 0;
}

.checkout-total__title
{
	display: none;
}


.checkout-total__item
{
	padding: 20px 0;
	border-bottom: 1px solid #DEDDDC;
}

.orders .checkout-total__item:last-child
{
	border-bottom: none;
}

.checkout-total__item:first-child
{
	padding-top: 0;
}

.checkout-total__top
{
	flex-wrap: nowrap;
}

.checkout-total__img
{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.checkout-total__img img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.checkout-total__info
{
	width: calc(100% - 80px);
	margin-left: 20px;
}

.checkout-total__name
{
	font-size: 14px;
	font-weight: 600;
}

.orders .checkout-total__name
{
	font-size: 16px;
}

.checkout-total__name a
{
	color: currentColor;
	text-decoration: none;
	transition: .2s linear;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

.checkout-total__box
{
	margin-top: 5px;
}

.checkout-total__val
{
	white-space: nowrap;
	font-weight: 600;
	font-size: 14px;
}

.checkout-total__val span
{
	opacity: .75;
	font-weight: 400;
	margin-right: 10px;
}

.checkout-total__val + .checkout-total__val
{
	margin-left: 30px;
}

.checkout-total__info-bot
{
	margin-top: 5px;
	align-items: center;
	align-content: center;
}

.checkout-total__info-bot .checkout-total__old-price
{
	margin-right: 10px;
}

.checkout-total__info-bot .checkout-total__price
{
	font-size: 14px;
}

.checkout-total__bot
{
	margin-top: 20px;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	padding-right: 20px;
}

.checkout-total__old-price
{
	white-space: nowrap;
	opacity: .75;
	font-size: 14px;
	margin-right: 20px;
	text-decoration: line-through;
}

.checkout-total__price
{
	white-space: nowrap;
	font-weight: 600;
	font-size: 16px;
}


.order-feature
{
	font-size: 14px;
}

.order-feature_marg
{
	margin-top: 40px;
}

.order-feature__feature
{
	justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
}

.order-feature__feature + .order-feature__feature
{
    margin-top: 10px;
}

.order-feature__feature-box
{
	width: calc(50% - 5px);

	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: nowrap;
}

.order-feature__feature-name
{
	flex-shrink: 0;
	margin-right: 10px;

	color: rgba(44, 41, 39, .7);
}

.order-feature__feature-border
{
	width: 100%;
	border-bottom: 1px dashed rgba(44, 41, 39, .3);
	margin-bottom: 1px;
}

.order-feature__feature-val
{
	width: calc(50% - 5px);
    font-weight: 600;
}

.checkout-total__agree
{
	margin-top: 40px;
	font-size: 14px;
	opacity: .75;
}

.checkout-total__agree a
{
	color: currentColor;
	text-decoration: none;
	transition: .2s linear;
	border-bottom: 1px solid transparent;
}

@media (any-hover: hover)
{
	.checkout-total__agree a:hover
	{
		border-color: currentColor;
	}
}

.checkout-total__block
{
	margin-top: 40px;
	align-items: center;
	align-content: center;
}

.checkout-total__total-val
{
	font-size: 40px;
	line-height: 1.1;
	font-family: var(--font-family2);
}

.checkout-total .btn-black
{
	line-height: 51px;
	padding: 0 30px;
	margin-left: 30px;
	font-size: 14px;
}

/*------------
    lk-page
------------*/

.lk-page__top
{
	align-items: center;
	align-content: center;
}

.lk-page__foto
{
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}

.lk-page__foto img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.lk-page__info
{
	width: calc(100% - 120px);
	margin-left: 20px;
}

.lk-page__name
{
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.3;
}

.lk-page__exit
{
	margin-top: 10px;
}

.lk-page__btn
{
	font-size: 15;
	color: rgba(44, 41, 39, .7);
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	transition: stroke .2s linear;
}

.lk-page__btn svg
{
	display: block;
	width: 24px;
	height: 24px;
	fill: none;
	margin-right: 10px;

	stroke: #2C2927;
	transition: stroke .2s linear;
}

@media (any-hover: hover)
{
	.lk-page__btn:hover
	{
		color: #6E6E6E;
	}

	.lk-page__btn:hover svg
	{
		stroke: #6E6E6E;
	}
}


.lk-page__item
{
	margin-top: 60px;
}

.lk-modal__btn
{
	font-size: 16px;
	display: none;
	position: relative;
	padding: 20px 30px 20px 0;
	border-bottom: 1px solid currentColor;
	width: 100%;
	text-align: left;
}

.lk-modal__btn:after 
{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 9px;
    margin-top: -4px;
    background: url(../images/ic_arrow2.svg) 50% / contain no-repeat;
}

.lk-modal__btn._active:after
{
	margin-top: -5px;
    transform: rotate(180deg);
}

.lk-modal__modal
{
	position: relative;
    top: 0;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.lk-page__links
{
	align-items: stretch;
	align-content: stretch;
	border-bottom: 1px solid #DEDDDC;
}

.lk-page__link + .lk-page__link
{
	margin-left: 60px;
}

.lk-page__link a
{
	text-decoration: none;
	display: block;
	padding: 20px 0;
	color: currentColor;
	border: 1px solid transparent;
	
	opacity: .7;
	transition: opacity .2s linear;
}

@media (any-hover: hover)
{
	.lk-page__link a:hover
	{
		opacity: 1;
	}
}

.lk-page__link a._active
{
	opacity: 1;
	border-bottom-color: currentColor;
}


.lk-page__form-cols
{
	justify-content: space-between;
}

.lk-page__form-coll
{
	width: calc(34.44% - 30px);
}

.lk-page__form-colr
{
	width: calc(65.56% - 30px);
}

.lk-page__form-title
{
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 20px;
}

.lk-page__form-submit
{
	margin-top: 40px;
}

.lk-page__form-flex
{
	max-width: 778px;
	flex-wrap: nowrap;
}

.lk-page__form-flex > * + *
{
	margin-left: 20px;
}

.lk-page__form-flex .form__line
{
	width: 100%;
	margin-bottom: 0;
}

.lk-page__form-flex  .lk-page__form-flex-submit
{
	flex-shrink: 0;
}


.lk-page__desc
{
	font-size: 14px;
	max-width: 960px;
	opacity: .7;
}

.lk-page__copy
{
	margin-top: 20px;
}

.lk-page__copy-btn
{
	background: #EFEFEF;
	border-radius: 8px;
	padding: 10px 17px 10px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
	font-size: 14px;
	color: currentColor;
	transition: color .2s linear, background .2s linear;
}

.lk-page__copy-btn svg
{
	display: block;

	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	transition: stroke .2s linear;
	margin-left: 18px;
}

@media (any-hover: hover)
{
	.lk-page__copy-btn:hover
	{
		color: #fff;
		background: #2C2927;
	}
}


.orders-head 
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 20px 12px 20px 0;
	font-size: 14px;
    cursor: pointer;

	border-bottom: 1px solid #DEDDDC;
}

.orders__item._active .orders-head,
.orders__item:last-child .orders-head 
{
	border-bottom-color: transparent;
}

.orders-head::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

	width: 14px;
	height: 9px;

    margin-top: -4px;

	background: url(../images/ic_arrow2.svg) 50%/contain no-repeat;
}

.accord__item._active .orders-head::after
{
	margin-top: -5px;
    transform: rotate(180deg);
}

.orders-head__item
{
	width: calc(100%/3);
	padding-right: 30px;
}

.orders-head__number
{
	white-space: nowrap;
}

.orders-head__status
{
	position: relative;
	padding-left: 18px;
}

.orders-head__status::after
{
	position: absolute;
	content: '';
	top: 6px;
	left: 0;

	display: block;

	width: 8px;
	height: 8px;

	background: #4A63E0;
	border-radius: 50%;
}

.orders-head__status._completed::after
{
	background: #32A936;
}

.orders-head__price span
{
	white-space: nowrap;
}

.accord__data
{
    display: none;
}

.orders__data
{
	background: #EFEFEF;
	border-radius: 5px;
	padding: 30px;
}

.orders__cols
{
	justify-content: space-between;
}

.orders__col
{
	width: calc(50% - 30px);
}

.orders__title
{
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
	margin-bottom: 15px;
}

/*------------
    costumer-head
------------*/

.costumer-head__cols
{
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
}

.costumer-head__col
{
	width: calc(50% - 10px);
}

.costumer-head__col .text-block
{
	max-width: 576px;
}

.costumer-head__wrap
{
	max-width: 672px;
}

.costumer-head__title
{
	font-size: 70px;
	line-height: 1;
	font-family: var(--font-family2);
	font-weight: 400;
}

/*------------
    bg-line
------------*/

.bg-line
{
	position: relative;
	height: 120px;
}

.bg-line img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

/*------------
    costumer-info
------------*/

.costumer-grid
{
	margin-left: -16px;
}

.costumer-grid__head
{
	width: calc(100%/3 * 2 - 16px);
	margin-left: 16px;

	padding-top: 10px;
}

.costumer-grid__items
{
	width: calc(100%/3 * 2 - 16px);
	margin-left: 16px;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;

	margin-top: 25px;
}

.costumer-grid__item
{
	margin-top: 65px;
	width: calc(50% - 8px);
}

.costumer-grid__cards
{
	width: calc(100%/3 - 16px);
	margin-left: 16px;
}



.costumer-info__title
{
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	margin-left: 90px;
	max-width: 486px;
}


.costumer-grid__wrap
{
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.costumer-grid__icon
{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #EFEFEF;
	padding: 14px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	margin-right: 30px;

	flex-shrink: 0;
}

.costumer-grid__icon img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.costumer-grid__info
{
	width: 100%;
}

.costumer-grid__info._small
{
	max-width: 338px;
}

.costumer-grid__name
{
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
}

.costumer-grid__desc
{
	font-size: 14px;
	opacity: .7;
	margin-top: 12px;
}

.costumer-grid__link
{
	margin-top: 20px;
}


.costumer-grid__card + .costumer-grid__card
{
	margin-top: 16px;
}

.costumer-grid__card
{
	overflow: hidden;
	border-radius: 8px;
	position: relative;
	padding: 30px;
	min-height: 240px;
	color: #fff;

	display: flex;
	flex-direction: column;
}

.costumer-grid__card._dark::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: #2C2927;
	opacity: .7;
}

.costumer-grid__img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.costumer-grid__card-info
{
	position: relative;
	z-index: 2;
	margin-top: auto;
}

.costumer-grid__card-name
{
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--font-family2);
}

.costumer-grid__card-desc
{
	margin-top: 12px;
	font-size: 14px;
}
/*------------
    certs
------------*/

.certs__cols
{
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
}

.certs__col
{
	width: calc(50% - 8px);
}

.certs__desc
{
	font-size: 14px;
	opacity: .7;
}

.certs__items
{
	margin: 14px 0 0 -16px;
	align-items: stretch;
	align-content: stretch;
}

.certs__item
{
	width: calc(100%/4 - 16px);
	margin: 16px 0 0 16px;

	display: flex;
	flex-direction: column;

	background: #EFEFEF;
	padding: 30px;
	border-radius: 8px;
}

.certs__name
{
	flex-grow: 1;
	opacity: .75;
	font-size: 14px;
}

.certs__bot
{
	margin-top: 10px;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap
}

.certs__price
{
	font-size: 30px;
	line-height: 1.2;
	font-family: var(--font-family2);
}

.certs__link
{
	flex-shrink: 0;
	margin-left: 10px;
}


/*------------
    about-page
------------*/

.about-page
{
	position: relative;
}

.about-page__pattern
{
	position: absolute;
	top: -60px;
	right: 0;
	
	display: block;

	width: 950px;
	height: 1139px;

	pointer-events: none;
}

.about-page .cont
{
	max-width: 1480px;
	position: relative;
}

.text-block__cols-width
{
	max-width: 1055px;
	margin: 0 auto;
}

.text-block__col-width
{
	max-width: 480px;
}


.about-page__items
{
	margin-top: 105px;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.about-page__item-left
{
	width: 340px;
	padding-bottom: 80px;
	margin-right: 16px;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.about-page__item-center
{
	width: calc(100% - 705px);
	max-width: 575px;
	margin-left: 45px;
}

.about-page__item-right
{
	width: 288px;
	padding-top: 80px;
	margin-left: 16px;
}

.about-page__items img
{
	display: block;
	max-width: 100%;
	border-radius: 8px;
}


.about-page__contacts
{
	margin-top: 100px;
}

.about-page__contacts-wrap
{
	max-width: 480px;
	margin: 0 auto;
}

/*------------
    brand-concept
------------*/

.brand-concept
{
	margin-top: 120px;
	padding-bottom: 120px;

	background: #F3E9DD;
	position: relative;
}

.brand-concept::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	background: linear-gradient(0deg, #E1D8CE 0%, #fff 100%);
}

.brand-concept__pattern
{
	position: absolute;
	bottom: 0;
	left: 0;
	
	display: block;

	width: 1032px;
	height: 969px;

	pointer-events: none;
	z-index: 1;
}


.brand-concept .cont
{
	max-width: 1480px;
	position: relative;
	z-index: 2;
}

.brand-concept__title
{
	font-family: var(--font-family2);
	font-size: 70px;
	line-height: 1;

	width: 100%;
    max-width: 1246px;
	margin-left: auto;
}

.brand-concept__wrap
{
	margin-top: 120px;
	position: relative;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: nowrap;
}

.brand-concept__tabs
{
	flex-shrink: 0;
	margin-right: 30px;
	padding-top: 80px;
}

.brand-concept__tabs button
{
	/* position: absolute;
	top: 80px;
	left: 0; */

	margin: 0 auto;
}

.brand-concept__items
{
	width: 100%;
	max-width: 1246px;
	position: relative;
}

.brand-concept__data
{
	position: relative;

	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}

.brand-concept__info
{
	width: 290px;
	padding-top: 80px;
}

.brand-concept__big-box
{
	margin-left: 95px;
	width: calc(100% - 385px);
	max-width: 576px;
}

.brand-concept__big-img
{
	position: relative;
	padding-bottom: 133.34%;
}

.brand-concept__big-img img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	border-radius: 8px;
	object-fit: cover;
}

.brand-concept__small-box
{
	position: absolute;
	top: 80px;
	right: 0;

	/* width: 384px; */
	width: 30.82%;
}

.brand-concept__small-img
{
	position: relative;
	padding-bottom: 133.4%;
}

.brand-concept__small-img img
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	border-radius: 8px;
}

/*------------
    commit
------------*/
.main-about{
	/* background: url(../images/main_about_line.svg) 0 100%/100% auto no-repeat; */
	/* min-height: 200vh; */
}

.line-svg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	pointer-events: none;
	opacity: 0;
}

.line-svg.anim{
	opacity: 1;
}

.main-about__items{
	height: 100vh;
	position: relative;
}

.main-about__item{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
	display: flex;
	flex-direction: column;
		justify-content: center;
}

.main-about__item .cont{
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
	padding-top: 40px;
	padding-bottom: 40px;
	max-height: 1080px;
}

.main-about__coll{
	width: 30%;
	max-width: 480px;
	flex-shrink: 0;
	align-self: center;
}

.main-about__coll_start{
	align-self: flex-start;
}

.main-about__title{
	font-family: var(--font-family2);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	color: #2e2e30;
}

.main-about__desc{
	margin-top: 32px;

	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #2C2927;
	max-width: 406px;
	opacity: 0.75;
}

.main-about__coll_start .main-about__desc{
	max-width: none;
}

.main-about__colr{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 917px;
	margin-left: 94px;
}

.main-about__images{
	position: relative;
	max-width: 917px;
	width: 100%;

	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
	flex-grow: 1;
}

.main-about__name{
	position: absolute;
	top: 25%;
	left: 24%;
	width: 76%;
	text-align: left;

	font-family: var(--font-family2);
	font-weight: 400;
	font-size: 150px;
	line-height: 1.2;
	color: #fff;
}

.main-about__name span{
	display: inline-block;
}

.main-about__name + .main-about__name{
	mix-blend-mode: difference;
	color: #c4c4c4;
	z-index: 2;
}

/* .main-about__name::after{
	content: attr(data-name);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;

	mix-blend-mode: difference;
	color: #c4c4c4;
	z-index: 2;
} */

.main-about__images-col{
	width: 62.38%;
	z-index: 1;
}

.main-about__img1{
	width: 49%;
	height: 37%;
	position: relative;
}

.main-about__img1 img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.main-about__img2{
	width: 75.53%;
	height: calc(63% - 61px);
	position: relative;
	margin-top: 61px;
	margin-left: auto;
}

.main-about__img2 img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.main-about__img3{
	width: calc(37.62% - 24px);
	height: 40%;
	position: relative;
	margin-left: 24px;
	margin-top: 26%;
	z-index: 1;
}

.main-about__img3 img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.main-about__item1 .main-about__name span{
	transform: scale(.3);
	opacity: 1;
}
.main-about__item1 .main-about__img3 img{
	transform: scale(.3);
	opacity: .3;
}
.main-about__item1 .main-about__img2 img{
	transform: scale(.3);
	opacity: .3;
}
.main-about__item1 .main-about__img1 img{
	transform: scale(.3);
	opacity: .3;
}
.main-about__item1 .main-about__coll{
	transform: scale(.3);
	opacity: .3;
}

.main-info{
	padding-top: 50px;
}


.main-info__wrap{
	position: relative;
	z-index: 1;
}

.main-info__tabs{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.tabs__button_icon{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: currentColor;
	display: block;
	text-align: center;
}

.main-info .tabs__button_icon{
	width: 100%;
}

.tabs__button_icon + .tabs__button_icon{
	margin-top: 24px;
}

.tabs__button-icon{
	margin: 0 auto;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	background: #fff;
	color: #2C2927;
	transition: background .2s linear, color .2s linear;
}

.tabs__button_icon._active .tabs__button-icon{
	color: #fff;
	background: #2C2927;
}

@media (any-hover: hover){
	.tabs__button_icon:hover .tabs__button-icon{
		color: #fff;
		background: #2C2927;
	}
}

.tabs__button-icon svg{
	display: block;
	width: 32px;
	height: 32px;

	stroke: currentColor;
}

.tabs__button-name{
	display: block;
	margin-top: 6px;
}

.main-info__cols{
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.main-info__col{
	width: calc(50% - 8px);
	display: flex;
	flex-direction: column;
}

.main-info__top{
	flex-grow: 1;
}

.main-info__title{
	font-family: var(--font-family2);
	font-weight: 400;
	font-size: 150px;
	line-height: 1;
	color: currentColor;
}

.main-info__desc{
	font-size: 21px;
	line-height: 1.5;
	margin-top: 40px;
	width: 58%;
}

.main-info__btn{
	margin-top: 32px;
}

.main-info__btn-black{
	padding-left: 11px;
	padding-right: 11px;
}

.main-info__images{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: nowrap;
	margin-top: -20%;
}

.main-info__img1{
	width: 65.48%;
}

.main-info__img1 .main-info__img{
	margin-left: 0;
}

.main-info__img1 .main-info__img img{
    aspect-ratio: 1/.5;
}

.main-info__images-flex{
	width: 34.52%;
}

.main-info__img{
	margin-top: 16px;
	margin-left: 16px;
}

.main-info__img img{
	display: block;
	width: 100%;
    display: block;
    aspect-ratio: 1;
    object-fit: cover;
	border-radius: 8px;
}

.main-info__col._flex{
	flex-direction: row;
	align-items: flex-end;
	align-content: flex-end;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.main-info__gallery{
	margin-left: -16px;
	width: 69.04%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
}

.main-info__gallery .main-info__img{
	width: calc(50% - 16px);
}

.main-info__gallery .main-info__img:first-child{
	width: calc(100% - 16px);
}

.main-info__gallery .main-info__img:first-child img{
	aspect-ratio: 1/.9676;
}

.main-info__video{
	margin-left: 16px;
	width: 30.96%;
	display: block;
	text-decoration: none;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;

	font-size: 14px;
	line-height: 1.5;
	color: currentColor;
}

.main-info__video-img{
	display: block;
	position: relative;
	padding-bottom: 68.53%;
}

.main-info__video-img img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	
	object-fit: cover;
	transition: transform .4s linear;
}

@media (any-hover: hover) 
{
    .main-info__video:hover .main-info__video-img img 
	{
        transform: scale(1.05);
    }
}

.main-info__video-box
{
	padding: 23px 20px 20px;

	display: block;	
}

.main-info__video-icon
{
	fill: #2C2927;
	display: block;
	width: 26px;
	height: 26px;
	transition: fill .2s linear;
}

@media (any-hover: hover) 
{
    .main-info__video:hover .main-info__video-icon
	{
        fill: #6E6E6E;
    }
}

.main-info__video-name
{
	display: block;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bg1{
	background: linear-gradient(0deg, #fff 0%, #ded5c6 100%);
	position: relative;
	z-index: 1;
}

.bg1__pattern{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 1056px;
	height: 470px;
	transition: opacity .3s linear;
	opacity: 0;
}

._start .bg1__pattern{
	opacity: 1;
}

.bg2{
	position: relative;
}

.bg2::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(225, 216, 206, 0) 0%, rgba(225, 216, 206, 0) 80%, #e1d8ce 100%);
	pointer-events: none;
}

.bg2__img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0;
	pointer-events: none;
}

.bg2__pattern{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 1056px;
	height: 505px;
	pointer-events: none;
}

.pattern3{
	position: relative;
}

.pattern3__img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 764px;
	height: 464px;
	display: block;
	pointer-events: none;
	transition-delay: 1s;
}

.pattern4{
	position: relative;
}

.pattern4__img{
	position: absolute;
	left: 0;
	top: -463px;
	width: 764px;
	height: 1171px;
	/* height: 708px; */
	display: block;
	pointer-events: none;
	transition-delay: 1s;
	z-index: 2;
}

.discounts__grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.discounts__sticker{
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.discounts__sticker span{
	display: inline-block;
	background: #2C2927;
	border-radius: 8px;
	padding: 0 17px;
	font-size: 11px;
	line-height: 28px;
	color: #fff;
}

.discounts__big {
    grid-row: span 2;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.discounts__big .discounts__sticker{
	position: relative;
	left: 0;
	bottom: 0;
	display: block;
}

.discounts__big-img{
	display: block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/.693;
	overflow: hidden;
	min-height: 100%;
	transition: transform .4s linear, opacity .5s linear;
}

@media (any-hover: hover){
	.discounts__big:hover .discounts__big-img{
		transform: scale(1.05);
	}
}

.discounts__big-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	max-width: 440px;
	padding: 0 30px 30px;
}

.discounts__big-name{
	font-family: var(--font-family2);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.3;
	color: #fff;
	margin-top: 10px;
	display: block;
}

.discounts__big-desc{
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 10px;
	display: block;
}

.discounts__item{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
}

.discounts__slider .discounts__item{
	display: block;
}

.discounts__item-img{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.discounts__item-img img{
	display: block;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1/.671;
	min-height: 100%;
	border-radius: 8px;
	transition: transform .4s linear, opacity .5s linear;
}

@media (any-hover: hover){
	.discounts__item-img:hover img{
		transform: scale(1.05);
	}
}

.discounts__item-box{
	width: 50%;
	padding-left: 30px;
	align-self: center;
	flex-shrink: 0;
}

.discounts__slider .discounts__item-box{
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 0;
}

.discounts__item-name{
	font-family: var(--font-family2);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
}

.discounts__item-name a{
	color: currentColor;
	text-decoration: none;
	transition: border .2s linear;
	border-bottom: 1px solid transparent;
}

@media (any-hover: hover){
	.discounts__item-name a:hover{
		border-bottom-color: currentColor;
	}
}

.discounts__item-desc{
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	color: rgba(44, 41, 39, 0.7);
}

.discounts__slider{
	margin-top: 30px;
}

.section-info__wrap{
	position: relative;
	padding-left: 130px;
	padding-right: 130px;
}

.section-info__wrap .text-block{
	margin: 0 auto;
	max-width: 1140px;
}

.section-info__wrap .text-block p,
.section-info__wrap .text-block ul,
.section-info__wrap .text-block h2{
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.section-info__back{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;

	font-size: 14px;
	line-height: 30px;
	color: rgba(44, 40, 40, 0.7);
	text-decoration: none;
	transition: color .2s linear;
	max-width: 110px;
	z-index: 2;
	padding-left: 45px;
}

.section-info__back span{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	border-radius: 50%;
	background: #fff;
	color: #282828;
	transition: background .2s linear, color .2s linear;
	transform: rotate(180deg);
}

.section-info__back svg{
	display: block;
	stroke: currentColor;
	width: 7px;
	height: 12px;
}

@media (any-hover: hover){
	.section-info__back:hover{
		color: #2C2828;
	}

	.section-info__back:hover span{
		background-color: #282828;
		color: #fff;
	}
}


.advantages-page{
	position: relative;
	overflow: hidden;
}

.advantages-page__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 100%;
	pointer-events: none;
}

.advantages-page__pattern{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 2236px;
	height: 2305px;
	display: block;
	pointer-events: none;
	z-index: 1;
}

.advantages-page::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #E1E1DE 0%, rgba(230, 238, 242, 0) 90%, #e4eef3 100%);
}

.advantages-page .cont{
	z-index: 2;
	max-width: 1480px;
}

.advantages-page__title{
	margin: 0 auto;
	max-width: 1056px;
}

.advantages-page .page-title{
	max-width: 864px;
	color: #2C2927;
}

.advantages-page__top{
	justify-content: space-between;
	margin-top: 140px;
	position: relative;
}

.advantages-page__top-coll{
	width: 75%;
	max-width: 1056px;
}

.advantages-page__top-title{
	position: absolute;
	left: 0;
	top: 9%;
	font-family: var(--font-family2);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	color: #2C2927;
	width: calc(25.66% - 30px);
	max-width: 250px;

	font-weight: 500;
}

.advantages-page__top-flex._flex{
	justify-content: space-between;
}

.advantages-page__top-item{
	width: 65%;
	max-width: 672px;
}

.advantages-page__top-item img{
	aspect-ratio: 1/1.335;
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.advantages-page__top-item._small{
	width: calc(35% - 30px);
	max-width: 288px;
	align-self: flex-end;
	margin-bottom: 12.5%;
}

.advantages-page__top-colr{
	width: calc(25% - 30px);
	max-width: 288px;
	align-self: center;
}

.advantages-page__top-wrap .slider-pagination{
	display: none;
}

.advantages-page__wrap .slider-pagination{
	display: none;
}

.advantages-page__info{
	margin: 140px auto 0;
	max-width: 864px;

	font-size: 21px;
}

.advantages-page__bot{
	margin-top: 140px;
	justify-content: space-between;
	position: relative;
}

.advantages-page__text{
	position: absolute;
	left: 0;
	top: 17%;
	width: calc(24% - 30px);
	max-width: 288px;
	font-size: 16px;
}

.advantages-page__flex._flex{
	justify-content: space-between;
}

.advantages-page__item{
	width: 29%;
	max-width: 384px;
}

.advantages-page__item._small{
	width: calc(25% - 30px);
	max-width: 288px;
	align-self: flex-end;
}

.advantages-page__item._big{
	width: calc(46% - 30px);
	max-width: 576px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.advantages-page__item img{
	aspect-ratio: 1/1.335;
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
}
/*------------
    footer
------------*/
.footer
{
    padding: 40px 0 60px;
	border-top: 1px solid #EFEFEF;
	background: #fff;
}

.footer__cols._flex
{
	margin-left: -20px;
}

.footer__cols + .footer__cols
{
	margin-top: 40px;
}

.footer__col
{
	width: calc(100%/3 - 20px);
	margin: 20px 0 0 20px;

	justify-content: space-between;
}

.footer__logo a
{
	display: block;
	text-decoration: none;
}

.footer__logo img
{
	display: block;
	max-width: 100%;
}

.footer__desc
{
	max-width: 360px;
	opacity: .7;
	font-size: 14px;
	margin-top: 20px;
}

.footer__socials
{
	margin-top: 20px;
}

.socials-link
{
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	height: 30px;
}

.socials-link + .socials-link
{
	margin-left: 20px;
}

.socials-link svg
{
	fill: #2C2927;
	display: block;
	width: 30px;
	height: 30px;
	transition: fill .2s linear;
}

@media (any-hover: hover) 
{
    .socials-link:hover svg
	{
        fill: #6E6E6E;
    }
}

.footer__title
{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	font-family: var(--font-family2);
}

.footer__menu
{
	justify-content: space-between;
	margin-top: 10px;
}

.footer__item
{
	width: calc(50% - 5px);
	font-size: 14px;
	margin-top: 10px;
}

.footer__item a
{
	color: #2C2927;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	opacity: .75;
	transition: border .2s linear;
}

@media (any-hover: hover) 
{
	.footer__item a:hover
	{
		border-color: #2C2927;
	}
}


.main-contacts__title
{
	font-size: 14px;
	opacity: .75;
}

.main-contacts__phone
{
	margin-top: 5px;
	font-family: var(--font-family2);
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
}

.main-contacts__phone a
{
	text-decoration: none;
	color: #2C2927;
}

.main-contacts__email
{
	margin-top: 20px;
	font-size: 14px;
}

.main-contacts__email a
{
	text-decoration: none;
	color: #2C2927;
}


.footer__box
{
	width: calc(50% - 7.5px);
}

.footer__info
{
	opacity: .75;
	font-size: 14px;
	margin-top: 10px;
}


.form-subscribe
{
	margin-top: 10px;
}

.form-subscribe__desc
{
	opacity: .75;
	font-size: 14px;
	max-width: 360px;
}

.form-subscribe__btn
{
	margin-top: 18px;
	padding-left: 20px;
	padding-right: 20px;
}

.footer__links
{
	margin-left: -60px;
}

.footer__link
{
	margin: 20px 0 0 60px;
	font-size: 14px;
}

.footer__link a
{
	color: #2C2927;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

@media (any-hover: hover) 
{
	.footer__link a:hover
	{
		border-bottom-color: #2C2927;
	}
}


.footer__bot
{
	justify-content: space-between;
	align-items: center;
	align-content: center;
	font-size: 14px;
	color: rgba(44, 41, 49, .5);
	padding-top: 20px;
}

.footer__creator 
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.footer__creator-img
{
    margin-left: 5px;
}

.footer__creator-img img 
{
    display: block;
    max-width: 100%;
}
/*------------
    Modal
------------*/
.modal
{
    position: relative;
    z-index: 3;

    display: none;
    visibility: visible !important;

    width: 1900px;
    max-width: 100%;
    padding: 0;

    border-radius: 8px;
    background: #FFF;
}

.modal-size
{
	width: 770px;
	padding: 0;
	border-radius: 8px;
}

.modal-inner
{
	width: 540px;
	padding: 60px 40px;
	text-align: center;
}

.modal__wrap{
	width: 100%;
}

.modal__title
{
	color: #2C2828;
	font-family: var(--font-family2);
    font-size: 40px;
    line-height: 1.1;
}

.modal__desc
{
	font-size: 14px;
	margin-top: 20px;
}

.modal__link
{
	margin-top: 20px;
}



.modal-inner__title
{
	font-family: var(--font-family2);
	font-size: 30px;
	line-height: 1.2;
}

.modal-inner__desc
{
	color: #6D6D6D;
	margin-top: 10px;
}

.form-modal
{
	margin-top: 30px;
}

.form-modal .form__line 
{
    margin-bottom: 20px;
}

.form-modal .form__input,
.form-modal .form__submit-btn
{
	border-radius: 999px;
}


.modal-size__cols
{
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

.modal-size__col
{
	width: calc(50% - 15px);
	padding: 40px;
}

.modal-size__col:last-child
{
	background: #ECEDED;

	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 0;
	border-radius: 0 8px 8px 0;
}

.modal-size__ring
{
	width: 281px;
	height: 186px;
	position: relative;
	

	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
}

.modal-size__ring::after
{
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	display: block;

	width: 186px;
	height: 186px;

	border-radius: 50%;
	border: 11px solid #2C2828;
}

.modal-size__ring img
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: relative;

	margin-bottom: 28px;
	z-index: 1;
}

.modal-product{
	border-radius: 0;
}

.modal-product__cols{
	align-items: stretch;
	align-content: stretch;
	width: 100%;
}

.modal-product__coll{
	width: 37.632%;
	padding: 60px;
	display: flex;
	flex-direction: column;
}

.modal-product__logo{
	width: 100%;
}

.modal-product__logo img{
	display: block;
	max-width: 190px;
}

.modal-product__wrap{
	padding: 30px 0;
	margin: auto 0;
	width: 100%;
}

.modal-product__title{
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	color: #2C2927;
	text-indent: 140px;
}

.modal-product__desc{
	margin-top: 60px;
	padding-left: 140px;
	text-align: justify;
}

.modal-product__bot{
	justify-content: space-between;
	flex-wrap: nowrap;
	padding-top: 39px;
	border-top: 1px solid #EFEFEF;
}

.modal-product__bot-coll{
	align-self: flex-end;
}

.modal-product__info{
	margin-top: 2px;
	color: rgba(44, 41, 39, 0.5);
}

.modal-product__bot-colr{
	margin-left: 30px;
	flex-shrink: 0;
}

.modal-product__cart{
	margin-bottom: 10px;
	background: #2C2927;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	transition: background .2s linear;
	color: #D0C7C0;
}

@media (any-hover: hover){
	.modal-product__cart:hover{
		background: #6E6E6E;
	}
}

.modal-product__cart svg{
	display: block;
	stroke: currentColor;
	width: 16px;
	height: 17px;
}

.modal-product__price{
	font-weight: 600;
	font-size: 21px;
	line-height: 1.5;
	text-align: right;
	color: #2C2927;
	white-space: nowrap;
}

.modal-product__colr{
	width: 62.368%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.modal-product__slider{
	flex-grow: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.modal-product__slider .swiper-wrapper{
	flex-grow: 1;
}

.modal-product__slider .swiper-slide{
	height: auto;
}

.modal-product__slider img{
	display: block;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 1/.827;
	min-height: 100%;
}

.modal-product__slider .slider-button-prev,
.modal-product__slider .slider-button-next{
	bottom: 16.3%;
	left: 50%;
	top: auto;
	margin-top: 0;
	background: #fff;
}

.modal-product__slider .slider-button-prev{
	margin-left: -46px;
}

.modal-product__slider .slider-button-next{
	margin-left: 10px;
}

@media (any-hover: hover){
	.modal-product__slider .slider-button-prev:hover,
	.modal-product__slider .slider-button-next:hover{
		background: #2C2927;
	}
}

.modal-product__btn{
	position: absolute;
	left: 0;
	bottom: 6.1%;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.fancybox__slide.has-close-btn{
	padding-top: 8px;
}


@media (max-width: 1699px)
{
	.first-section__title
	{
		font-size: 84px;
	}

	.first-section__img
	{
		height: 350px;
	}

	.advantages__title
	{
		font-size: 64px;
	}

	.advantages__img
	{
		max-width: 470px;
	}


	.product__pre-order
	{
		font-size: 19px;
	}


	.radio-big 
	{
		width: calc(100% / 3 - 16px);
	}


	.text-block h1.big-title
	{
		font-size: 130px;
	}

	.big-title span 
	{
		padding-left: 160px;
	}


	.brand-concept__title
	{
		margin-top: 68px;
	}
	/*------------
		commit
	------------*/

	.modal-product__coll{
		padding: 40px 30px;
	}

	.modal-product__title{
		font-size: 30px;
	}
}


@media (max-width: 1599px)
{
	.nav-menu__item + .nav-menu__item 
	{
		margin-left: 30px;
	}


	/* .first-section__abs1
	{
		width: 400px;
		height: 400px;
	}

	.first-section__abs2
	{
		width: 240px;
		height: 240px;
		border-radius: 70px;
	}

	.first-section__abs2 img{
		border-radius: 70px;
	} */

	.first-section__title 
	{
        font-size: 78px;
    }

	.first-section__img 
	{
        height: 320px;
    }


	.product__top,
	.product__bot
	{
		padding: 25px;
	}
	
	.product__info
	{
		padding-left: 25px;
		padding-right: 25px;
	}


	.advantages__title
	{
		font-size: 60px;
	}

	.advantages__pad
	{
		padding-left: 100px;
	}


	.portfolio__name
	{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}


	.choose-size__wrap
	{
		padding-left: 40px;
		padding-right: 40px;
	}

	.choose-size__title
	{
		font-size: 28px;
	}

	.choose-size__desc
	{
		max-width: 410px;
	}

	.choose-size__link
	{
		margin-left: 50px;
	}


	.main-news__title
	{
		font-size: 28px;
		padding: 40px;
	}


	.costumer-head__title
	{
		font-size: 64px;
	}


	.text-block h1.big-title 
	{
        font-size: 120px;
    }

	.big-title span 
	{
        padding-left: 150px;
    }


	.about-page__items
	{
		margin-top: 60px;
	}

	.about-page__contacts
	{
		margin-top: 60px;
	}

	.brand-concept
	{
		margin-top: 80px;
	}

	.brand-concept__wrap
	{
		margin-top: 80px;
	}

	.brand-concept__title
	{
		font-size: 64px;
	}
	/*------------
		commit
	------------*/

	.main-info__video-box{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}


@media (max-width: 1499px)
{
	.main-title,
	.page-title,
	.checkout-total__total-val
	{
		font-size: 38px;
	}


	.first-section__info 
	{
		width: calc(60% - 20px);
	}

	.first-section__col 
	{
		width: calc(40% - 20px);
	}

	.first-section__title 
	{
        font-size: 70px;
    }

	.first-section__img 
	{
        height: 290px;
    }

	/* .first-section__abs1 
	{
        width: 370px;
        height: 370px;
		top: 130px;
    }

	.first-section__abs2
	{
		width: 210px;
		height: 210px;
		margin-left: 200px;
		margin-top: -50px;
	} */

	.first-section__desc
	{
		font-size: 19px;
	}


	.product__info-title
	{
		font-size: 28px;
	}


	.product__more
	{
		margin-top: 30px;
	}

	.choose-product__tabs-title
	{
		font-size: 19px;
	}


	.portfolio__info
	{
		padding: 15px;
		width: 140px;
	}

	.portfolio__product
	{
		height: 110px;
		padding-bottom: 30px;
	}

	.portfolio__name
	{
		padding: 16px 170px 16px 16px;
	}

	.portfolio__flex .portfolio__name
	{
		padding: 16px;
	}


	.choose-size__title 
	{
        font-size: 26px;
    }

	.choose-size__wrap 
	{
        padding-left: 30px;
        padding-right: 30px;
    }

	.choose-size__link
	{
		margin-left: 40px;
	}


	.main-news__title
	{
        font-size: 26px;
        padding: 30px;
    }


	.advantages__bg-logo
	{
		width: 380px;
		height: 380px;
	}


	.product-info__info 
	{
		width: calc(63.6% - 30px);
	}


	.free-ship
	{
		max-width: 400px;
	}

	.total-cart__val
	{
		font-size: 38px;
	}


	.checkout__coll 
	{
		width: calc(100% - 480px);
	}

	.checkout__colr 
	{
		width: 450px;
	}


	.main-news__name
	{
		font-size: 18px;
	}


	.costumer-head__title
	{
		font-size: 56px;
	}

	.certs__price
	{
		font-size: 28px;
	}


	.text-block h1.big-title 
	{
        font-size: 110px;
		margin-bottom: 60px;
    }

	.big-title span 
	{
        padding-left: 140px;
    }


	.brand-concept__title
	{
		width: calc(100% - 126px);
	}
	/*------------
		commit
	------------*/
	.main-info__title{
		font-size: 130px;
	}

	.main-info__desc{
		width: 64%;
		font-size: 18px;
	}

	.main-about__name{
		font-size: 130px;
	}


	.first-section__bot {
		margin-top: 115px;
	}

	.first-section__video{
		margin-top: 60px;
	}

	.modal-product__title{
		text-indent: 80px;
	}

	.modal-product__desc{
		margin-top: 40px;
		padding-left: 80px;
	}

	.modal-product__bot{
		padding-top: 29px;
	}
}